@charset "UTF-8";

.footer,
.footer_inner {
  width: 100%;
  max-width: 100%;
  min-width: auto;
}

section {
  position: relative;
}

.kv {
  padding: 2.9283vw 2.9283vw 13.9092vw 2.9283vw;
  background: url(../../images/naraherb/fv_bg_pc.png) 50% 0 / 100% auto no-repeat;
}
.kv_inner {
  width: 100%;
  max-width: 82.4305vw;
  padding-left: 1.6105vw;
  margin: 0 auto;
}
.kv_inner img {
  width: 100%;
}

.section1 {
  padding: 6.8082vw 0 15.1881vw;
  margin-top: -5.4vw;
  background: url(../../images/naraherb/sec_bg01_pc.png) 50% 0 / 100% auto no-repeat;
}
.section1::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 26.6471vw;
  background: url(../../images/naraherb/sec_bg01_sub_pc.png) 50% 0 / 100% auto no-repeat;
}
.section1_img img {
  width: 100%;
}

.section2 {
  padding: 11.713vw 0 31.8375vw;
  margin-top: -15.4vw;
  background: url(../../images/naraherb/sec_bg02_pc.png) 50% 0 / 100% 138% no-repeat;
}
.section2_title {
  margin-bottom: -0.5124vw;
}
.section2_title img {
  width: 100%;
}
.section2_items {
  margin-bottom: 4.978vw;
}
.section2_item.item1 {
  width: 100%;
  max-width: calc(80.3807vw + 0.8785vw);
  padding-left: 0.8785vw;
  margin: 0 auto 0.8053vw;
}
.section2_item.item2 {
  width: 100%;
  max-width: calc(78.6237vw + 2.8551vw);
  padding-left: 2.8551vw;
  margin: 0 auto 7.6867vw;
}
.section2_item.item3 {
  width: 100%;
  max-width: calc(83.6018vw + 3.4407vw);
  padding-right: 3.4407vw;
  margin: 0 auto 6.8082vw;
}
.section2_item.item4 {
  width: 100%;
  max-width: calc(69.0337vw + 1.1713vw);
  padding-right: 1.1713vw;
  margin: 0 auto;
}
.section2_item img {
  width: 100%;
}
.section2_others {
  width: 89.7511vw;
  margin: 0 auto;
}

.section3 {
  padding: 7.5417vw 0 11.1772vw;
  margin-top: -23.5vw;
  background: url(../../images/naraherb/sec_bg03_pc.png) 50% 0 / 100% auto no-repeat;
}
.section3_title {
  margin-bottom: -4.0996vw;
}
.section3_title img {
  width: 100%;
}
.section3_facemask {
  width: 100%;
  max-width: 72.6208vw;
  margin: 0 auto 4.0996vw;
}
.section3_facemask img {
  width: 100%;
}
.section3_flow_title {
  width: 100%;
  max-width: 17.5695vw;
  margin: 0 auto 2.6354vw;
}
.section3_flow_inner {
  width: 100%;
  max-width: 69.6925vw;
  margin: 0 auto;
}

.section4 {
  padding: 5.7761vw 0 23.7394vw;
  margin-top: -7vw;
  background: url(../../images/naraherb/sec_bg04_pc.png) 50% 0 / 100% auto no-repeat;
}
.section4_title {
  width: 100%;
  margin-bottom: -8.2899vw;
}
.section4_title img {
  width: 100%;
}
.section4_product {
  display: flex;
  width: 100%;
  max-width: 72.2548vw;
  padding-left: 8.2723vw;
  margin: 0 auto;
  gap: 0 6.8814vw;
  justify-content: flex-end;
}
.product_info {
  width: 16.3982vw;
  padding-top: 0.5857vw;
}
.product_info img {
  width: 100%;
}
.product_name {
  width: 100%;
  max-width: 15.8126vw;
  margin: 0 auto 1.9766vw;
}
.product_btn {
  display: block;
  margin-bottom: 1.9034vw;
  font-size: 0;
}
.modal-open {
  width: 5.4905vw;
  margin: 0 auto;
  cursor: pointer;
}
.product_images {
  position: relative;
  width: 32.1020vw;
}
.product_images img {
  width: 100%;
}
.product_label {
  position: absolute;
  top: 1.4641vw;
  right: -12.3719vw;
  width: 15.959vw;
}

@media screen and (max-width:767px) {
  .kv {
    padding: 8.8vw 0 44.1333vw;
    background-image: url(../../images/naraherb/fv_bg_sp.png);
    background-position-y: -30.8vw;
  }
  .kv_inner {
    max-width: 100%;
    padding: 0;
  }
  
  .section1 {
    padding: 8.9333vw 0 48vw;
    margin-top: -15.7vw;
    background-image: url(../../images/naraherb/sec_bg01_sp.png);
  }
  .section1::after {
    content: none;
  }
  
  .section2 {
    padding: 12.5333vw 0 68vw;
    margin-top: -26vw;
    background-image: url(../../images/naraherb/sec_bg02_sp.png);
    background-size: 100% auto;
  }
  .section2_title {
    margin-bottom: -17.0667vw;
  }
  .section2_items {
    margin-bottom: 5.2vw;
  }
  .section2_item.item1 {
    max-width: 100%;
    padding: 0;
    margin-bottom: 9.3333vw;
  }
  .section2_item.item2 {
    max-width: 100%;
    padding: 0;
    margin-bottom: 4vw;
  }
  .section2_item.item3 {
    max-width: 100%;
    padding: 0;
    margin-bottom: 5.3333vw;
  }
  .section2_item.item4 {
    max-width: 100%;
    padding: 0;
  }
  .section2_others {
    width: 97.6vw;
  }
  
  .section3 {
    padding: 12vw 0 30.7333vw;
    margin-top: -9.2vw;
    background-image: url(../../images/naraherb/sec_bg03_sp.png);
  }
  .section3_title {
    margin-bottom: 2vw;
  }
  .section3_facemask {
    max-width: 100%;
    margin-bottom: 20.9333vw;
  }
  .section3_flow_title {
    max-width: 68.5333vw;
    margin-bottom: 11.6vw;
  }
  .section3_flow_inner {
    max-width: 100%;
    padding: 0 23.4667vw 2vw;
    overflow-x: auto;
  }
  .section3_flow_inner img {
    width: 245.8667vw;
    min-width: 245.8667vw;
  }
  
  .section4 {
    padding: 26.2vw 0 72.9333vw;
    margin-top: -27vw;
    background-image: url(../../images/naraherb/sec_bg04_sp.png);
  }
  .section4_title {
    margin-bottom: -0.6667vw;
  }
  .section4_product {
    max-width: 100%;
    padding: 0;
    flex-wrap: wrap;
    gap: 7.3333vw 0;
    justify-content: center;
  }
  .product_images {
    width: 100%;
  }
  .product_images > img {
    max-width: 79.8667vw;
    margin: 0 auto;
  }
  .product_label {
    top: 2.1333vw;
    right: 0.6667vw;
    width: 95.2vw;
  }
  .product_info {
    width: 65.0667vw;
    order: 1;
  }
  .product_name {
    max-width: 100%;
    margin-bottom: 5.2vw;
  }
  .product_btn {
    max-width: 62vw;
    margin: 0 auto 6.6667vw;
  }
  .modal-open {
    width: 21.3333vw;
  }
}