@charset "UTF-8";
/* Scss Document */
#l-features-inner .capacity {
  width: 90%;
  margin: 0px auto;
	padding-top: 80px;
}
#l-features-inner .mainimg-inner {
  width: 90%;
  margin: 0px auto;
position: relative;
}
#l-features-inner .mainimg{
	background: #f2f1ef;
}
#l-features-inner .mainimg-inner h1{
	position: absolute;
    top: 110px;
    left: 0px;
    width: 58%;
	font-size: 3.2rem;
	line-height: 1.6;
}
#l-features-inner .mainimg-inner .mainimg-inner-text{
	position: absolute;
	top: 35%;
	left: 0px;
	width: 35%;
}
#l-features-inner .mainimg-inner .midashi{
	font-weight: bold;
	margin: 20px 0px 10px;
	font-size: 1.4rem;
}
#l-features-inner .mainimg-inner .size{
	position: absolute;
	bottom: 30px;
	left: 0px;
	width: 55%;
	font-size: 1rem;
}

#l-features-inner .capacity .bl-1 {
    margin: 0px auto 100px;
}
#l-features-inner .capacity .bl-2 {
    margin: 0px auto 100px;
	position: relative;
}
#l-features-inner .capacity .bl-2 .col2 div:first-child img{
	position: absolute;
	bottom: 10px;
	left: 0px;
	width: 40%;
}

.mainimg-inner-text-sp,#l-features-inner .keyloop_sp{display: none;}


  @media (min-width: 1080px) {
    #l-features-inner .capacity, #l-features-inner .mainimg-inner {
      width: 950px; }
	#l-features-inner .mainimg-inner .mainimg-inner-text{
	width: 36%;
}  
	  #l-features-inner .mainimg-inner h1{
		  margin-bottom: 60px;
	  }
	  #l-features-inner .mainimg-inner .midashi {
    margin: 30px 0px 10px;
	  }
	
      #l-features-inner.capacity .bl {
        margin-bottom: 130px; } }


@media (max-width: 900px) {
#l-features-inner .mainimg-inner h1 {
    top: 70px;
	font-size: 3rem;
	width: 100%;
}
	#l-features-inner .mainimg-inner .midashi{font-size: 1.3rem;}
	#l-features-inner .mainimg-inner p{font-size: 1.1rem;line-height: 1.7;}
}
@media (max-width: 768px) {
#l-features-inner .mainimg-inner h1 {top: 60px;}
#l-features-inner .mainimg-inner .size {bottom: 15px;}
#l-features-inner .mainimg-inner .mainimg-inner-text {
    position: absolute;
    top: 32%;
	}
#l-features-inner .capacity .bl-2 .col2 .div:first-child img {
    position: static;
    width: 100%;
	margin-top: 20px;
}
}
@media (max-width: 640px) {
	#l-features-inner .mainimg-inner h1 {
    top: 40px;
}
	
	#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-inner {
    width: 	100%;
}
	   #l-features-inner .mainimg-inner img{
    aspect-ratio: 375 / 548!important;
}

	  #l-features-inner .mainimg-inner h1 {
    top: 7%;
    width: 85%;
    left: 50%;
	line-height: 1.7;
    transform: translate(-50%, 0%);
	font-size: 2.3rem !important;
}
	  
	  #l-features-inner .mainimg-inner .mainimg-inner-text {
    width: 100%;
}
	  #l-features-inner .mainimg-inner .mainimg-inner-text img{
    display: none;
}
	 
	  #l-features-inner .capacity {
      width: 100%; padding-top: 0px;}
     
	  #l-features-inner h2{
		  margin: 0 30px 20px;
		  text-align: center;
	  }
	  .col2 > * {
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
}
	  .col2 div:first-child img{display: none;}
	  #l-features-inner .keyloop_sp{
		  display: block;
		  margin-top: 40px;
	  }
	  #l-features-inner .keyloop_sp p{
		  margin: 15px 30px 0px;
	  }
      #l-features-inner .capacity .bl-1,#l-features-inner .capacity .bl-2 { margin-bottom: 50px; }
	  #l-features-inner .box.pt04 .box-inner:first-child{margin-bottom: 30px;}
	  #l-features-inner .box.pt04 .box-inner:first-child img{display: none;}
	  .mainimg-inner-text-sp{
		  display: block;
		  padding-bottom: 50px;
		  margin: 0px auto 50px;
		  border-bottom: solid 1px #000;
	  }
	  .mainimg-inner-text-sp .size{font-size: 1rem;padding: 15px 25px 0px;}
	  .rock{width: 85%;margin: 40px auto;}
	  .mainimg-inner-text-sp .midashi{
	font-weight: bold;
	margin: 20px 0px 10px;
	font-size: 1.6rem;
}
	  #l-features-inner .box.pt04 .box-inner:last-child .keyloop_sp{display: block;margin-top: 50px;}
	  #l-features-inner .box.pt04 .box-inner:last-child .keyloop_sp p{font-size: 1rem;margin: 10px 25px 0px;}
	  #l-features-inner .mv img{
		aspect-ratio: 160 / 91!important;
	}
	  #l-features-inner h2.ls{letter-spacing: -0.001em;}
	  .movie .col2 div:first-child img{display: block;}
	  #l-features .policy-navi section.safety {
    background: url(../../../image/features/2027/safety_sp.webp) no-repeat center top!important;
    background-size: 100% auto!important;
	min-height: 460px!important;
}
    }