@charset "utf-8";
/* CSS Document */

/*PC*/
@media print, screen and (min-width: 769px) {
	
/*----hed_img----*/

#hedImg { background: url(../images/trainer/hed_img.jpg) center center; background-size: cover; }
.hed_main { background: url(../images/index/com_bg.png); padding-bottom: 50px; margin-bottom: 80px; padding-top: 40px; }
.shop_list_tit { color: #46280a; border-bottom: 2px solid #ededed; padding-bottom: 10px; font-weight: bold; position: relative; margin-bottom: 30px; font-size: 20px; }
.shop_list_tit::before { content: '';
position: absolute;
display: block;
height: 2px;
width: 80px;
background-color: #d7c182;
left: 0;
bottom: -1px;}

.trainer_box { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; }
.trainer_txtbox { flex-basis: 70%; margin-right: 5%; }
.trainer_imgbox { flex-basis: 20%; }
.trainer_img { width: 100%; margin: 0 auto 15px; }
.trainer_img2 { width: 100%; margin: 0 auto; }
.trainer_img img,.trainer_img2 img { width: 100%; height: auto; }

.trainer_txt { margin-bottom: 30px; line-height: 2em;  }
.trainer_txt2 { line-height: 2em;  }

	
	.number_btn { width: 700px; margin: 0 auto 70px; }
.number_btn a { display: block; box-sizing: border-box; border-radius: 15px; background: #ddcfa0; padding: 30px; text-align: center; position: relative; }
.number_btn a span { font-size: 16px; font-weight: bold; color: #fff; position: relative; }
.number_btn a span::after { position: absolute; display: block; content: "\f0a9"; font-family: "Font Awesome 5 Free"; color: #fff; font-weight: bold; right: -35px; top: 4px; font-size: 18px;  -webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out; }
.number_btn a:hover span::after { right: -45px; }
	
	

}



/*sp*/
@media only screen and (max-width: 768px) {
	
/*----hed_img----*/

#hedImg { background: url(../images/trainer/hed_img.jpg) center center; background-size: cover; }

.shop_list_tit { color: #46280a; border-bottom: 2px solid #ededed; padding-bottom: 10px; font-weight: bold; position: relative; margin-bottom: 30px; font-size: 18px; }
.shop_list_tit::before { content: '';
position: absolute;
display: block;
height: 2px;
width: 80px;
background-color: #d7c182;
left: 0;
bottom: -1px;}



.trainer_box { width: 100%; margin: 0 auto; }
.trainer_txtbox { width: 100%; margin: 0 auto 30px; }
.trainer_imgbox { width: 70%; margin: 0 auto; }
.trainer_img { width: 100%; margin: 0 auto 15px; }
.trainer_img2 { width: 100%; margin: 0 auto; }
.trainer_img img,.trainer_img2 img { width: 100%; height: auto; }

.trainer_txt { margin-bottom: 30px; line-height: 2em;  }
.trainer_txt2 { line-height: 2em;  }

}