@charset "UTF-8";
/* =========================
変数 
============================*/
body {
  --s-val: 10px;
  --pdg-inline-common: calc(var(--s-val) * 7);
  --base-color: #000;
  --color-neutral-pink: #ece0df;
  --color-pink-brown: #b38686;
  --color-salmon-pink: #f0b0aa;
  --color-rose-brown: #8f6163;
  --color-rose-brown2: #836163;
  --color-muted-pink: #c28686;
  --color-bg-pink: #e7dedd;
  --color-green-olive: #b1b74e;
  --color-green-soft: #d7daa4;
  --color-green-pale: #d8daa6;
  --color-gray: #f2f2f2;
  --color-gray-deep: #555555;
  --header-line-gray: #999;
}

/* レスポンシブ */
@media screen and (max-width: 1330px) {
  body {
    --s-val: 10px;
  }
}
@media screen and (max-width: 780px) {
  body {
    --s-val: 1.45vw;
  }
}
@media screen and (max-width: 540px) {
  body {
    --s-val: 1.5vw;
  }
}
/* =========================
共通 
============================*/
main img {
  display: block;
  width: 100%;
}

/* =========================
fv 
============================*/
.fv {
  position: relative;
}
.fv::before {
  content: "";
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(#1A1F28), to(#0B141F)) left top/50% 100% no-repeat, -webkit-gradient(linear, left top, left bottom, from(#161E27), to(#151F29)) right top/50% 100% no-repeat;
  background: linear-gradient(to bottom, #1A1F28, #0B141F) left top/50% 100% no-repeat, linear-gradient(to bottom, #161E27, #151F29) right top/50% 100% no-repeat;
  background-color: #151F29;
  background-repeat: no-repeat;
  background-size: 50% 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -10;
}
.fv__item {
  max-width: 780px;
  width: 100%;
  margin-inline: auto;
  position: relative;
}
.fv__item-text {
  width: 90%;
  position: absolute;
  bottom: -7%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

/* レスポンシブ ============= */
@media screen and (max-width: 780px) {
  .fv__item-text {
    width: 90%;
    bottom: -7%;
  }
}
/* =========================
cta
============================*/
.cta {
  color: #fff;
  position: relative;
}
.cta::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(#130B05), color-stop(50%, #343134), color-stop(75%, #4D3F4B), to(#4F424B)) left/50% 100% no-repeat, -webkit-gradient(linear, left top, left bottom, from(#4E3F47), color-stop(50%, #515e6b), color-stop(75%, #4f6b82), to(#4E6C80)) right/50% 100% no-repeat;
  background: linear-gradient(to bottom, #130B05 0%, #343134 50%, #4D3F4B 75%, #4F424B 100%) left/50% 100% no-repeat, linear-gradient(to bottom, #4E3F47 0%, #515e6b 50%, #4f6b82 75%, #4E6C80 100%) right/50% 100% no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -10;
}
.cta__block {
  max-width: 780px;
  margin-inline: auto;
  padding: calc(var(--s-val) * 8.5) var(--pdg-inline-common) calc(var(--s-val) * 8);
  position: relative;
}
.cta__block::before {
  content: "";
  display: block;
  width: 100%;
  aspect-ratio: 780/1370;
  background: url(../images/intro_bg01.webp) no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -9;
}
.cta__block::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(#4F424B), to(#4E6C80));
  background: linear-gradient(to right, #4F424B, #4E6C80);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -10;
}
.cta__detail {
  padding: calc(var(--s-val) * 5) 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3%;
}
.cta__img {
  width: 55%;
}
.cta__text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.cta__badge {
  font-size: calc(var(--s-val) * 2.3);
  font-weight: 600;
  text-align: center;
  line-height: 1em;
}
.cta__brand {
  letter-spacing: 0.15em;
}
.cta__name {
  font-size: calc(var(--s-val) * 3.5);
  line-height: 1.2em;
  font-weight: 600;
  text-align: center;
}
.cta__price {
  -webkit-margin-before: calc(var(--s-val) * 3.5);
          margin-block-start: calc(var(--s-val) * 3.5);
  font-size: calc(var(--s-val) * 2);
  font-weight: 600;
  text-align: center;
  letter-spacing: 0;
}
.cta__price-main {
  font-size: calc(var(--s-val) * 3.6);
  font-weight: 500;
  letter-spacing: 0.07em;
}
.cta__price-gram {
  display: inline-block;
  font-size: calc(var(--s-val) * 3.6);
  font-weight: 500;
  letter-spacing: 0.07em;
}
.cta__taste-wrap {
  font-size: calc(var(--s-val) * 2);
  letter-spacing: 0;
  line-height: 1.5em;
  font-weight: 600;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: calc(var(--s-val) * 1);
  -webkit-margin-before: calc(var(--s-val) * 1);
          margin-block-start: calc(var(--s-val) * 1);
}
.cta__taste {
  width: 72%;
  padding: calc(var(--s-val) * 0.1) 0;
  border: 1px solid currentColor;
}
.cta__figure {
  -webkit-margin-before: calc(var(--s-val) * 4.5);
          margin-block-start: calc(var(--s-val) * 4.5);
}
.cta__btn-wrap {
  -webkit-margin-before: calc(var(--s-val) * 5);
          margin-block-start: calc(var(--s-val) * 5);
}
.cta__link {
  display: block;
  font-size: calc(var(--s-val) * 3.3);
  font-weight: 600;
  text-align: center;
  line-height: 1.6em;
  padding: calc(var(--s-val) * 2);
}
.cta__btn:not(:first-of-type) {
  -webkit-margin-before: calc(var(--s-val) * 1.9);
          margin-block-start: calc(var(--s-val) * 1.9);
}
.cta__btn--subsc .cta__link {
  background-color: #000;
}
.cta__btn--subsc .cta__link span {
  padding: calc(var(--s-val) * 0.2) calc(var(--s-val) * 2);
  margin-right: calc(var(--s-val) * 4);
  letter-spacing: 0.09em;
  color: #000;
  background-color: #fff;
}
.cta__btn--regular .cta__link {
  border: 2px solid currentColor;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.cta__btn--regular .cta__link:hover {
  background-color: #e5dede;
}
.cta__accordion-wrap {
  -webkit-margin-before: calc(var(--s-val) * 4);
          margin-block-start: calc(var(--s-val) * 4);
}
.cta__accordion {
  font-size: calc(var(--s-val) * 3.3);
  font-weight: 600;
  line-height: 1.5em;
  letter-spacing: 0.05em;
}
.cta__accordion:not(:first-of-type) {
  -webkit-margin-before: calc(var(--s-val) * 2);
          margin-block-start: calc(var(--s-val) * 2);
}
.cta__accordion-title {
  text-align: center;
  border-top: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  padding: calc(var(--s-val) * 2.7) 0 calc(var(--s-val) * 2.7);
  position: relative;
}
.cta .plus-icon-wrap {
  position: absolute;
  top: 50%;
  right: calc(var(--s-val) * 3);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.cta .plus-icon {
  --color-plus: currentColor;
  --h-plus: calc(var(--s-val) * 0.2);
}
.cta__accordion-detail {
  margin-inline: calc(var(--s-val) * 3);
  padding-block: calc(var(--s-val) * 3);
}
.cta__accordion-img--ingredients img:not(:first-of-type) {
  -webkit-margin-before: calc(var(--s-val) * 3.5);
          margin-block-start: calc(var(--s-val) * 3.5);
}

/* レスポンシブ ============= */
@media screen and (max-width: 780px) {
  .cta__block {
    padding: calc(var(--s-val) * 8.5) var(--pdg-inline-common) calc(var(--s-val) * 6);
  }
  .cta__badge {
    font-size: calc(var(--s-val) * 2);
  }
  .cta__name {
    font-size: calc(var(--s-val) * 2.6);
  }
  .cta__taste-wrap {
    font-size: calc(var(--s-val) * 1.5);
    line-height: 1.7em;
    gap: calc(var(--s-val) * 0.7);
  }
  .cta__price {
    font-size: calc(var(--s-val) * 1.6);
  }
  .cta__price-main {
    font-size: calc(var(--s-val) * 3.3);
    letter-spacing: 0.05em;
  }
  .cta__price-gram {
    font-size: calc(var(--s-val) * 3.3);
    letter-spacing: 0.05em;
  }
  .cta__btn:not(:first-of-type) {
    -webkit-margin-before: calc(var(--s-val) * 2.3);
            margin-block-start: calc(var(--s-val) * 2.3);
  }
  .cta__link {
    font-size: calc(var(--s-val) * 3.2);
    padding: calc(var(--s-val) * 3);
  }
  .cta__btn--subsc .cta__link span {
    font-size: calc(var(--s-val) * 3);
    padding: calc(var(--s-val) * 0.2) calc(var(--s-val) * 1);
    margin-right: calc(var(--s-val) * 2);
  }
  .cta__btn--regular .cta__link {
    border: 1px solid currentColor;
  }
  .cta__accordion {
    font-size: calc(var(--s-val) * 3.2);
  }
  .cta__accordion-title {
    border-top: 1px solid currentColor;
    border-bottom: 1px solid currentColor;
    padding-block: calc(var(--s-val) * 3);
  }
  .cta__accordion-detail {
    margin-inline: calc(var(--s-val) * 2);
  }
}
/* =========================
intro
============================*/
.intro {
  position: relative;
}
.intro::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(#130B05), color-stop(35%, #2D282C), color-stop(50%, #3C373D), color-stop(75%, #4a4449), to(#4F424B)) left/50% 100% no-repeat, -webkit-gradient(linear, left top, left bottom, from(#4E3F47), color-stop(35%, #4f515e), color-stop(50%, #535767), color-stop(75%, #4d5c6b), to(#4E6A7E)) right/50% 100% no-repeat;
  background: linear-gradient(to bottom, #130B05 0%, #2D282C 35%, #3C373D 50%, #4a4449 75%, #4F424B 100%) left/50% 100% no-repeat, linear-gradient(to bottom, #4E3F47 0%, #4f515e 35%, #535767 50%, #4d5c6b 75%, #4E6A7E 100%) right/50% 100% no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -10;
}
.intro__block {
  max-width: 780px;
  padding: calc(var(--s-val) * 7) var(--pdg-inline-common) calc(var(--s-val) * 5);
  margin-inline: auto;
  position: relative;
}
.intro__block::before {
  content: "";
  display: block;
  width: 100%;
  aspect-ratio: 780/1370;
  background: url(../images/intro_bg01.webp) no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -9;
}
.intro__block::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(#4F424B), to(#4E6C80));
  background: linear-gradient(to right, #4F424B, #4E6C80);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -10;
}
.intro__text {
  width: calc(var(--s-val) * 55);
}
.intro__figure {
  -webkit-margin-before: calc(var(--s-val) * 5);
          margin-block-start: calc(var(--s-val) * 5);
}
.intro__note {
  -webkit-margin-before: calc(var(--s-val) * 6.5);
          margin-block-start: calc(var(--s-val) * 6.5);
}

/* レスポンシブ ============= */
/* =========================
voice
============================*/
.voice {
  background: url(../images/gridbg01.png) repeat;
  background-size: cover;
  background-position: center;
  position: relative;
}
.voice::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(#5E4F68), color-stop(50%, #5B4F63), to(#574A53)) left/50% 100% no-repeat, -webkit-gradient(linear, left top, left bottom, from(#594D56), color-stop(25%, #554650), color-stop(35%, #4E414A), color-stop(50%, #3F353D), color-stop(75%, #211819), to(#130C0B)) right/50% 100% no-repeat;
  background: linear-gradient(to bottom, #5E4F68 0%, #5B4F63 50%, #574A53 100%) left/50% 100% no-repeat, linear-gradient(to bottom, #594D56 0%, #554650 25%, #4E414A 35%, #3F353D 50%, #211819 75%, #130C0B 100%) right/50% 100% no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -10;
}
.voice__block {
  max-width: 780px;
  margin-inline: auto;
  padding: calc(var(--s-val) * 6) var(--pdg-inline-common) calc(var(--s-val) * 3);
  position: relative;
}
.voice__block::before {
  content: "";
  display: block;
  width: 100%;
  aspect-ratio: 780/1256;
  background: url(../images/voice_bg01.webp) no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -9;
}
.voice__block::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(#584B54), color-stop(50%, #382C30), to(#120B09));
  background: linear-gradient(to right, #584B54 0%, #382C30 50%, #120B09 100%);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -10;
}
.voice__01, .voice__02, .voice__03 {
  -webkit-box-shadow: calc(var(--s-val) * 0.2) calc(var(--s-val) * 0.2) calc(var(--s-val) * 0.4) rgba(30, 35, 27, 0.3);
          box-shadow: calc(var(--s-val) * 0.2) calc(var(--s-val) * 0.2) calc(var(--s-val) * 0.4) rgba(30, 35, 27, 0.3);
  -webkit-margin-before: calc(var(--s-val) * 4.5);
          margin-block-start: calc(var(--s-val) * 4.5);
}
.voice__01 {
  -webkit-margin-before: calc(var(--s-val) * 5.5);
          margin-block-start: calc(var(--s-val) * 5.5);
}
.voice__note {
  width: 71%;
  -webkit-margin-before: calc(var(--s-val) * 3);
          margin-block-start: calc(var(--s-val) * 3);
}

/* レスポンシブ ============= */
/* =========================
beauty-top
============================*/
.beauty-top {
  background: -webkit-gradient(linear, left top, left bottom, from(#F3EAE1), color-stop(50%, #EFEAE0), to(#ECE7DE)) left/50% 100% no-repeat, -webkit-gradient(linear, left top, left bottom, from(#F0EBE1), color-stop(50%, #F0EAE5), to(#F0EAE3)) right/50% 100% no-repeat;
  background: linear-gradient(to bottom, #F3EAE1 0%, #EFEAE0 50%, #ECE7DE 100%) left/50% 100% no-repeat, linear-gradient(to bottom, #F0EBE1 0%, #F0EAE5 50%, #F0EAE3 100%) right/50% 100% no-repeat;
  position: relative;
}
.beauty-top__block {
  max-width: 780px;
  margin-inline: auto;
  position: relative;
}
.beauty-top__text-wrap {
  width: 100%;
  height: 100%;
  padding: calc(var(--s-val) * 8) var(--pdg-inline-common) calc(var(--s-val) * 6);
  position: absolute;
  top: 0;
  left: 0;
}
.beauty-top__text {
  width: calc(var(--s-val) * 35);
}
.beauty-top__btn-wrap {
  -webkit-margin-before: calc(var(--s-val) * 7);
          margin-block-start: calc(var(--s-val) * 7);
  width: calc(var(--s-val) * 39);
}
.beauty-top__btn-wrap a {
  display: block;
}
.beauty-top__btn-wrap a:not(:first-of-type) {
  -webkit-margin-before: calc(var(--s-val) * 2);
          margin-block-start: calc(var(--s-val) * 2);
}
.beauty-top__note {
  -webkit-margin-before: calc(var(--s-val) * 7);
          margin-block-start: calc(var(--s-val) * 7);
}

/* レスポンシブ ============= */
@media screen and (max-width: 780px) {
  .beauty-top__text {
    width: calc(var(--s-val) * 26);
  }
  .beauty-top__btn-wrap {
    -webkit-margin-before: calc(var(--s-val) * 4.5);
            margin-block-start: calc(var(--s-val) * 4.5);
    width: calc(var(--s-val) * 34);
  }
}
/* =========================
lactic
============================*/
.lactic {
  position: relative;
}
.lactic::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(#4E6C80), color-stop(35%, #4D5B69), color-stop(50%, #4E5661), color-stop(75%, #4F4D59), to(#513F4A)) left/50% 100% no-repeat, -webkit-gradient(linear, left top, left bottom, from(#4F424B), color-stop(35%, #443C43), color-stop(50%, #393138), color-stop(75%, #211A1A), to(#130B07)) right/50% 100% no-repeat;
  background: linear-gradient(to bottom, #4E6C80 0%, #4D5B69 35%, #4E5661 50%, #4F4D59 75%, #513F4A 100%) left/50% 100% no-repeat, linear-gradient(to bottom, #4F424B 0%, #443C43 35%, #393138 50%, #211A1A 75%, #130B07 100%) right/50% 100% no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -10;
}
.lactic__block {
  max-width: 780px;
  padding: calc(var(--s-val) * 7.5) var(--pdg-inline-common) calc(var(--s-val) * 7);
  margin-inline: auto;
  position: relative;
}
.lactic__block::before {
  content: "";
  display: block;
  width: 100%;
  aspect-ratio: 780/1256;
  background: url(../images/beauty_bg02.webp) no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -9;
}
.lactic__block::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(#51424f), to(#100f0f));
  background: linear-gradient(to right, #51424f, #100f0f);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -10;
}
.lactic__text {
  width: calc(var(--s-val) * 61);
}
.lactic__figure {
  -webkit-margin-before: calc(var(--s-val) * 8);
          margin-block-start: calc(var(--s-val) * 8);
}

/* レスポンシブ ============= */
/* =========================
formulation
============================*/
.formulation {
  position: relative;
}
.formulation::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(#4E6375), color-stop(15%, #4F677A), color-stop(35%, #4D606C), color-stop(50%, #4E5C6A), color-stop(75%, #4E5766), to(#4F5460)) left/50% 100% no-repeat, -webkit-gradient(linear, left top, left bottom, from(#50505C), color-stop(15%, #50444C), color-stop(25%, #4E4650), color-stop(35%, #4E5462), color-stop(50%, #4F5A69), color-stop(75%, #4E5766), to(#4F5460)) right/50% 100% no-repeat;
  background: linear-gradient(to bottom, #4E6375 0%, #4F677A 15%, #4D606C 35%, #4E5C6A 50%, #4E5766 75%, #4F5460 100%) left/50% 100% no-repeat, linear-gradient(to bottom, #50505C 0%, #50444C 15%, #4E4650 25%, #4E5462 35%, #4F5A69 50%, #4E5766 75%, #4F5460 100%) right/50% 100% no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -10;
}
.formulation__block {
  max-width: 780px;
  margin-inline: auto;
  position: relative;
}

/* レスポンシブ ============= */
/* =========================
structure
============================*/
.structure {
  position: relative;
}
.structure::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(#4F5460), color-stop(50%, #4E515E), to(#4F4C56)) left/50% 100% no-repeat, -webkit-gradient(linear, left top, left bottom, from(#4F5460), color-stop(50%, #4F525F), to(#403E46)) right/50% 100% no-repeat;
  background: linear-gradient(to bottom, #4F5460 0%, #4E515E 50%, #4F4C56 100%) left/50% 100% no-repeat, linear-gradient(to bottom, #4F5460 0%, #4F525F 50%, #403E46 100%) right/50% 100% no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -10;
}
.structure__block {
  max-width: 780px;
  margin-inline: auto;
}
.structure__accordion-wrap {
  padding: 0 calc(var(--s-val) * 7);
  position: relative;
}
.structure__accordion-wrap::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(#50505C), to(#4F4C56)) left/50% 100% no-repeat, -webkit-gradient(linear, left top, left bottom, from(#50505C), to(#3F3C44)) right/50% 100% no-repeat;
  background: linear-gradient(to bottom, #50505C 0%, #4F4C56 100%) left/50% 100% no-repeat, linear-gradient(to bottom, #50505C 0%, #3F3C44 100%) right/50% 100% no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -10;
}
.structure__accordion {
  background: url(../images/gridbg02.png) repeat;
  background-size: cover;
  background-position: center;
  font-size: calc(var(--s-val) * 3.3);
  font-weight: 600;
  line-height: 1.5em;
  letter-spacing: 0.05em;
}
.structure__accordion-title {
  margin-inline: calc(var(--s-val) * 3) calc(var(--s-val) * 2);
  padding: calc(var(--s-val) * 4) calc(var(--s-val) * 5) calc(var(--s-val) * 4) 0;
  position: relative;
}
.structure .plus-icon-wrap {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.structure .plus-icon {
  --color-plus: #8b979b;
}
.structure__accordion-detail {
  margin-inline: calc(var(--s-val) * 3);
  padding-block: calc(var(--s-val) * 3) calc(var(--s-val) * 3.5);
}
.structure__accordion-img img:nth-of-type(2) {
  -webkit-margin-before: calc(var(--s-val) * 2);
          margin-block-start: calc(var(--s-val) * 2);
}

/* レスポンシブ ============= */
@media screen and (max-width: 780px) {
  .structure__accordion {
    font-size: calc(var(--s-val) * 3);
  }
  .structure__accordion-title {
    padding: calc(var(--s-val) * 3.5) calc(var(--s-val) * 5) calc(var(--s-val) * 3.5) 0;
  }
}
/* =========================
elastin
============================*/
.elastin {
  position: relative;
}
.elastin::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(#4F4C56), color-stop(35%, #504854), color-stop(50%, #4E414A), color-stop(75%, #443339), to(#3C282D)) left/50% 100% no-repeat, -webkit-gradient(linear, left top, left bottom, from(#3F3C44), color-stop(35%, #1D1818), color-stop(50%, #19100F), color-stop(75%, #190B09), to(#1F110F)) right/50% 100% no-repeat;
  background: linear-gradient(to bottom, #4F4C56 0%, #504854 35%, #4E414A 50%, #443339 75%, #3C282D 100%) left/50% 100% no-repeat, linear-gradient(to bottom, #3F3C44 0%, #1D1818 35%, #19100F 50%, #190B09 75%, #1F110F 100%) right/50% 100% no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -10;
}
.elastin__block {
  max-width: 780px;
  margin-inline: auto;
}

/* レスポンシブ ============= */
/* =========================
howto-drink
============================*/
.howto-drink {
  background-color: #c8c8c9;
}
.howto-drink__block {
  max-width: 780px;
  padding: calc(var(--s-val) * 9) var(--pdg-inline-common) calc(var(--s-val) * 6);
  margin-inline: auto;
}
.howto-drink__lead {
  width: calc(var(--s-val) * 53);
  margin-inline: auto;
}
.howto-drink__list {
  margin: calc(var(--s-val) * 11.9) auto 0;
}
.howto-drink__boost {
  margin: calc(var(--s-val) * 8) auto 0;
}

/* レスポンシブ ============= */
@media screen and (max-width: 780px) {
  .howto-drink__block {
    padding: calc(var(--s-val) * 7) var(--pdg-inline-common) calc(var(--s-val) * 6);
  }
  .howto-drink__lead {
    width: calc(var(--s-val) * 44);
  }
  .howto-drink__list {
    margin: calc(var(--s-val) * 9.9) auto 0;
  }
}
/* =========================
instagram
============================*/
.instagram {
  background-color: #fff;
}
.instagram__block {
  max-width: 780px;
  padding: calc(var(--s-val) * 7) var(--pdg-inline-common) 0;
  margin-inline: auto;
}
.instagram__lead {
  -webkit-margin-before: calc(var(--s-val) * 3.3);
          margin-block-start: calc(var(--s-val) * 3.3);
  font-size: calc(var(--s-val) * 2.6);
  font-weight: 600;
  line-height: 1.7em;
  text-align: center;
  color: #5E5E5E;
}

/* レスポンシブ ============= */
@media screen and (max-width: 780px) {
  .instagram__block {
    padding: calc(var(--s-val) * 3) var(--pdg-inline-common) 0;
  }
  .instagram__lead {
    font-size: calc(var(--s-val) * 2.1);
    -webkit-margin-before: calc(var(--s-val) * 2);
            margin-block-start: calc(var(--s-val) * 2);
  }
}
/* =========================
よくある質問
============================*/
.faq {
  position: relative;
}
.faq::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -10;
}
.faq__block {
  max-width: 780px;
  margin-inline: auto;
  padding: calc(var(--s-val) * 8) var(--pdg-inline-common) calc(var(--s-val) * 3);
}
.faq__title {
  font-size: calc(var(--s-val) * 4.8);
  font-weight: bold;
  line-height: 1.2em;
  text-align: center;
}

.qa {
  -webkit-margin-before: calc(var(--s-val) * 5);
          margin-block-start: calc(var(--s-val) * 5);
}
.qa__item {
  font-size: calc(var(--s-val) * 1.8);
  font-weight: 600;
  line-height: 1.5em;
  letter-spacing: 0.05em;
  text-align: justify;
  border-top: 2px solid var(--color-rose-brown);
  position: relative;
}
.qa__item:last-of-type {
  border-bottom: 2px solid var(--color-rose-brown);
}
.qa__item::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: #Fff;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -10;
}
.qa__title {
  margin-inline: 0 calc(var(--s-val) * 2);
  padding: calc(var(--s-val) * 2) calc(var(--s-val) * 5) calc(var(--s-val) * 2) 0;
  position: relative;
}
.qa .plus-icon-wrap {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.qa .plus-icon {
  --w-plus: calc(var(--s-val) * 2);
  --h-plus: calc(var(--s-val) * 0.2);
}
.qa__detail {
  padding-block: 0 calc(var(--s-val) * 2);
}

/* レスポンシブ ============= */
@media screen and (max-width: 780px) {
  .faq__title {
    font-size: calc(var(--s-val) * 4.4);
  }
  .qa__item {
    font-size: calc(var(--s-val) * 1.6);
    border-top: 1px solid var(--color-rose-brown);
    position: relative;
  }
  .qa__item:last-of-type {
    border-bottom: 1px solid var(--color-rose-brown);
  }
  .qa__title {
    padding: calc(var(--s-val) * 2) calc(var(--s-val) * 2) calc(var(--s-val) * 2) 0;
  }
}