@charset "UTF-8";
/* Scss Document */
.page-title:before {
    background: url(../../../image/top/concept_img.jpg) no-repeat center;
    background-size: cover;
}
#l-features .page-title h1{
	font-family: "HGS明朝E", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    color: #fff;
    font-size: 4.8rem;
    font-weight: normal;
}
#l-features .policy-text {
    width: 75%;
    margin: 100px auto;
    text-align: center;
}
#l-features .policy-text h2{font-weight: bold;}
#l-features .policy-text img {
    width: 50%;
}
#l-features .policy-text p{
	    font-size: 1.5rem;
    line-height: 2.3;
}
#l-features .policy-navi section {
  	background:url("../../../image/features/2027/design.webp") no-repeat center top;
	background-size: cover;
	min-height: 360px;
}
#l-features .policy-navi section.comfortable {
  	background:url("../../../image/features/2027/comfortable.webp") no-repeat center top;
	background-size: cover;
	min-height: 360px;
}
#l-features .policy-navi section.guarantee {
  	background:url("../../../image/features/2025/guarantee.webp") no-repeat center top;
	background-size: cover;
	min-height: 360px;
}
#l-features .policy-navi section.performance {
  	background:url("../../../image/features/2027/performance.webp") no-repeat center top;
	background-size: cover;
	min-height: 360px;
}
#l-features .policy-navi section.quality {
  	background:url("../../../image/features/2025/quality.webp") no-repeat center top;
	background-size: cover;
	min-height: 360px;
}
#l-features .policy-navi section.shoulder {
  	background:url("../../../image/features/2025/shoulder.webp") no-repeat center top;
	background-size: cover;
	min-height: 360px;
}
#l-features .policy-navi section.lightness {
  	background:url("../../../image/features/2027/lightness.webp") no-repeat center top;
	background-size: cover;
	min-height: 360px;
}
#l-features .policy-navi section.durability {
  	background:url("../../../image/features/2025/durability.webp") no-repeat center top;
	background-size: cover;
	min-height: 360px;
}
#l-features .policy-navi section.waterproof {
  	background:url("../../../image/features/2026/waterproof.webp") no-repeat center top;
	background-size: cover;
	min-height: 360px;
}
#l-features .policy-navi section.usability {
  	background:url("../../../image/features/2025/usability.webp") no-repeat center top;
	background-size: cover;
	min-height: 360px;
}
#l-features .policy-navi section.capacity {
  	background:url("../../../image/features/2025/capacity.webp") no-repeat center top;
	background-size: cover;
	min-height: 360px;
}
#l-features .policy-navi section.safety {
  	background:url("../../../image/features/2027/safety.webp") no-repeat center top;
	background-size: cover;
	min-height: 360px;
}
#l-features .policy-navi section + section {
    margin-top: 2px;
}
#l-features .policy-navi section .inner {
    width: 85%;
	margin: 0px auto;
	position: relative;
	min-height: 360px;
	color: #FFF;
}
#l-features .policy-navi section .inner .policy-navi-text{
	position: absolute;
	top: 50%;
	transform: translate(0%, -50%);
	width: 50%;
}
#l-features .policy-navi section .inner .policy-navi-text.r{
	left: 50%;
}
#l-features .policy-navi section .inner .policy-navi-text h2,#l-features .policy-navi section .inner .policy-navi-text h3 {
    margin-bottom: 15px;
    line-height: 1.6;
	font-size: 2.6rem;
	color: #FFF;
	font-weight: bold;
}
#l-features .policy-navi section .inner .policy-navi-text .morebtn {
    width: 220px;
    margin: 35px 0 0px;
    border-radius: 25px;
    border: 1px #FFF solid;
}
#l-features .policy-navi section .inner .policy-navi-text .morebtn a {
    color: #FFF;
    text-align: center;
    display: block;
    padding: 13px 0px;
    line-height: 1.5;
    font-size: 1.6rem;
}
#l-features-inner img{
	width: 100%;
	height: auto;
}
#l-features h1,#l-features-inner h2,#l-features h1,#l-features-inner h3 {
    font-family: initial;
	color: #000000;
	font-weight: bold;
}
#l-features h1{font-size: 3.2rem;line-height: 1.5;}
#l-features h2{font-size: 2.8rem; margin-bottom: 30px;line-height: 1.6;}
#l-features h3{font-size: 2.4rem; margin-bottom: 25px;}
#l-features .bl {
    margin: 0px auto 100px;
    width: 85%;
	overflow: hidden;
}  
.link{
	width: 250px;
	text-align: center;
}
.link a {
    display: block;
    background: #320506;
    color: #FFF;
    padding: 15px;
}

#l-features-inner .checkbox {
  border: solid #000 1px;
  padding: 50px;
  margin-top: 70px;
  position: relative; }

 #l-features-inner .checkbox h3 {
    font-size: 2.3rem;
    margin-bottom: 20px;
}
#l-features-inner .checkbox h2{margin-bottom: 15px;}

*, *:before, *:after {
    box-sizing: border-box;
}
.col2,.col3,.col4{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.col2 > *{
    width: calc(50% - 30px);
    margin-right: 60px;
}
.col2 > *:nth-child(2n){
    margin-right: auto!important;
	margin-bottom: 0;
}
.col2 > *:nth-child(n+3){margin-top: 40px;}
.col3 > *{
    width: calc( 33.33333% - 8px ) ;
    margin-right: 12px;
    margin-bottom: 12px;
}
.col3 > *:nth-child(3n){
    margin-right: auto;
}
.col4 > *{
    width: calc( 25% - 9px );
    margin-right: 12px;
    margin-bottom: 12px;
}
.col4 > *:nth-child(4n){
    margin-right: auto!important;
}

#l-features-inner .movie {
    text-align: center;
    background: #F4F4F4;
    padding: 100px 0px 90px;
}
#l-features-inner .movie .movie-inner{
	margin: 0px auto;
	width: 85%;
}
#l-features-inner .movie .col2.one{justify-content: center;}
#l-features-inner .movie .col2.one div{margin-right: 0px;}
#l-features-inner .movie .col2 p{
	font-weight: bold;
	margin-top: 15px;
	font-size: 1.5rem;
}
.policy-navi-btn ul{text-align: center;margin: 60px auto 100px;}
.policy-navi-btn ul li{
  width: 250px;
  border: solid 1px #320506;
  display: inline-block;
	text-align: center;
	margin: 0px 10px;
	  }
.policy-navi-btn ul li a{
	display: block;
	padding: 15px 0px;
}
span.pink{
	background: #EE87B4;
	color: #fff;
	display: inline-block;
	line-height: 1;
	padding: 5px;
	border-radius: 7px;
	margin: 0px 4px;
}




@media (min-width: 1080px) {
#l-features-inner .bl {
        width: 950px;
    }
#l-features .policy-navi section {
  	min-height: 408px;
}
#l-features .policy-navi section .inner {
     width: 950px;
	min-height: 408px;
    }
#l-features .policy-navi section .inner .policy-navi-text h2,#l-features .policy-navi section .inner .policy-navi-text h3 {
   font-size: 2.8rem;
}
	#l-features-inner .movie .movie-inner{width: 950px;}
}
@media (max-width: 800px) {
#l-features .policy-navi section .inner .policy-navi-text h2,#l-features .policy-navi section .inner .policy-navi-text h3 {
    font-size: 2.4rem;
}
#l-features-inner .movie .col2.one div{width: 70%;}
}
@media (max-width: 700px) {
    #l-features h1 {
        font-size: 2.8rem;
    }
	#l-features h2 {
        font-size: 2.6rem;
    }
	#l-features .policy-navi section .inner .policy-navi-text br{
    display: none;
}
}
@media (max-width: 640px) {
    #l-features h1 {
        font-size: 2.5rem!important;
    }
	#l-features h2 {
        font-size: 2.2rem!important;
    }
#l-features-inner .movie {
    padding: 70px 0px 30px;
}
}
  @media (max-width: 480px) {
	  #l-features .page-title h1{font-size: 2.9rem !important;}
#l-features .policy-navi section{background: none!important;min-height:auto!important;}
#l-features .policy-navi section .inner {width: 100%;}
#l-features .policy-navi section h3 {
    background: url(../../../image/features/2027/design_sp.webp) no-repeat center top;
    background-size: 100% auto;
    min-height: 400px;
	text-align: center;
	position: relative;
	font-size: 2.3rem;
}
#l-features .policy-navi section.comfortable h3 {
    background: url(../../../image/features/2027/comfortable_sp.webp) no-repeat center top;
    background-size: 100% auto;
}
#l-features .policy-navi section.guarantee h3 {
    background: url(../../../image/features/2025/guarantee_sp.webp) no-repeat center top;
    background-size: 100% auto;
}
#l-features .policy-navi section.performance h3 {
    background: url(../../../image/features/2027/performance_sp.webp) no-repeat center top;
    background-size: 100% auto;
}
#l-features .policy-navi section.quality h3 {
    background: url(../../../image/features/2025/quality_sp.webp) no-repeat center top;
    background-size: 100% auto;
}
#l-features .policy-navi section.shoulder h3 {
    background: url(../../../image/features/2025/shoulder_sp.webp) no-repeat center top;
    background-size: 100% auto;
}
#l-features .policy-navi section.lightness h3 {
    background: url(../../../image/features/2027/lightness_sp.webp) no-repeat center top;
    background-size: 100% auto;
}
#l-features .policy-navi section.durability h3 {
    background: url(../../../image/features/2025/durability_sp.webp) no-repeat center top;
    background-size: 100% auto;
}
#l-features .policy-navi section.waterproof h3 {
    background: url(../../../image/features/2025/waterproof_sp.webp) no-repeat center top;
    background-size: 100% auto;
}
#l-features .policy-navi section.usability h3 {
    background: url(../../../image/features/2025/usability_sp.webp) no-repeat center top;
    background-size: 100% auto;
}
#l-features .policy-navi section.capacity h3 {
    background: url(../../../image/features/2025/capacity_sp.webp) no-repeat center top;
    background-size: 100% auto;
}
#l-features .policy-navi section.safety h3 {
    background: url(../../../image/features/2027/safety_sp.webp) no-repeat center top;
    background-size: 100% auto;
}
#l-features .policy-navi section h3 span{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
#l-features .policy-navi section .inner .policy-navi-text h2 br,#l-features .policy-navi section .inner .policy-navi-text h3 br {
	display: block;
}
#l-features .policy-navi section p{color: #000;margin: 30px 25px;}
#l-features .policy-navi section .inner .policy-navi-text .morebtn {
    width: 85%;
    border: none;
    margin: 0px auto 40px;
}
#l-features .policy-navi section .inner .policy-navi-text .morebtn a {
    background: #340000;
    border-radius: 30px;
}
#l-features .policy-navi section .inner .policy-navi-text {
    position: static;
    transform: translate(0%, 0%);
    width: 100%;
}
#l-features .policy-text {
    width: 85%;
    margin: 50px auto;
	  }
#l-features .policy-text h2 {
    font-size: 2.5rem !important;
    margin-bottom: 5px;
}
#l-features .policy-text img {
    width: 70%;
}
#l-features .policy-text p{text-align: left;}

	  #l-features h3{font-size: 2rem; margin-bottom: 15px;}
    #l-features-inner .checkbox {
      border-left: none;
      border-right: none;
		border-bottom: none;
      margin-top: 50px;
        padding: 35px 30px;
        width: 100%; }
#l-features-inner .checkbox h3 {
    font-size: 2rem;
    margin-bottom: 10px;
}
.col2 > *:nth-child(n+2){margin-top: 40px;}
	  
/*下層ページ共通*/
#l-features .bl{width: 100%;}
#l-features-inner .movie {
        padding: 50px 0px;
    }
#l-features-inner .movie .bl {
    width: 85%;
}
	  
#l-features .policy-navi.p2 section .inner{min-height: 460px;}
#l-features .policy-navi.p2 section .inner .policy-navi-text {
        position: absolute!important;
        transform: translate(0%, -50%)!important;
	left: auto;
}
#l-features .policy-navi.p2 section h2{font-size: 2.3rem!important;text-align: center;margin-bottom: 15px!important;}
#l-features .policy-navi.p2 section p{display: none;}
#l-features .policy-navi.p2 section .inner .policy-navi-text .morebtn {
	width: 65%;
	border: none;
	margin: 30px auto 40px;
	display: block;
}
#l-features .policy-navi.p2 section .inner .policy-navi-text .morebtn a {
	background: none;
	border-radius: 30px;
	border: solid 1px #FFF;
}
.policy-navi-btn ul {
    margin: 20px auto 60px;
}  
.policy-navi-btn ul li {
    width: 85%;
	margin: 0 0 15px;
}
#l-features-inner .movie .col2 div{width: 100%!important;margin: 0;}
	  #l-features-inner .movie .col2 div + div{margin-top: 40px;}
}