@charset "utf-8";
.w_b{word-break: keep-all;}
.tx_r{text-align: right;}
.tx_l{text-align: left;}
.pb25{padding-bottom: 25px;}
.pl0{padding-left: 0;}
.mt20{margin-top: 20px;}
.mt40{margin-top:40px; }
.mt50{margin-top: 50px;}
.mb20{margin-bottom:20px;}
.mt35{margin-top:35px;}
.ml20{margin-left: 20px;}
br.br_dis1{display:block;}

.clear{clear:both;}
.txt_s{font-size: 95%;font-weight: bold;}

/*section01*/
.reason_ttl{
	font-size: 110%;
	color: #fe8f00;
}
ul.katachi_list{
	width: 90%;
	margin: 0 auto;
	border: #c9c9c9 solid 2px;
	border-radius: 6px;
	display: flex;
	justify-content: center;

}
ul.katachi_list>li{
width: 35%;
}
.egp{
	background:#e1ffed;
	border-radius:6px 0 0 6px;
	margin-bottom: 0;
}
.grc{
	background:#e5f4ff;
	border-left:#c9c9c9 solid 2px;	
	border-right:#c9c9c9 solid 2px;
	margin-bottom: 0;
}
.sqr{
	background:#ffe2e2;
	border-radius:0 6px 6px 0;
	margin-bottom: 0;
}
ul.txt_list{
	background: #fffeee;
	padding:20px !important;
	height:calc(100% - 319px);	
}
ul.egp_list{
	border-radius:0 0 0 6px;
}
ul.sqr_list{
	border-radius:0 0 6px 0;
}
.egp_list li,.grc_list li,.sqr_list li{
	padding-bottom: 10px;
	text-indent: -1em;
	padding-left: 1rem;
	text-align: left;
}
.egp_list>li:before,.grc_list>li:before,.sqr_list>li:before{
    content:  "";     
    width:  12px;               
    height:  12px;              
	display:  inline-block;     
    background-color: #3eb36d;
    border-radius:  50%;        
    position:  relative;        
    top: 0;                  
    margin-right: 5px;          
}
.grc_list>li:before{
    background-color: #1b75bc;  
}
.sqr_list>li:before{
    background-color: #f47a7a;  
}
span.ft_sm{font-size: 80%;}
.pt30{padding-top: 30px;}
.remark_t{font-size: 80%;width: 90%;margin:10px auto 30px;}


/*section02*/
.shoes_img{background-color: #ffffff;}
li.txt_area{
	background: #fffeee;
}
.txt_area > p{
text-align: center;	
padding: 20px;
margin-bottom: 0px;
min-height: 96px;
background: #fffeee;
}
.bor_l{border-radius:0 0 0 6px;}
.bor_r{border-radius:0 0 6px 0;}
.pb30{padding-bottom: 30px;}


.point_area{
	width: 100%;
	margin: 70px auto 0;
	border: 4px #f47a7a solid;
	border-radius: 10px;
	position: relative;
}
.sec02_pointttl{
	position: absolute;
	top:-30px;
	left: 30px;
}
.point_t{padding: 30px 0 0 24px;}
ul.shoes_point{
padding: 15px 10px 0 40px;
}

ul.shoes_point > li:before {
	content:  "";
	width:  12px;
	height:  12px;
	display:  inline-block;
	background-color: #f47a7a;
	border-radius:  50%;
	position:  relative;
	top:0;
	margin-right: 5px;
}
ul.shoes_point>li{  
	text-indent: -1em;
	padding-bottom: 15px;
	font-size: 109%;
}
.y_under{
background: linear-gradient(transparent 60%, #fce441 50%);
font-weight: bold;
}
.plr10{padding-left:10px;padding-right:10px;}

/*section03*/
.bgc_y{
	background-color:#FFFEEF;
	padding: 30px 20px 20px;
	width: 100%;
	margin:40px auto 0;
}
.bgc_w{
	background-color: #ffffff;
	width: 97%;
	margin:15px auto;
	padding:0 32px 30px;
}

ul.para_list{
display: flex;
flex-wrap: wrap;
justify-content:center;

}
ul.para_list>li{width: 30%;margin-right: 30px;margin-top: 30px}
ul.para_list li>p{padding:10px 0 0 30px;font-size: 111%;margin-bottom: 0;}
.mb0{margin-bottom: 0;}


.matome{
	display: block;
	margin: 100px auto 50px;
	background-color: #fffeee;
	border-radius: 15px;
	width: calc(80% - 60px);
	min-width: 300px;
	padding: 30px 20px 20px;
	font-size:100%;
	position: relative;
}

.matome .matome-ttl{
	position: absolute;
	top:0;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

/*mame*/
h5.mame_h5{color:#f16fb5;font-size: 115%;}
.mame_fl{width: 100%;padding:10px 0;}
.mame_r{width: 30%; float: right; padding: 50px 0 0;}
.mame_l{width: 70%; float: left; padding: 20px 0;}


@media screen and (max-width: 1230px) {
/*section01*/
ul.katachi_list{width: 100%;}


.txt_area > p {
  max-height: 96px;
  }
/*section03*/
.bgc_w {
  background-color: #ffffff;
  width: 95%;
  margin: 10px auto;
  padding: 0px 20px 30px;
}
ul.para_list > li {
  width: 29%;
}
}

@media screen and (max-width: 991px)  {
.remark_t{width: 100%;}
/*section03*/
.bgc_y {
  background-color: #FFFEEF;
  padding:30px 20px 20px;
  width: 100%;
  margin:40px auto 0;
}
.bgc_w {
  margin: 10px auto 15px;
}
ul.para_list > li {
  width: 44%;
  margin: 20px auto 0;
}
.txt_area > p {
  max-height: 101px;
}
br.br_none{display: none;}
.mb0{margin-bottom: 0;}
.matome{
	width: calc(100% - 60px);
}
}

@media screen and (max-width: 767px)  { /* 767px以下用（タブレット／スマートフォン用）の記述 */
/*section01*/
ul.katachi_list{flex-flow: column;width: 80%;}
ul.katachi_list>li{width: 100%;}
.grc{
	background:#e5f4ff;
	border-top:#c9c9c9 solid 2px;	
	border-bottom:#c9c9c9 solid 2px;
	border-left:none;	
	border-right:none;	
}
ul.txt_list {
  height: calc(100% - 359px);
}
.egp{
	border-radius:6px 6px 0 0 ;
}
.sqr{
	border-radius:0;
}
/*section02*/
.txt_area > p {
  min-height:0;
  padding: 20px
}
.bor_r {
  border-radius: 0 0 3px 3px;
}

/*section03*/
ul.para_list>li {
  width: 42%;
}
.bgc_w{padding: 40px 20px;width: 100%;margin: 0 auto 30px;}
.mb0{margin-bottom: 0;}
.matome{
	width: 100%;;
}
}

@media screen and (max-width: 480px){
ul.katachi_list {
  flex-flow: column;
  width: 100%;
}
.bgc_w {
  padding:0 0 20px;
  margin: 0 auto;
  width: 100%;
}
.bgc_y {
  background-color: #FFFEEF;
  padding:30px 20px 20px;
  width: 100%;
  margin:40px auto 0;
}
ul.para_list>li {
width: 85%;
margin: 20px 16px 0 0;
}
}

@media screen and (max-width: 375px){

}