/* new */

.ingredient_1 {
  position: absolute;
  top: calc((676 / 1440) * 100%);
  left: calc(454 / 1440 * 100%);
  width: calc(88.75 / 1440 * 100%);
}

.ingredient_2 {
  position: absolute;
  top: calc((473 / 1440) * 100%);
  left: calc(516 / 1440 * 100%);
  width: calc(88.75 / 1440 * 100%);
}

.ingredient_3 {
  position: absolute;
  top: calc((473 / 1440) * 100%);
  left: calc(835 / 1440 * 100%);
  width: calc(88.75 / 1440 * 100%);
}

.ingredient_4 {
  position: absolute;
  top: calc((676 / 1440) * 100%);
  left: calc(953 / 1440 * 100%);
  width: calc(88.75 / 1440 * 100%);
}

.ingredient_text_box .text_1 {
  position: absolute;
  top: calc((671 / 1440) * 100%);
  left: calc(83 / 1440 * 100%);
  width: calc(500 / 1440 * 100%);
}

.ingredient_text_box .text_2 {
  position: absolute;
  top: calc((329 / 1440) * 100%);
  left: calc(83 / 1440 * 100%);
}

.ingredient_text_box .text_3 {
  position: absolute;
  top: calc((315 / 1440) * 100%);
}

.ingredient_text_box .text_4 {
  position: absolute;
  top: calc((650 / 1440) * 100%);
}

.ingredient_text_box h2 {
  font-size: clamp(10px, 2.5vw, 22px);
}

.ingredient_text_box h5 {
  font-size: clamp(10px, 2.5vw, 22px);
}

.ingredient_text_box h6 {
  font-size: clamp(8px, 1vw, 18px);
}

@media (max-width: 1129px) {
  .ingredient_text_box h5 {
    font-size: clamp(10px, 2vw, 22px);
  }
}

@media (max-width: 1024px) {
  .ingredient_text_box h5 {
    font-size: clamp(10px, 1.5vw, 22px);
  }
}

@media (max-width: 555px) {
  .ingredient_text_box h2 {
    font-size: clamp(5px, 1.5vw, 22px);
  }

  .ingredient_text_box h5 {
    font-size: clamp(5px, 1.5vw, 22px);
  }

  .ingredient_text_box h6 {
    font-size: clamp(5px, 1.5vw, 22px);
  }
}

.under_ingredient_box .head {
  position: absolute;
  top: calc((60 / 1440) * 100%);
  left: calc(563 / 1440 * 100%);
  width: calc(782 / 1440 * 100%);
}

.under_ingredient_box .footer {
  position: absolute;
  top: calc((1150 / 1440) * 100%);
  left: calc(89 / 1440 * 100%);
  width: calc(825 / 1440 * 100%);
}

.under_ingredient_box .head h2 {
  font-size: clamp(16px, 4vw, 100px);
}

.under_ingredient_box .head h5 {
  font-size: clamp(10px, 3.5vw, 48px);
}

.under_ingredient_box .footer p {
  font-size: clamp(10px, 2.5vw, 40px);
}

.text_oba_chan_box {
  position: absolute;
  top: calc((300 / 1440) * 100%);
  left: calc(280 / 1440 * 100%);
  width: calc(800px / 1440 * 100%);
}

.text_oba_chan_box h2 {
  font-size: clamp(20px, 4.5vw, 80px);
}

.text_oba_chan_box h5 {
  font-size: clamp(14px, 2.5vw, 50px);
}