@charset "UTF-8";
/* Scss Document */
#l-features-inner img{width: 100%;height: auto;}
#l-features-inner .durability {
  width: 90%;
  margin: 0px auto; }
#l-features-inner .mainimg{
	position: relative;
	margin-bottom: 90px;
}
#l-features-inner .mainimg-inner{
	position: absolute;
	top: 0px;
	left: 50%;
	transform: translate(-50%, 0%);
	width: 90%;
}
#l-features-inner .mainimg-inner .mainimg-inner-text{
	width: 38%;
    padding-top: 60px;
}
#l-features-inner .mainimg-inner .mainimg-inner-text h1{margin-bottom: 30px;}
#l-features-inner .mainimg-inner .midashi{
	font-weight: bold;
	margin: 20px 0px 10px;
	font-size: 1.4rem;
}
#l-features-inner .durability .dredit {
    font-size: 1rem;
    text-align: right;
    color: #000;
    margin-top: 10px; }
#l-features-inner .durability .bl-1, #l-features-inner .durability .bl-2, #l-features-inner .durability .bl-3, #l-features-inner .durability .bl-4 {
    margin: 0px auto 100px; }
#l-features-inner .durability .bl-2 ul li {
    display: inline-block;
    width: 46%;
    vertical-align: top;
    line-height: 1.85; }
    #l-features-inner .durability .bl-2 ul li + li {
      margin-left: 5%; }
    #l-features-inner .durability .bl-2 ul li span {
      top: 55% !important; }

.bleftbox{
	margin: 80px 0px 100px;
}
.bleftbox h3{font-size: 2rem;}

.mainimg-inner-text-sp{display: none;}


  @media (min-width: 1080px) {
    #l-features-inner .durability, #l-features-inner .mainimg-inner {
      width: 950px; 
	  }
	#l-features-inner .mainimg-inner .mainimg-inner-text{
	padding-top: 120px;
		width: 36%;
}  
	  #l-features-inner .mainimg-inner h1{
		  margin-bottom: 60px;
	  }
	  #l-features-inner .mainimg-inner .midashi {
    margin: 30px 0px 10px;
	  }
	
      #l-features-inner .durability .bl-1, #l-features-inner .durability .bl-2, #l-features-inner .durability .bl-3, #l-features-inner .durability .bl-4, #l-features-inner .durability .bl-5 {
        margin-bottom: 100px; } }


@media (max-width: 800px) {
#l-features-inner .mainimg-inner .mainimg-inner-text h1 {
    margin-bottom: 20px;
}
	#l-features-inner .mainimg-inner .midashi{font-size: 1.3rem;}
	#l-features-inner .mainimg-inner p{display: none;}
}
@media (max-width: 700px) {
#l-features-inner .mainimg-inner .mainimg-inner-text {
    padding-top: 40px;
}
}
@media (max-width: 640px) {
	#l-features-inner .mainimg-inner p,.mainimg-inner .midashi{display: none;}
	#l-features-inner .mainimg-inner {
    width: 85%;
}
#l-features-inner .mainimg-inner .mainimg-inner-text {
    width: 40%!important;
    padding-top: 45px;
    margin: 0px;
}
}
  @media (max-width: 480px) {
	  #l-features-inner .mainimg{margin-bottom: 40px;}
	  #l-features-inner .mainimg img{
		  aspect-ratio: 750 / 1579!important;
	  }
	  #l-features-inner .mainimg-inner .mainimg-inner-text {
    width: 70%!important;
}
	  #l-features-inner .mainimg-inner .mainimg-inner-text h1{font-size: 2.4rem !important;}
	  #l-features-inner .mainimg-inner .mainimg-inner-text img{
    display: none;
}
	  #l-features-inner .mainimg-inner .mainimg-inner-text h1 img{
    display: block;
		  aspect-ratio: 300 / 113!important;
}
	  #l-features-inner .durability {
      width: 100%; }
     
    
      #l-features-inner .durability .dredit {
        padding: 0px 30px;
        text-align: left;
        margin-top: 10px;
        border-bottom: solid #000 1px;
        padding-bottom: 40px; }
      #l-features-inner .durability .bl-1, #l-features-inner .durability .bl-2, #l-features-inner .durability .bl-3, #l-features-inner .durability .bl-4, #l-features-inner .durability .bl-5 {
        margin-bottom: 50px; }
        #l-features-inner .durability .bl-1 .pt04, #l-features-inner .durability .bl-2 .pt04, #l-features-inner .durability .bl-3 .pt04, #l-features-inner .durability .bl-4 .pt04, #l-features-inner .durability .bl-5 .pt04 {
          padding: 0px 30px; }
      #l-features-inner .durability .bl-2 ul li {
        width: 100%; }
        #l-features-inner .durability .bl-2 ul li + li {
          margin: 10px 7.5% 0px;
          width: 85%; }
      #l-features-inner .durability .bl-3,#l-features-inner .durability .bl-4 {
        border-bottom: solid 1px #000;
        padding-bottom: 50px; }
	  .bleftbox {
    margin: 50px 0px;
}

	  .durability{margin-top: 40px!important;border-top: solid #000 1px;}
	  .durability h2{margin: 0px 30px 10px; text-align: center;}
	  .bl-1 .bleftbox img{aspect-ratio: 750 / 1273!important;}
	  .mainimg-inner-text-sp{display: block;width: 85%;margin: 30px auto 0px;}
	  .mainimg-inner-text-sp .midashi{
	font-weight: bold;
	margin: 20px 0px 10px;
	font-size: 1.6rem;
		  line-height: 1.5;
}
	 .col2 > * {
    width: 100%;
    margin-right: 0px;
}
	  .bl-2 .bleftbox img{aspect-ratio: 150 / 269!important;}
	  .bl-3 img{aspect-ratio: 575 / 1298!important;}
	  .bl-4 img{aspect-ratio: 313 / 235!important;}
	  .bl-5 img{aspect-ratio: 587 / 710!important;}
	  .durability h2.tl{text-align: left;}
	  .bl-2 img{aspect-ratio: 313 / 398!important;}
	  .bl-3 .col2,.bl-4 .col2,.bl-5 .col2{
		  width: 85%;
		  margin: 0px auto;
	  }
	  .mainimg-inner img{aspect-ratio: 750 / 1579!important;}
	  #l-features .policy-navi section.waterproof {
    background: url(../../../image/features/2025/waterproof_sp.webp) no-repeat center top!important;
    background-size: 100% auto!important;
	min-height: 460px!important;
    }