@charset "UTF-8";
/* CSS Document */
#l-features-inner img{width: 100%;height: auto;}
.mainimg{margin-bottom: 80px;}
#l-features-inner .mainimg-inner{
	position: relative;
	
}
#l-features-inner .mainimg-inner h1{
	position: absolute;
	top: 80px;
    left: 0;
    width: 380px;
	line-height: 1.6;
}
#l-features-inner .safety,#l-features-inner .mainimg-inner {
  width: 90%;
  margin: 0px auto; }
#l-features-inner .safety .pinkbox{
	background: #EB85B2;
    font-size: 1.3rem;
    display: inline-block;
    line-height: 1;
    padding: 5px 10px;
    position: absolute;
    top: 0px;
    left: 0px;
    color: #FFF;
    font-weight: bold;
}
  #l-features-inner .safety .bl {
    margin-bottom: 130px;
	  position: relative;
	  padding-top: 40px;
}

  #l-features-inner .safety .bl .box-inner:last-child ul {
    overflow: hidden; }
    #l-features-inner .safety .bl .col2 div:last-child ul li {
      float: left;
      width: 48%; }
      #l-features-inner .safety .bl .col2 div:last-child ul li:last-child {
        float: right; }



.bouhanhooklist-sp{display: none;}
 #l-features-inner .safety .bl.giboshi .col2 div:last-child ul li p {
    font-size: 1.2rem;
    margin-top: 5px;
    text-align: center;
}


  @media (min-width: 1080px) {
    #l-features-inner .safety,#l-features-inner .mainimg-inner {
      width: 950px; }

#l-features-inner .mainimg h1{
    width: 320px;
	top: 110px;
}
#l-features-inner .safety .bl.top p.bouhanhooklist {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 40%;
}
  
	  
}


@media (max-width: 768px) {

#l-features-inner .mainimg h1{
    top: 50px;
}

	#l-features-inner .safety .bl{
		margin-bottom: 90px;
	}	
}
@media (max-width: 600px) {

#l-features-inner .mainimg h1{
    top: 50px;
}

.bouhanhooklist{display:none;}
.bouhanhooklist-sp{display: block;}
.bouhanhooklist-sp p{text-align: center!important;font-weight: bold;margin: 30px 0px 20px!important;}
#l-features-inner h1 {
    margin-bottom: 10px;
}
}

@media (max-width: 480px) {
	  #l-features-inner .safety {
      width: 100%; }
      #l-features-inner .mainimg {
     display: block; 
}
	#l-features-inner .mainimg img{
		aspect-ratio: 375 / 548!important;
	}
	#l-features-inner .mainimg h1 img{
		aspect-ratio: 100 / 41!important;
	}
#l-features-inner .mainimg h1 {
    width: 80%;
        top: 30px;
        left: 5%;
}
	#l-features-inner .safety .pinkbox{
		left: 50%;
		transform: translate(-50%, 0%);
		font-size: 1.5rem;
	}
#l-features-inner .safety .bl {
    margin-bottom: 60px;
}
	  
     
 #l-features-inner .safety .bl.ifbox{
	 border-bottom: solid 1px #320506;
	 padding: 0px 0px 60px;
    margin-bottom: 20px;
	}
 #l-features-inner .safety .bl.ifbox .box{
	 width: 85%;
	 margin: 0px auto;
	}
 #l-features-inner .safety .bl.giboshi{
	 width: 85%;
	 margin: 0px auto;
	}
 #l-features-inner .safety .bl.giboshi .col2 div:last-child ul li p {
    font-size: 1rem;
} 
	#l-features-inner .safety .bl.top{border-bottom: solid 1px #000;padding-bottom: 40px;}
	#l-features-inner .checkbox{
		border: none;
    margin-top: 0px;
    border-bottom: solid #000 1px;
	}
	.ifbox .col2{
		width: 85%;
		margin: 0px auto;
	}
	.ifbox .col2 img{aspect-ratio: 290 / 597!important;}
	.giboshi .col2{margin-bottom: 40px;}
	.giboshi .col2 ul li img{aspect-ratio: 135 / 236!important;}
	#l-features-inner .col2 div{width: 100%;margin-right: 0;}
	#l-features-inner .mv img{
		aspect-ratio: 160 / 91!important;
	}
	#l-features h2 {text-align: center;margin-bottom: 20px;}
}