@-webkit-keyframes showUp {
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes showUp {
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
.anim {
  -webkit-transition: var(--header-transition);
  -webkit-transform: translateY(50px);
  display: block;
  transform: translateY(50px);
  opacity: 0;
  transition: var(--header-transition);
}
.anim.is-visible {
  -webkit-animation: showUp 1s 0s cubic-bezier(0.25, 0, 0, 1) forwards;
  animation: showUp 1s 0s cubic-bezier(0.25, 0, 0, 1) forwards;
}
.anim.delay.is-visible {
  -webkit-animation: showUp 1s 0.4s cubic-bezier(0.25, 0, 0, 1) forwards;
  animation: showUp 1s 0.4s cubic-bezier(0.25, 0, 0, 1) forwards;
}
*, *::before, *::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  word-break: break-word;
}
html {
  -webkit-text-size-adjust: 100%;
  position: relative;
  height: 100%;
  height: -webkit-fill-available;
  font-size: 62.5%;
}
body {
  position: relative;
  width: 100%;
  margin: 0 auto;
  color: var(--base-color);
  font-size: 0.8vw;
  line-height: 1.66;
  font-family: "Zen Kaku Gothic New", sans-serif;
}
body.fixed {
  position: fixed;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
section {
  position: relative;
}
main {
  position: relative;
  overflow: hidden;
}
.pane-landingpage-contents {
  background: #fff;
  border: none;
}
.container {
  width: auto;
}
h2:after {
  display: none;
}
.inner {
  position: relative;
  width: 100%;
  max-width: 64.583vw;
  margin: 0 auto;
  padding: 0 1.042vw;
  z-index: 2;
}
img, iframe {
  display: block;
  width: 100%;
  max-width: 100%;
}
a {
  -webkit-transition: var(--base-transition);
  display: block;
  text-decoration: none;
  word-break: break-all;
  transition: var(--base-transition);
}
button {
  color: #000;
  font-family: "Zen Kaku Gothic New", sans-serif;
}
sup {
  vertical-align: super;
}
sub {
  vertical-align: sub;
}
.pane-main {
  margin: 0;
}
.block-page-top {
  z-index: 4;
}
li {
  list-style-type: none;
}
/* title
------------------------------ */
.c-title01 {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.c-title01 .en {
  font-weight: 700;
  font-size: 3rem;
  text-transform: uppercase;
}
.c-title01 .ja {
  font-size: 1.4rem;
}
.header {
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 2.9vw 2vw 0;
}
#header {
  border-bottom: none;
}
.header__logo {
  width: 7.3vw;
  margin: 0 0 0 auto;
}
.kv {
  padding: 8.95vw 0 0;
}
.kv::after {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 31.8vw;
  background: url(../../../img/pages/organickaleleaf2025/kv-bg.png) no-repeat center center/cover;
  content: "";
}
.kv__wrapper {
  display: grid;
  gap: 0 40px;
}
.kv__img {
  position: relative;
  grid-row: 1/4;
  grid-column: 1/2;
  width: 29.2vw;
}
.kv__img_txt {
  position: absolute;
  top: -2.8vw;
  right: 1.8vw;
  width: 15.6vw;
}
.kv__title {
  grid-row: 1/2;
  grid-column: 2/3;
  margin: -1vw 0 0;
}
.kv__icon {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-row: 2/3;
  grid-column: 2/3;
  align-items: center;
  justify-content: center;
  padding: 1.6vw 0 0 1.5vw;
  gap: 0.2vw;
}
.kv__icon .icon {
  width: 13.5vw;
}
.kv__txt {
  max-width: 58vw;
  margin: -1.6vw auto 0;
  font-size: 0.9vw;
}
.kv__caution {
  max-width: 58vw;
  margin: 0.4vw auto 0;
  padding-left: 0;
}
.sec1 {
  padding: 5.5vw 0 11.3vw;
  background: url(../../../img/pages/organickaleleaf2025/sec1-bg.png) no-repeat center top/cover;
}
.sec1__title {
  width: 54.1vw;
  margin: 0 auto;
}
.sec1__message {
  width: 43.2vw;
  margin: 3.3vw auto 0;
}
.sec1__caution {
  margin: 1.3vw 0 30.2vw;
  font-size: 0.7vw;
  text-align: center;
}
.sec1__wrapper {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
}
.sec1__wrap {
  -webkit-box-shadow: 0 0 32px rgba(255, 255, 255, 0.56);
  box-shadow: 0 0 32px rgba(255, 255, 255, 0.56);
}
.sec2 {
  padding: 13vw 0px 10vw;
  background: url(../../../img/pages/organickaleleaf2025/sec2-bg.png) no-repeat center top/cover;
}
.sec2 .inner + .sec2__title {
  position: relative;
  top: inherit;
  right: inherit;
  left: 0;
  margin: 6.7vw 0;
}
.sec2__title {
  position: absolute;
  top: -6.4vw;
  right: 0;
  width: 67.1vw;
}
.sec2__message {
  width: 52vw;
  margin: 0 auto 3.6vw;
}
.sec2__caution {
  color: #fff;
  text-align: center;
}
.sec2__contents {
  margin-top: 1.3vw;
}
.sec3 {
  padding: 5.5vw 0 14.635vw;
  background: -webkit-gradient(linear, left bottom, left top, from(#cffece), to(#fff));
  background: linear-gradient(0deg, #cffece, #fff);
}
.sec3__title {
  /* width: 22.2vw; */
  width: 19.6vw;
  margin: 0 auto 5.5vw;
}
.sec3__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 38px;
}
.sec3__wrap {
  -webkit-box-shadow: 0 0 17px rgba(0, 0, 0, 0.25);
  padding: 0 1.042vw 1.563vw;
  background-color: #fff;
  box-shadow: 0 0 17px rgba(0, 0, 0, 0.25);
}
.sec3__wrap.single {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 20.833vw;
}
.sec3__wrap.single .sec3__wrap_title {
  background-color: #292929;
}
.sec3__wrap.single .sec3__wrap_title img {
  width: 17.708vw;
  margin: 0 auto;
}
.sec3__wrap.single .sec3__wrap_img {
  width: 13.021vw;
  margin: 0 auto;
}
.sec3__wrap.regular .sec3__wrap_title {
  background: -webkit-gradient(linear, left top, right top, from(#f0b98b), to(#e28531));
  background: linear-gradient(90deg, #f0b98b, #e28531);
}
.sec3__wrap.regular .sec3__wrap_title img {
  width: 15.625vw;
  margin: 0 auto;
}
.sec3__wrap_title {
  width: calc(100% + 2.083vw);
  margin-left: -1.042vw;
  padding: 1.563vw 0.521vw;
}
.sec3__wrap_img {
  height: 22.682vw;
  padding: 1.042vw 0;
}
.sec3__wrap_img img {
  -o-object-fit: contain;
  -o-object-position: bottom;
  height: 100%;
  object-fit: contain;
  object-position: bottom;
}
.sec3__wrap a {
  height: 3.802vw;
}
.sec3__wrap a img {
  -o-object-fit: contain;
  height: 100%;
  object-fit: contain;
}
.sec3__caution {
  margin-top: 2.448vw;
  font-size: 0.938vw;
  line-height: 1.5;
}
.sec4 {
  padding: 19.635vw 0 23.177vw;
  background: url(../../../img/pages/organickaleleaf2025/sec4-bg.png) no-repeat center center/cover;
}
.sec4__intro {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: -13.385vw;
  left: 0;
  align-items: flex-end;
  justify-content: center;
  width: 100%;
  height: 30vw;
  padding-bottom: 7.813vw;
  background: url(../../../img/pages/organickaleleaf2025/sec4-intro.png) no-repeat center center/cover;
}
.sec4__intro img {
  width: 45.677vw;
}
.sec4__title {
  width: 48.073vw;
  margin: 0 auto 4.167vw;
}
.sec4__img {
  width: 47.292vw;
  margin: 0 auto;
}
.sec4__wrap {
  position: relative;
  margin-top: -13.021vw;
  padding-bottom: 14.844vw;
}
.sec4__wrap_title {
  width: 44.375vw;
  margin: 0 auto;
}
.sec4__wrap_item {
  position: absolute;
  width: 13.177vw;
  height: 13.177vw;
}
.sec4__wrap_item::after {
  position: absolute;
  content: "";
}
.sec4__wrap_item.kalium {
  top: -2.865vw;
  left: 3.438vw;
}
.sec4__wrap_item.kalium::after {
  top: -0.312vw;
  left: -4.479vw;
  width: 8.333vw;
  height: 8.333vw;
  background: url(../../../img/pages/organickaleleaf2025/sec4-lettuce.png) no-repeat center center/contain;
}
.sec4__wrap_item.vitamina {
  bottom: 5.417vw;
  left: 2.396vw;
}
.sec4__wrap_item.vitamina::after {
  top: 1.25vw;
  left: -4.167vw;
  width: 7.292vw;
  height: 7.292vw;
  background: url(../../../img/pages/organickaleleaf2025/sec4-tomato.png) no-repeat center center/contain;
}
.sec4__wrap_item.calcium {
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.sec4__wrap_item.calcium::after {
  top: 0.104vw;
  left: -4.896vw;
  width: 8.333vw;
  height: 8.333vw;
  background: url(../../../img/pages/organickaleleaf2025/sec4-horensou.png) no-repeat center center/contain;
}
.sec4__wrap_item.vitamine {
  right: 2.552vw;
  bottom: 5.417vw;
}
.sec4__wrap_item.vitamine::after {
  top: -4.115vw;
  right: -4.583vw;
  width: 9.375vw;
  height: 12.5vw;
  background: url(../../../img/pages/organickaleleaf2025/sec4-carrot.png) no-repeat center center/contain;
}
.sec4__wrap_item.seni {
  top: -2.865vw;
  right: 3.438vw;
}
.sec4__wrap_item.seni::after {
  top: -0.937vw;
  right: -3.542vw;
  width: 8.333vw;
  height: 8.333vw;
  background: url(../../../img/pages/organickaleleaf2025/sec4-celery.png) no-repeat center center/contain;
}
.sec4__caution {
  z-index: 1;
  position: relative;
  margin: 0.521vw;
  color: #fff;
  line-height: 1.8;
  text-align: center;
}
.sec4__message {
  width: 47.708vw;
  margin: 0.625vw auto 1.354vw;
}
.sec5 {
  margin-top: -25vw;
  padding: 17.552vw 0 1.562vw;
  background: url(../../../img/pages/organickaleleaf2025/sec5-bg.png) no-repeat center center/cover;
}
.sec5::before {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 9.896vw;
  background: url(../../../img/pages/organickaleleaf2025/arrow.png) no-repeat center center/cover;
  content: "";
}
.sec5::after {
  position: absolute;
  top: -0.052vw;
  left: 0;
  width: 100%;
  height: 9.688vw;
  background: url(../../../img/pages/organickaleleaf2025/sec5-arrow.png) no-repeat center center/cover;
  content: "";
}
.sec5__title {
  width: 48.854vw;
  margin: 0 auto;
}
.sec5__message {
  width: 35.938vw;
  margin: 5.208vw auto 8.125vw;
}
.sec5__wrap {
  display: grid;
  position: relative;
  place-items: center;
  width: 63.438vw;
  margin: 0 auto;
  padding: 11.875vw 4.271vw 3.229vw;
  gap: 2.344vw;
  background-color: #fff;
}
.sec5__wrap + .sec5__wrap {
  margin-top: 3.229vw;
}
.sec5__wrap:nth-of-type(3) {
  padding-top: 13.438vw;
}
.sec5__wrap.last {
  margin-top: 8.021vw;
}
.sec5__wrap.last .sec5__wrap_title {
  top: -4.375vw;
  left: -2.187vw;
  width: calc(100% + 4.063vw);
}
.sec5__wrap.last .sec5__wrap_img {
  width: 17.708vw;
}
.sec5__wrap.last .txt {
  font-size: 1.146vw;
  line-height: 1.84;
}
.sec5__wrap.last .img {
  display: block;
  margin-top: 2.083vw;
}
.sec5__wrap_title {
  width: calc(100% + 3.802vw);
}
.sec5__wrap_img {
  position: relative;
  width: 27.135vw;
}
.sec5__wrap_img .icon {
  position: absolute;
  top: -3.802vw;
  right: -2.552vw;
  width: 14.219vw;
}
.sec5__wrap_img .icon img {
  -o-object-fit: contain;
  height: 100%;
  object-fit: contain;
}
.sec5__wrap .txt {
  font-size: 1.354vw;
  line-height: 1.77;
}
.sec5__wrap .txt .marker {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #fff100), color-stop(50%, transparent));
  background: linear-gradient(0deg, #fff100 50%, transparent 50%);
}
.sec6 {
  padding: 14.635vw 0 0;
  background-image: url(../../../img/pages/organickaleleaf2025/sec6-bg.png);
  background-position: center 89%;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: #f7faf2;
}
.sec6::before {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 9.896vw;
  background: url(../../../img/pages/organickaleleaf2025/arrow.png) no-repeat center center/cover;
  content: "";
}
.sec6::after {
  -webkit-clip-path: polygon(50% 99%, -1% 0, 101% 0%);
  position: absolute;
  top: -0.052vw;
  left: 0;
  width: 100%;
  height: 9.688vw;
  background-color: #155c16;
  content: "";
  clip-path: polygon(50% 99%, -1% 0, 101% 0%);
}
.sec6__title {
  width: 28.49vw;
  margin: 0 auto 7.187vw;
}
.sec6__wrapper {
  display: grid;
  z-index: 1;
  position: relative;
  grid-template-columns: 1fr 1fr;
  gap: 2.396vw;
}
.sec6__wrap {
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
  position: relative;
  background-color: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}
.sec6__wrap_step {
  position: absolute;
  top: -2.083vw;
  left: 1.198vw;
  width: 5.885vw;
}
.sec6__wrap .txt {
  padding: 1.719vw;
  font-size: 1.302vw;
  line-height: 1.58;
  text-align: center;
}
.sec6__img {
  z-index: -1;
  position: relative;
  margin-top: -4.427vw;
}
.sec6__present {
  z-index: 1;
  position: relative;
  width: 71.823vw;
  margin-top: -8.75vw;
  margin-right: 0;
  margin-left: auto;
}
.sec7 {
  margin-top: -7.344vw;
  padding: 9.01vw 0 9.792vw;
  background-color: #f7faf2;
}
.sec7__title {
  width: 26.146vw;
  margin: 0 auto 3.906vw;
}
.sec7__wrapper {
  -webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.18);
  position: relative;
  margin-top: 12.083vw;
  padding: 6.615vw 4.063vw 2.604vw;
  background-color: #fff;
  box-shadow: 0 0 49px rgba(0, 0, 0, 0.18);
}
.sec7__wrapper::before {
  -webkit-filter: drop-shadow(0 -25px 10px rgba(0, 0, 0, 0.04));
  position: absolute;
  top: -9.219vw;
  left: 0;
  width: 100%;
  height: 9.323vw;
  background: url(../../../img/pages/organickaleleaf2025/sec7-bg.png) no-repeat center center/contain;
  content: "";
  filter: drop-shadow(0 -25px 10px rgba(0, 0, 0, 0.04));
}
.sec7__wrapper::after {
  position: absolute;
  top: -12.083vw;
  right: 0;
  left: 6.771vw;
  width: 25.729vw;
  height: 17.292vw;
  margin: auto;
  background: url(../../../img/pages/organickaleleaf2025/sec7-titleImage.png) no-repeat center center/contain;
  content: "";
}
.sec7__list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3.802vw 1.563vw;
}
.sec7__item {
  position: relative;
}
.sec7__item_number {
  position: absolute;
  top: -1.25vw;
  left: 0.99vw;
  width: 5.729vw;
}
.sec7__item button {
  display: block;
  width: 18.75vw;
  height: 3.802vw;
  margin: 1.563vw auto 0;
  cursor: pointer;
  outline: none;
  border: none;
  background: transparent;
}
.modal {
  -webkit-transition: 0.2s ease-out;
  display: grid;
  z-index: 100;
  position: fixed;
  top: 0;
  left: 0;
  place-items: center;
  width: 100%;
  height: 100%;
  padding: 5.208vw;
  opacity: 0;
  pointer-events: none;
  transition: 0.2s ease-out;
}
.modal.active {
  opacity: 1;
  pointer-events: all;
}
.modal__overlay {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.5;
}
.modal__contents {
  position: relative;
}
.modal__contents_inn {
  width: 67.708vw;
  height: 39.844vw;
  overflow-y: scroll;
}
.modal__close {
  position: absolute;
  top: -1.042vw;
  right: -1.042vw;
  width: 3.125vw;
  height: 3.125vw;
  border-radius: 50%;
  background-color: #fff;
  color: transparent;
  cursor: pointer;
}
.modal__close::before, .modal__close::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 1.563vw;
  height: 0.156vw;
  margin: auto;
  background-color: #155c16;
  content: "";
}
.modal__close::before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.modal__close::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.sec8 {
  padding: 0 0 2.604vw;
  background: url(../../../img/pages/organickaleleaf2025/sec8-bg.png) no-repeat center center/cover;
}
.sec8__caution {
  margin-top: 3.125vw;
  color: #fff;
}
.sec8__wrapper {
  position: relative;
  margin-top: 7.292vw;
  padding: 2.188vw;
  border: solid 5px #f3c14c;
  background-color: #e1f0df;
}
.sec8__wrapper:first-of-type {
  margin-top: 4vw;
}
.sec8__wrapper:nth-of-type(odd) .sec8__wrapper_icon {
  right: -2.917vw;
}
.sec8__wrapper:nth-of-type(odd) .sec8__wrapper_title {
  padding-right: 1.563vw;
}
.sec8__wrapper:nth-of-type(even) .sec8__wrapper_icon {
  left: -2.917vw;
}
.sec8__wrapper:nth-of-type(even) .sec8__wrapper_title {
  padding-left: 6.25vw;
}
.sec8__wrapper:last-of-type .sec8__wrapper_title {
  padding-right: 5.208vw;
}
.sec8__wrapper_title {
  height: 3.438vw;
  margin-bottom: 1.354vw;
}
.sec8__wrapper_title img {
  -o-object-fit: contain;
  height: 100%;
  object-fit: contain;
}
.sec8__wrapper_icon {
  position: absolute;
  top: -3.333vw;
  width: 18.333vw;
}
.sec8__wrapper .txt {
  font-size: 1.146vw;
  line-height: 1.8;
}
.sec8__wrap {
  display: grid;
  position: relative;
  grid-template-columns: 11.042vw 1fr;
  margin: 2.604vw 0.833vw 0;
  padding: 2.708vw 1.302vw 0.885vw;
  gap: 0.521vw 0.885vw;
  background-color: #fff;
}
.sec8__wrap_label {
  position: absolute;
  top: -1.042vw;
  left: -0.885vw;
  width: 18.438vw;
}
.sec8__wrap_img {
  grid-row: 1/3;
  grid-column: 1/2;
}
.sec8__wrap_title {
  grid-row: 1/2;
  grid-column: 2/3;
  border-bottom: solid 1px #2c5a21;
  font-size: 1.25vw;
}
.sec8__wrap .txt {
  grid-row: 2/3;
  grid-column: 2/3;
  font-size: 1.146vw;
  line-height: 1.36;
}
.sec9 {
  padding: 17.969vw 0 0.521vw;
  background-color: #f4f4f4;
}
.sec9::before {
  position: absolute;
  top: -4.583vw;
  right: 0;
  left: 0;
  width: 40.052vw;
  height: 33.906vw;
  margin: auto;
  background: url(../../../img/pages/organickaleleaf2025/sec4-kale.png) no-repeat center center/contain;
  content: "";
}
.sec9__wrapper {
  -webkit-backdrop-filter: blur(10px);
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
  position: relative;
  padding: 6.094vw 6.51vw 5.625vw;
  backdrop-filter: blur(10px);
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(255, 255, 255)), to(transparent));
  background: linear-gradient(0deg, rgb(255, 255, 255), transparent);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
}
.sec9__title {
  width: 24.01vw;
  margin: 0 auto;
}
.sec9__img {
  width: 16.146vw;
  margin: 1.979vw auto 1.302vw;
}
.sec9 a {
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
  width: 26.354vw;
  margin: 0 auto 4.375vw;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}
.sec10 {
  padding: 4.167vw 0 5.208vw;
  background-color: #f4f4f4;
}
.sec10__title {
  width: 37.396vw;
  margin: 0 auto 4.167vw;
}
.sec10__wrap {
  -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
  background-color: #fff;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
}
.sec10__wrap + .sec10__wrap {
  margin-top: 1.823vw;
}
.sec10 .js-accordion {
  position: relative;
  width: 100%;
  padding: 2.083vw 4.167vw 2.083vw 2.083vw;
  font-size: 1.302vw;
  cursor: pointer;
  outline: none;
  border: none;
  background: transparent;
}
.sec10 .js-accordion::before, .sec10 .js-accordion::after {
  -webkit-transition: 0.2s ease-out;
  position: absolute;
  top: 0;
  right: 2.083vw;
  bottom: 0;
  width: 1.302vw;
  height: 0.208vw;
  margin: auto;
  background-color: #155c16;
  content: "";
  transition: 0.2s ease-out;
}
.sec10 .js-accordion::after {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.sec10 .js-accordion.active::after {
  -webkit-transform: rotate(0);
  transform: rotate(0);
}
.sec10 .js-accordion span {
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  align-items: center;
  gap: 2.083vw;
  font-weight: 700;
}
.sec10 .js-accordion span::before {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 1.458vw;
  height: 2.031vw;
  background: url(../../../img/pages/organickaleleaf2025/icon-q.png) no-repeat center center/contain;
  content: "";
}
.sec10 .js-accordion__contents {
  display: none;
  padding: 0 2.083vw 2.083vw;
}
.sec10 .js-accordion__contents .answer {
  -webkit-box-align: start;
  -ms-flex-align: start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  align-items: flex-start;
  gap: 2.083vw;
  font-size: 1.302vw;
}
.sec10 .js-accordion__contents .answer::before {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  flex-shrink: 0;
  width: 1.458vw;
  height: 2.031vw;
  background: url(../../../img/pages/organickaleleaf2025/icon-a.png) no-repeat center center/contain;
  content: "";
}
.sec10 a {
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
  width: 26.354vw;
  margin: 5.208vw auto 0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}
@media screen and (min-width: 768px) {
  .sp {
    display: none !important;
  }
  .kv .inner {
    max-width: 69vw;
  }
  .sec1 .inner {
    max-width: 61.1vw;
    padding-left: 1.8vw;
  }
  .sec2 .inner {
    max-width: 60.9vw;
  }
  .sec3 .inner {
    max-width: 59.3vw;
  }
  .sec5__wrap.last {
    padding-top: 10.104vw;
    padding-left: 0.781vw;
  }
  .sec5__wrap_title {
    position: absolute;
    top: 2.448vw;
    right: 0;
    left: -1.927vw;
    margin: auto;
  }
  .sec5__wrap_img {
    grid-row: 1/2;
    grid-column: 1/2;
  }
  .sec5__wrap .txt {
    grid-row: 1/2;
    grid-column: 2/3;
  }
  .sec6 .inner {
    max-width: 61.458vw;
  }
  .sec8 .inner {
    max-width: 41.146vw;
  }
}
@media screen and (max-width: 767px) {
  .pc {
    display: none !important;
  }
  body {
    font-size: 3.733vw;
  }
  .inner {
    max-width: 100vw;
    padding: 0 4vw;
  }
  .header {
    padding: 22px 20px 0;
  }
  .header__logo {
    width: 56px;
  }
  .kv {
    padding: 25.6vw 0 0;
  }
  .kv::after {
    height: 144vw;
    background: url(../../../img/pages/organickaleleaf2025/sp/kv-bg.png) no-repeat center center/cover;
  }
  .kv__wrapper {
    display: block;
  }
  .kv__img {
    width: 72vw;
    margin-left: -3.4vw;
  }
  .kv__img_txt {
    top: -9.067vw;
    right: 0;
    width: 47.2vw;
  }
  .kv__title {
    width: 87.667vw;
    margin: -8.8vw auto 0;
    padding: 0;
  }
  .kv__icon {
    padding: 5.067vw 0 0 1.867vw;
    gap: 0;
  }
  .kv__icon .icon {
    width: 40vw;
  }
  .kv__txt {
    max-width: inherit;
    margin: 4.8vw 0 0;
    font-size: 2.933vw;
    line-height: 1.55;
  }
  .kv__caution {
    max-width: inherit;
    margin: 2.933vw auto 0;
    font-size: 2.4vw;
    line-height: 1.5;
  }
  .sec1 {
    padding: 14.4vw 0 26.667vw;
    background: url(../../../img/pages/organickaleleaf2025/sp/sec1-bg.png) no-repeat center top/cover;
  }
  .sec1__title {
    width: 88vw;
    margin: 0 auto 81.867vw;
  }
  .sec1__message {
    width: 90.667vw;
    margin: 0 auto;
  }
  .sec1__caution {
    margin: 5.867vw 0 0;
    font-size: 2.4vw;
    text-align: left;
    padding-left: 0;
  }
  .sec1__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 2.933vw 0 0;
  }
  .sec2 {
    padding: 33.333vw 0 14.667vw;
  }
  .sec2 .inner + .sec2__title {
    right: 0;
    margin: 8.8vw auto 3.2vw;
  }
  .sec2__title {
    top: -15.867vw;
    left: 0;
    width: 86.4vw;
    margin: auto;
  }
  .sec2__message {
    width: 100%;
    margin: 0 auto 6.667vw;
  }
  .sec2__caution {
    font-size: 2.4vw;
  }
  .sec2__contents {
    width: 100vw;
    margin: 4vw calc(50% - 50vw) 0;
  }
  .sec3 {
    padding: 12.8vw 0 22vw;
  }
  .sec3__title {
    width: 66.667vw;
    margin: 0 auto 9.333vw;
  }
  .sec3__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .sec3__wrap {
    width: 100% !important;
    padding: 0 2.667vw 6.133vw;
  }
  .sec3__wrap.single .sec3__wrap_title img {
    width: 59.733vw;
  }
  .sec3__wrap.single .sec3__wrap_img {
    width: 100%;
  }
  .sec3__wrap.regular .sec3__wrap_title img {
    width: 52.267vw;
  }
  .sec3__wrap.regular .sec3__wrap_img {
    position: relative;
  }
  .sec3__wrap.regular .sec3__wrap_img img {
    margin-left: 4vw;
  }
  .sec3__wrap_title {
    width: calc(100% + 5.333vw);
    margin-left: -2.667vw;
    padding: 4.267vw 5.333vw;
  }
  .sec3__wrap_img {
    height: auto;
    padding: 8vw 0 0;
  }
  .sec3__wrap a {
    width: 100%;
    height: auto;
    margin-top: 4vw;
  }
  .sec3__caution {
    margin-top: 9.333vw;
    font-size: 2.4vw;
  }
  .sec4 {
    padding: 34.667vw 0 24vw;
    background: url(../../../img/pages/organickaleleaf2025/sp/sec4-bg.png) no-repeat center center/cover;
  }
  .sec4__intro {
    top: -18.4vw;
    height: 44.333vw;
    padding-bottom: 10.933vw;
  }
  .sec4__intro img {
    width: 82.667vw;
  }
  .sec4__title {
    width: 79vw;
    margin: 0 auto 5.6vw;
  }
  .sec4__img {
    width: 76.267vw;
  }
  .sec4__wrapper {
    margin-bottom: 8vw;
  }
  .sec4__wrap {
    margin-top: -21.333vw;
    padding-bottom: 38.667vw;
  }
  .sec4__wrap_title {
    width: 80.8vw;
  }
  .sec4__wrap_item {
    width: 25.067vw;
    height: 25.067vw;
  }
  .sec4__wrap_item.kalium {
    top: inherit;
    right: 6.133vw;
    bottom: 10.933vw;
    left: inherit;
  }
  .sec4__wrap_item.kalium::after {
    -webkit-transform: rotate(58deg);
    top: -2.667vw;
    right: -5.333vw;
    left: inherit;
    width: 14.667vw;
    height: 14.667vw;
    transform: rotate(58deg);
  }
  .sec4__wrap_item.vitamina {
    bottom: 10.933vw;
    left: 4.8vw;
  }
  .sec4__wrap_item.vitamina::after {
    top: 4.267vw;
    left: -6.933vw;
    width: 12.533vw;
    height: 11.467vw;
  }
  .sec4__wrap_item.calcium::after {
    -webkit-transform: rotate(26deg);
    top: -13.6vw;
    left: 4.267vw;
    width: 16vw;
    height: 16vw;
    transform: rotate(26deg);
  }
  .sec4__wrap_item.vitamine {
    top: 5.867vw;
    right: inherit;
    bottom: inherit;
    left: -0.8vw;
  }
  .sec4__wrap_item.vitamine::after {
    -webkit-transform: rotate(-19deg);
    top: -8vw;
    right: inherit;
    left: -1.067vw;
    width: 12.267vw;
    height: 23.467vw;
    transform: rotate(-19deg);
  }
  .sec4__wrap_item.seni {
    top: 5.6vw;
    right: 0px;
  }
  .sec4__wrap_item.seni::after {
    -webkit-transform: rotate(-32deg);
    top: -3.733vw;
    right: -3.733vw;
    width: 15.467vw;
    height: 16.533vw;
    transform: rotate(-32deg);
  }
  .sec4__caution {
    margin-top: 4.267vw;
    font-size: 2.4vw;
  }
  .sec4__message {
    width: 100%;
    margin: 1.333vw 0 0;
  }
  .sec5 {
    padding: 14.4vw 0 18.667vw;
    background: url(../../../img/pages/organickaleleaf2025/sp/sec5-bg.png) no-repeat center center/cover;
  }
  .sec5::after {
    top: -1.067vw;
    height: 10.933vw;
    background: url(../../../img/pages/organickaleleaf2025/sp/sec5-arrow.png) no-repeat center center/cover;
  }
  .sec5__title {
    width: 89.6vw;
    margin: 5.867vw auto;
  }
  .sec5__message {
    width: 80vw;
    margin-bottom: 6.825vw;
  }
  .sec5__wrap {
    display: block;
    width: 100%;
    padding: 0 0 5.433vw;
  }
  .sec5__wrap + .sec5__wrap {
    margin-top: 6.667vw;
  }
  .sec5__wrap:nth-of-type(3) {
    padding-top: 0;
  }
  .sec5__wrap:nth-of-type(3) .sec5__wrap_title {
    margin-bottom: 10.667vw;
  }
  .sec5__wrap:nth-of-type(4) .sec5__wrap_img {
    height: auto !important;
  }
  .sec5__wrap.last {
    margin-top: 6.667vw;
  }
  .sec5__wrap.last .sec5__wrap_title {
    width: 100%;
  }
  .sec5__wrap.last .sec5__wrap_img {
    width: 100%;
    height: auto;
    padding: 0 4.8vw;
  }
  .sec5__wrap.last .txt {
    font-size: 3.733vw;
  }
  .sec5__wrap.last .img {
    margin-top: 5.333vw;
  }
  .sec5__wrap_title {
    width: 100%;
    margin-bottom: 4vw;
  }
  .sec5__wrap_img {
    width: 100%;
    height: 39.2vw;
    margin-bottom: 4.8vw;
    padding: 0 4.8vw;
  }
  .sec5__wrap_img img {
    -o-object-fit: cover;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .sec5__wrap_img .icon {
    top: -10.667vw;
    right: 2.333vw;
    width: 34.667vw;
    height: 32vw;
  }
  .sec5__wrap .txt {
    padding: 0 4.8vw;
    font-size: 3.733vw;
  }
  .sec6 {
    padding: 16vw 0 0;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f7faf2));
    background: linear-gradient(#fff, #f7faf2);
  }
  .sec6::after {
    -webkit-clip-path: polygon(50% 99%, -2% 0, 102% 0%);
    clip-path: polygon(50% 99%, -2% 0, 102% 0%);
  }
  .sec6__title {
    width: 60vw;
  }
  .sec6__wrapper {
    display: block;
    margin: 0 2.667vw;
  }
  .sec6__wrap + .sec6__wrap {
    margin-top: 10.667vw;
  }
  .sec6__wrap_step {
    top: -5.067vw;
    left: -4vw;
    width: 14.667vw;
  }
  .sec6__wrap .txt {
    padding: 4vw 5.333vw;
    font-size: 4.267vw;
  }
  .sec6__img {
    z-index: 0;
    top: -9.4vw;
    height: 90.933vw;
  }
  .sec6__img img {
    -o-object-fit: cover;
    height: 100%;
    object-fit: cover;
  }
  .sec6__present {
    width: 93.333vw;
    margin-top: -48.267vw;
  }
  .sec7 {
    padding: 33.667vw 0 0;
  }
  .sec7__title {
    width: 87.2vw;
    margin: 0 auto 7.467vw;
  }
  .sec7__wrapper {
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    padding: 13.667vw 4vw 13.333vw;
  }
  .sec7__wrapper::before {
    top: -13.333vw;
    height: 13.867vw;
  }
  .sec7__wrapper::after {
    top: -20vw;
    left: 11.2vw;
    width: 29.333vw;
    height: 32vw;
  }
  .sec7__list {
    gap: 9.333vw 2.667vw;
    padding-left: 0;
  }
  .sec7__item {
    -webkit-box-shadow: 0 4px 32px rgba(0, 0, 0, 0.34);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    padding-bottom: 3.467vw;
    gap: 3.467vw;
    background-color: #fff;
    box-shadow: 0 4px 32px rgba(0, 0, 0, 0.34);
  }
  .sec7__item_number {
    top: -2.667vw;
    left: 1.867vw;
    width: 12vw;
  }
  .sec7__item button {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 100%;
    height: 6.4vw;
  }
  .sec7__item button::after {
    display: block;
    width: 6.4vw;
    height: 6.6666vw;
    margin: 0 auto;
    background: url(../../../img/pages/organickaleleaf2025/sp/button-recipe.png) no-repeat center center/contain;
    content: "";
  }
  .sec7__item button img {
    display: none;
  }
  .modal__contents_inn {
    width: 100%;
    height: calc(100dvh - 200px);
  }
  .modal__close {
    top: -5.333vw;
    right: -2.667vw;
    width: 13.333vw;
    height: 13.333vw;
  }
  .modal__close::before, .modal__close::after {
    width: 4.667vw;
    height: 0.8vw;
  }
  .sec8 {
    padding: 0 0 10.133vw;
  }
  .sec8__caution {
    margin-top: 8vw;
    font-size: 2.4vw;
  }
  .sec8__caution:first-of-type {
    text-align: center;
  }
  .sec8__wrapper {
    margin-top: 14.667vw;
    padding: 21.333vw 4vw 5vw;
    border: solid 3px #f3c14c;
  }
  .sec8__wrapper:first-of-type {
    margin-top: 14.667vw;
  }
  .sec8__wrapper:nth-of-type(odd) .sec8__wrapper_icon {
    right: 21.083vw;
  }
  .sec8__wrapper:nth-of-type(even) .sec8__wrapper_icon {
    left: 18.083vw;
  }
  .sec8__wrapper_title {
    height: 9.333vw;
    margin: 0 auto 4vw;
    padding: 0 !important;
  }
  .sec8__wrapper_icon {
    top: -8.333vw;
    right: 0;
    left: 0;
    width: 46.4vw;
    margin: auto;
  }
  .sec8__wrapper .txt {
    font-size: 3.733vw;
  }
  .sec8__wrap {
    display: block;
    margin: 10.133vw 1.333vw 0;
    padding: 9.733vw 3.733vw 4.267vw;
  }
  .sec8__wrap_label {
    top: -4vw;
    left: -2.4vw;
    width: 62.4vw;
  }
  .sec8__wrap_img {
    width: 47.2vw;
    margin: 0 auto 6.133vw;
  }
  .sec8__wrap_title {
    margin-bottom: 2.667vw;
    padding-bottom: 1.833vw;
    font-weight: 700;
    font-size: 3.2vw;
    text-align: center;
  }
  .sec8__wrap .txt {
    font-size: 3.2vw;
  }
  .sec9 {
    padding: 31.467vw 0 9vw;
  }
  .sec9::before {
    top: -14.583vw;
    width: 74.133vw;
    height: 62.933vw;
  }
  .sec9__wrapper {
    -webkit-backdrop-filter: blur(1px);
    -webkit-box-shadow: 0 4px 32px rgba(0, 0, 0, 0.34);
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    padding: 15.333vw 6.667vw 9.333vw;
    backdrop-filter: blur(1px);
    box-shadow: 0 4px 32px rgba(0, 0, 0, 0.34);
  }
  .sec9__title {
    width: 66.933vw;
  }
  .sec9__img {
    width: 39.146vw;
    margin: 3.979vw auto 4.302vw;
  }
  .sec9 a {
    width: 74.133vw;
    margin: 0 auto 8.533vw;
  }
  .sec10 {
    padding: 4.333vw 0 13.333vw;
  }
  .sec10__title {
    width: 65.6vw;
    margin: 0 auto 10.933vw;
  }
  .sec10__wrap + .sec10__wrap {
    margin-top: 6.667vw;
  }
  .sec10 .js-accordion {
    padding: 3.267vw 8vw 3.267vw 4.267vw;
    font-size: 3.733vw;
    line-height: normal;
    text-align: left;
  }
  .sec10 .js-accordion::before, .sec10 .js-accordion::after {
    right: 3.333vw;
    width: 4.267vw;
    height: 0.533vw;
  }
  .sec10 .js-accordion span {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 3.2vw;
  }
  .sec10 .js-accordion span::before {
    width: 3.467vw;
    height: 6.133vw;
  }
  .sec10 .js-accordion__contents {
    padding: 0 4.267vw 2.267vw;
  }
  .sec10 .js-accordion__contents .answer {
    font-size: 3.733vw;
  }
  .sec10 .js-accordion__contents .answer::before {
    width: 3.467vw;
    height: 6.133vw;
  }
  .sec10 a {
    width: 74.133vw;
    margin-top: 13.333vw;
  }
}
/*# sourceMappingURL=style.css.map */