@charset "utf-8";
/* Hero */
.hero-inner{position: absolute; left: 0; right: 0; top: 28vw; font-size: min(1.6vw,1.6rem); line-height: 1.7;}
.hero h2{margin-bottom: 0.3em;}
.hero p{max-width: 870px;}

@media (max-width: 1500px){
    .hero-inner{top: 32vw;}
}

@media (max-width: 767px){
    .hero-inner{font-size: 3.1vw; left: 4%; top: auto; bottom: 8vw; width: 92%;}
    .hero-inner .container{width: 100%;}
}

/* health */
#health .m-tit{margin: 0 0 0.4em;}

/* Clean */
.clean-desc p:not(:last-of-type){padding-bottom: 1em;}
.clean-img .js-photo{padding-bottom: 70%; max-width: 1260px; width: 100%;}

@media (min-width: 768px){
    .clean{margin: 80px 0 0 0; position: relative; z-index: 1;}
    .clean:before{content: ''; position: absolute; top: 0; left: 0; width: 50%; height: 100%; background: #E9F8FB; z-index: -1;}
    .clean-inner{padding: 0 0 90px; background: #E9F8FB;}
    .clean-img{position: relative; margin: 0 -190px 50px 0; display: flex; justify-content: flex-end;}
    .clean-desc{max-width: 900px;}
}

@media (max-width: 1700px) and (min-width: 1350px){
    .clean-img{margin-right: calc(-50vw + 655px);}
}

@media (max-width: 1349px) and (min-width: 768px){
    .clean-img{margin-right: -20px;}
}

@media (max-width: 767px){
    .clean{margin: 60px 0 0 0; background: #E9F8FB;}    
    .clean-inner{width: 100%; padding: 0 0 40px;}
    .clean-img{padding: 0 0 30px 20px;}
    .clean .m-tit,
    .clean-desc{padding: 0 30px;}
}

/* Safety */
@media (min-width: 768px){
    .safety{max-width: 900px; margin: 120px auto;}
}

@media (max-width: 767px){
    .safety{margin: 60px auto; padding: 0 10px;}
}

/* Certificate */
.cert-tbl{width: 560px; font-size: 1.8rem; line-height: 1.5; border: 1px solid #000; color: #000;}
.cert-tbl p{padding: 10px 30px; border-bottom: 1px solid #000;}
.cert-tbl ul{padding: 25px 30px;}
.cert-tbl li:not(:last-of-type){margin-bottom: 25px;}

@media (min-width: 768px){
    .cert{display: flex; justify-content: flex-end; align-items: center; margin: 0 0 140px;}
    .cert-img{margin: 0 7.5% 0 0;}
}

@media (max-width: 767px){
    .cert{margin: 0 0 60px; padding: 0 10px;}
    .cert-img{margin: 0 auto 20px; text-align: center; width: 80%;}
    .cert-tbl{width: 100%; margin: 0 auto; font-size: 1.6rem;}
    .cert-tbl p{padding: 10px 20px;}
    .cert-tbl ul{padding: 20px 20px;}
    .cert-tbl li:not(:last-of-type){margin-bottom: 20px;}
}

/* Point */
.point{background: #E9F8FB; padding: 140px 0;}
.point-box p:not(:last-of-type){padding-bottom: 1em;}

@media (min-width: 768px){
    .point-box{display: flex; justify-content: space-between; flex-wrap: wrap;}
    .point-box:not(:last-of-type){margin: 0 0 85px;}
    .point-box_img{width: 31.76%;}
    .point-box_inner{width: 65.8%;}    
}

@media (max-width: 767px){
    .point{padding: 60px 10px;}
    .point-box:not(:last-of-type){margin: 0 0 50px;}
    .point-box_img{margin: 0 0 20px;}
    .point-box_img img{width: 100%;}
}