@media (max-width: 715px) {
  :root {
      --height-factor: calc(100vw / 715);
  }

  body {
    font-size: calc(100vw / 1879.42857147);
  }

  main {
    width: 100%;
  }

  .hero {
    height: calc(1011.69 * var(--height-factor));
  }

  .about01 {
    height: calc(680 * var(--height-factor)) !important;
  }

  .pain_point {
    height: calc(941.41 * var(--height-factor)) !important;
  }

  .about02 {
    height: calc(1073.61 * var(--height-factor)) !important;
  }

  .hemp-seed-coffee {
    height: calc(1065 * var(--height-factor)) !important;
  }

  .check-point {
    height: calc(847 * var(--height-factor)) !important;
  }

  .about03 {
    height: calc(1063.53 * var(--height-factor)) !important;
  }

  .hemp-seed-protein {
    height: calc(791.7 * var(--height-factor)) !important;
  }

  .about04 {
    height: calc(1114.58 * var(--height-factor)) !important;
  }

  .point01, .point02, .point03 {
    height: calc(583 * var(--height-factor)) !important;
  }

  .point04 {
    height: calc(1194.75 * var(--height-factor)) !important;
  }

  .about05 {
    height: calc(1022.22 * var(--height-factor)) !important;
  }

  .how-to-drink {
    height: calc(414.84 * var(--height-factor)) !important;
  }
}