@charset "UTF-8";

img {
  width: 100%;
}
section {
  position: revert;
}

.kv {
  padding: 4.246vw 2.9283vw 13.6896vw;
  background: url(../../images/hojicha/fv_bg_pc.png) 50% 50% / 100% auto no-repeat;
}
.kv_inner {
  width: 100%;
  max-width: calc(62.8843vw + 7.101vw);
  padding-left: 7.101vw;
  margin: 0 auto;
}

.section1 {
  padding: 7.6135vw 2.9283vw 21.7423vw;
  margin-top: -14.202vw;
  background: url(../../images/hojicha/sec_bg01_pc.png) 50% 0 / 100% auto no-repeat;
}
.section1_img {
  width: 100%;
  max-width: 78.9898vw;
  margin: 0 auto;
}

.section2 {
  padding: 13.6164vw 2.9283vw 10.7613vw;
  margin-top: -13.0307vw;
  background: url(../../images/hojicha/sec_bg02_pc.png) 50% 0 / 100% auto no-repeat;
}
.section2_title {
  width: 100%;
  max-width: 72.8404vw;
  margin: 0 auto 3.5871vw;
}
.section2_items {
  margin-bottom: 8.4187vw;
}
.section2_item.item1 {
  max-width: 85.5051vw;
  margin: 0 auto -4.6603vw;
}
.section2_item.item2 {
  width: 100%;
  max-width: 90.2635vw;
  margin: 2.8067vw auto -0.7321vw;
}
.section2_item.item3 {
  width: 100%;
  max-width: 68.5212vw;
  margin: 1.3177vw auto 7.1742vw;
}
.section2_item.item4 {
  width: 100%;
  max-width: 68.5212vw;
  margin: 0 auto 10.5417vw;
}
.section2_item.item5 {
  width: 100%;
  max-width: 68.8141vw;
  margin: 0 auto;
}
.section2_hr {
  display: block;
  width: calc(100% + 5.8565vw);
  margin: 0 -2.9283vw;
}
.section2_others {
  width: 100%;
  max-width: 87.2621vw;
  margin: 0 auto;
}

.section3 {
  padding: 10.5417vw 2.9283vw 13.104vw;
  margin-top: -9.224vw;
  background: url(../../images/hojicha/sec_bg03_pc.png) 50% 0 / 100% auto no-repeat;
}
.section3_title {
  width: 100%;
  max-width: 72.8404vw;
  margin: 0 auto 2.2694vw;
}
.section3_facemask {
  width: 100%;
  max-width: 72.6208vw;
  margin: 0 auto 4.0996vw;
}
.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: 10.5417vw 2.9283vw 36.6764vw;
  margin-top: -8.0527vw;
  background: url(../../images/hojicha/sec_bg04_pc.png) 50% 0 / 100% auto no-repeat;
}
.section4_title {
  width: 100%;
  max-width: 72.8404vw;
  margin: 0 auto 1.8302vw;
}
.section4_product {
  display: flex;
  width: 100%;
  max-width: 72.4012vw;
  margin: 0 auto;
  justify-content: flex-end;
  gap: 2.9283vw;
}
.product_info {
  width: 50%;
  max-width: 24.8902vw;
  padding: 0 3.5139vw;
}
.product_images {
  width: 50%;
  padding-left: 3.5139vw;
}
.product_name {
  width: 100%;
  max-width: 18.0088vw;
  padding-top: 2.1962vw;
  margin: 0 auto 1.9766vw;
}
.product_btn {
  display: block;
  max-width: 16.3982vw;
  margin: 0 auto 1.9034vw;
}
.modal-open {
  max-width: 5.4173vw;
  margin: 0 auto;
  cursor: pointer;
}

@media screen and (max-width:767px) {
  .kv {
    padding: 15.3333vw 0 61.3333vw;
    background-image: url(../../images/hojicha/fv_bg_sp.png);
  }
  .kv_inner {
    max-width: 100%;
    padding: 0;
  }

  .section1 {
    padding: 9.6vw 0 40.8vw;
    margin-top: -26.6667vw;
    background-image: url(../../images/hojicha/sec_bg01_sp.png);
  }
  .section1_img {
    max-width: 97.0667vw;
    margin: 0 auto;
  }

  .section2 {
    padding: 21.3333vw 0 34.6667vw;
    margin-top: -38.6667vw;
    background-image: url(../../images/hojicha/sec_bg02_sp.png);
  }
  .section2_title {
    max-width: 98.5333vw;
    margin-bottom: -3.2vw;
  }
  .section2_items {
    margin-bottom: -4.8vw;
  }
  .section2_item.item1 {
    max-width: 98.5333vw;
    margin-bottom: 16.5333vw;
  }
  .section2_item.item2 {
    max-width: 100%;
    margin: 5.7333vw auto 7.7333vw;
  }
  .section2_item.item3 {
    max-width: 93.4667vw;
    margin: 9.6vw auto 8.2667vw;
  }
  .section2_item.item4 {
    max-width: 97.2vw;
    margin: 0 auto 13.3333vw;
  }
  .section2_item.item5 {
    max-width: 100%;
  }
  .section2_hr {
    width: 100%;
    margin: 0;
  }
  .section2_others {
    max-width: 100%;
  }

  .section3 {
    padding: 11.7333vw 0 23.4667vw;
    margin-top: -15.3333vw;
    background-image: url(../../images/hojicha/sec_bg03_sp.png);
  }
  .section3_title {
    max-width: 100%;
    margin-bottom: 2vw;
  }
  .section3_facemask {
    max-width: 100%;
    margin-bottom: 5.0667vw;
  }
  .section3_flow_title {
    max-width: 68.5333vw;
    margin-bottom: 13.2vw;
  }
  .section3_flow_inner {
    max-width: 100%;
    padding: 0 23.0667vw 1.3333vw;
    overflow-x: auto;
  }
  .section3_flow_inner img {
    width: 245.8667vw;
    min-width: 245.8667vw;
  }

  .section4 {
    padding: 23.3333vw 0 49.7333vw;
    margin-top: -23.2vw;
    background-image: url(../../images/hojicha/sec_bg04_sp.png);
  }
  .section4_title {
    max-width: 98vw;
    margin: 0 auto -0.5333vw;
  }
  .section4_product {
    flex-wrap: wrap;
    max-width: 79.8667vw;
    justify-content: center;
    gap: 5.3333vw;
  }
  .product_info {
    width: 100%;
    max-width: 65.0667vw;
    padding: 0;
    order: 1;
  }
  .product_name {
    max-width: 100%;
    padding: 0;
    margin: 0 auto 5.3333vw;
  }
  .product_btn {
    max-width: 62vw;
    margin: 0 auto 6.6667vw;
  }
  .modal-open {
    max-width: 21.3333vw;
  }
  .product_images {
    width: 100%;
    padding: 0;
  }
}