@charset "UTF-8";

/*======*/
div.concept{width:100%;padding:0px 0px 60px 0px;}
div.concept h2{width:100%;padding:0px 0px 0px 0px;font-size:24px;line-height:140%;letter-spacing:1px;}
div.concept h3{width:100%;padding:10px 0px 20px 0px;font-size:18px;line-height:160%;letter-spacing:1px;color:#b61200;}
div.concept p{width:100%;padding:0px 0px 0px 0px;font-size:17px;line-height:160%;letter-spacing:1px;}
	@media all and (max-width: 1024px) {
		div.concept{width:95%;padding:30px 0px 60px 0px;}
		div.concept h2{font-size:18px;}
		div.concept h3{font-size:16px;}
		div.concept p{font-size:14px;}
		.pc_none{display:none;}
	}
	@media all and (max-width: 667px) {
		.pc_none{display:block;}
	}

/*======*/
div.recom{width:100%;padding:60px 0px;background:url(../img/index/bg_recom.webp) repeat;background-size:2000px 500px;background-position:top center;}
/*======*/
.slider2{max-width:1200px;width:100%;padding:15px 0px 0px 0px;}
.slider2 li{width:auto;padding:0px;}
.slider2 li div.li_contents{width:95%;padding:0px;background:#ffffff;position:relative;overflow:hidden;}
.slider2 li div.li_contents p.img{width:100%;}
.slider2 li div.li_contents div.txt{width:calc(100% - 34px);padding:17px 0px;}
.slider2 li div.li_contents h3{width:100%;color:#000000;text-align:left;font-weight:bold;}
.slider2 li div.li_contents h4{width:100%;padding:10px 0px;color:#b61200;text-align:right;font-weight:bold;}
.slider2 li div.li_contents p.txt{width:100%;color:#000000;text-align:left;}
.recom_effect_img{overflow:hidden;}
.recom_effect_img:after {content: "";background-color: #ffffff;width: 100%;height: 100%;position: absolute;left: 0;top: 0;
  z-index: 50;
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;
  transition: -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;
  transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;
  transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s, -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;
}
.recom_effect_img.effect:after {-webkit-transform: translateX(100%);transform: translateX(100%);}

/*======*/
.info{width:100%;height:auto;padding:60px 0px 160px 0px;background:url(../img/index/bg_info.webp) no-repeat;background-size:cover;background-position:top center;position:relative;}
.info:after {content: "";width:100%;height:141px;position:absolute;left: 0;bottom:0px;background:url(../img/header/bg.png) no-repeat;background-size:2000px 141px;background-position:bottom center;}
.info p.logo{max-width:179px;width:100%;height:auto;padding-bottom:25px;}
	@media all and (max-width: 1024px) {
		.info{padding:60px 0px 100px 0px;}
		.info:after {content: "";width:100%;height:100px;position:absolute;left: 0;bottom:0px;background:url(../img/header/bg.png) no-repeat;background-size:150% 100px;background-position:bottom center;}
	}
/*======*/
.info_dl{width:100%;max-width:1000px;height:auto;padding-bottom:30px;}
.info dl{width:100%;height:auto;padding-top:20px;border-bottom: 1px solid #1f1714;}
.info dl div{width:100%;height:auto;padding:20px 0px;border-top:1px solid #1f1714;display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;-ms-flex-pack: center;justify-content: center;-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.info dl dt{width:25%;height:auto;margin:0px 5% 0px 0px;}
.info dl dt h3{width:100%;height:auto;text-align:right;}
.info dl dd{width:70%;height:auto;}
.info dl dd p{width:100%;height:auto;text-align:left;}
	@media all and (max-width: 1024px) {
		.info_dl{width:95%;}
		.info dl div{padding:10px 0px;}
		.info_dl dl dt h3{width:100%;height:auto;background:rgb(103,97,90,0.6);padding:4px 0px;text-align:center;}
		.info_dl dl dt{width:100%;margin:0px auto;}
		.info_dl dl dd{width:100%;margin:0px auto;padding-top:5px;}
	}