@charset "UTF-8";
#lp__container {
  /* http://meyerweb.com/eric/tools/css/reset/
     v2.0 | 20110126
     License: none (public domain)
  */
  /* HTML5 display-role reset for older browsers */
  /**
   * メディアクエリ
   * @param {string} $mode - max または min
   * @param {number} $width - 設定値
   */
  /**
   * メディアクエリ PC
   * @param {number} [$width:$breakpoin] - 設定値
   */
  /**
   * メディアクエリ SP
   * @param {number} [$width:$breakpoin] - 設定値
   */
  /**
   * メディアクエリによるIE11ハック
   */
  /**
   * VW計算
   * @param {string} $property  - プロパティ
   * @param {number} $value - 基準となる値
   * @param {number} $basewidth - 基準となるウィンドウ幅
   * @param {number} [$maxwidth:0] - 拡大を停止するウィンドウ幅
   * @param {number} [$minwidth:0] - 縮小を停止するウィンドウ幅
   */
  /**
   * メディアクエリ
   * @param {string} $mode - max または min
   * @param {number} $width - 設定値
   */
  /**
   * メディアクエリ PC
   * @param {number} [$width:$breakpoin] - 設定値
   */
  /**
   * メディアクエリ SP
   * @param {number} [$width:$breakpoin] - 設定値
   */
  /**
   * メディアクエリによるIE11ハック
   */
  /**
   * VW計算
   * @param {string} $property  - プロパティ
   * @param {number} $value - 基準となる値
   * @param {number} $basewidth - 基準となるウィンドウ幅
   * @param {number} [$maxwidth:0] - 拡大を停止するウィンドウ幅
   * @param {number} [$minwidth:0] - 縮小を停止するウィンドウ幅
   */
  overflow: hidden;
  position: relative;
  font-family: "Noto Serif JP", serif;
  font-weight: normal;
  font-feature-settings: "palt";
  color: #2c2360;
}
#lp__container html, #lp__container body, #lp__container div, #lp__container span, #lp__container applet, #lp__container object, #lp__container iframe,
#lp__container h1, #lp__container h2, #lp__container h3, #lp__container h4, #lp__container h5, #lp__container h6, #lp__container p, #lp__container blockquote, #lp__container pre,
#lp__container a, #lp__container abbr, #lp__container acronym, #lp__container address, #lp__container big, #lp__container cite, #lp__container code,
#lp__container del, #lp__container dfn, #lp__container em, #lp__container img, #lp__container ins, #lp__container kbd, #lp__container q, #lp__container s, #lp__container samp,
#lp__container small, #lp__container strike, #lp__container strong, #lp__container sub, #lp__container sup, #lp__container tt, #lp__container var,
#lp__container b, #lp__container u, #lp__container i, #lp__container center,
#lp__container dl, #lp__container dt, #lp__container dd, #lp__container ol, #lp__container ul, #lp__container li,
#lp__container fieldset, #lp__container form, #lp__container label, #lp__container legend,
#lp__container table, #lp__container caption, #lp__container tbody, #lp__container tfoot, #lp__container thead, #lp__container tr, #lp__container th, #lp__container td,
#lp__container article, #lp__container aside, #lp__container canvas, #lp__container details, #lp__container embed,
#lp__container figure, #lp__container figcaption, #lp__container footer, #lp__container header, #lp__container hgroup,
#lp__container menu, #lp__container nav, #lp__container output, #lp__container ruby, #lp__container section, #lp__container summary,
#lp__container time, #lp__container mark, #lp__container audio, #lp__container video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
#lp__container article, #lp__container aside, #lp__container details, #lp__container figcaption, #lp__container figure,
#lp__container footer, #lp__container header, #lp__container hgroup, #lp__container menu, #lp__container nav, #lp__container section {
  display: block;
}
#lp__container body {
  line-height: 1;
}
#lp__container ol, #lp__container ul {
  list-style: none;
}
#lp__container blockquote, #lp__container q {
  quotes: none;
}
#lp__container blockquote:before, #lp__container blockquote:after,
#lp__container q:before, #lp__container q:after {
  content: "";
  content: none;
}
#lp__container table {
  border-collapse: collapse;
  border-spacing: 0;
}
#lp__container input, #lp__container button, #lp__container textarea, #lp__container select, #lp__container option {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font: inherit;
}
#lp__container input::-ms-clear {
  display: none;
}
#lp__container input::-ms-reveal {
  display: none;
}
#lp__container body {
  min-width: 320px;
  color: #000;
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  line-height: 1;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
#lp__container a {
  color: inherit;
  text-decoration: none;
}
#lp__container img {
  display: block;
  max-width: 100%;
}
#lp__container picture {
  display: block;
}
@media screen and (max-width: 767px) {
  #lp__container .pc {
    display: none !important;
  }
}
@media screen and (min-width: 768px) {
  #lp__container .sp {
    display: none !important;
  }
}
@media screen and (min-width: 768px) {
  #lp__container {
    min-width: 1260px;
    max-width: 1920px;
    margin: 0 auto;
  }
}
#lp__container * {
  font: inherit;
}
#lp__container img {
  max-width: 100%;
  height: auto;
}
#lp__container picture {
  display: block;
}
@media screen and (max-width: 767px) {
  #lp__container .pc {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  #lp__container .sp {
    display: none;
  }
}
#lp__container .localNavi {
  background-color: #2c2360;
}
@media screen and (max-width: 767px) {
  #lp__container .localNavi {
    position: relative;
  }
}
@media screen and (min-width: 768px) {
  #lp__container .localNavi .localNavi__list {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 100px;
    height: 75px;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .localNavi .localNavi__list {
    background-color: #2c2360;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    display: none;
    z-index: 100;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .localNavi .localNavi__item {
    border-top: 1px solid #fff;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .localNavi .localNavi__item:first-child .localNavi__link {
    padding-left: 5.15625vw;
  }
}
#lp__container .localNavi .localNavi__link {
  font-weight: 600;
  color: #fff;
  position: relative;
  display: block;
}
@media screen and (min-width: 768px) {
  #lp__container .localNavi .localNavi__link {
    font-size: 16px;
    padding-bottom: 18px;
    transition: color 0.3s ease;
  }
  #lp__container .localNavi .localNavi__link:hover {
    color: #cba12f;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .localNavi .localNavi__link {
    height: 11.71875vw;
    padding-left: 3.90625vw;
    display: flex;
    align-items: center;
  }
}
#lp__container .localNavi .localNavi__link::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
}
@media screen and (min-width: 768px) {
  #lp__container .localNavi .localNavi__link::after {
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    border-top: 5px solid #dd0823;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .localNavi .localNavi__link::after {
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    border-left: 1px solid #dd0823;
    border-top-width: 0.9375vw;
    border-bottom-width: 0.9375vw;
    border-left-width: 1.5625vw;
    right: 3.125vw;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media screen and (min-width: 768px) {
  #lp__container .localNavi .localNavi__border {
    height: 7px;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .localNavi .localNavi__border {
    height: 0.625vw;
  }
}
#lp__container .localNavi .localNavi__border--yellow {
  background-color: #cba12f;
}
#lp__container .localNavi .localNavi__border--purple {
  background-color: #9d4b9f;
}
#lp__container .localNavi .localNavi__border--darkblue {
  background-color: #2c2360;
}
@media screen and (min-width: 768px) {
  #lp__container .localNavi .localNavi__head {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .localNavi .localNavi__head {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 11.25vw;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .localNavi .localNavi__head--title {
    width: 35.9375vw;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .localNavi .localNavi__head--toggle {
    position: absolute;
    top: 3.125vw;
    right: 1.5625vw;
    width: 6.875vw;
    height: 4.6875vw;
  }
}
#lp__container .localNavi .localNavi__head--toggle.is-active .localNavi__head--border:nth-child(1) {
  transform: rotate(-45deg);
  bottom: 0;
  margin: auto;
}
#lp__container .localNavi .localNavi__head--toggle.is-active .localNavi__head--border:nth-child(2) {
  opacity: 0;
}
#lp__container .localNavi .localNavi__head--toggle.is-active .localNavi__head--border:nth-child(3) {
  margin: auto;
  top: 0;
  transform: rotate(45deg);
}
@media screen and (max-width: 767px) {
  #lp__container .localNavi .localNavi__head--border {
    background: #fff;
    position: absolute;
    left: 0;
    width: 6.875vw;
    height: 0.625vw;
  }
  #lp__container .localNavi .localNavi__head--border:nth-child(1) {
    top: 0;
    transition: transform 0.5s ease;
  }
  #lp__container .localNavi .localNavi__head--border:nth-child(2) {
    transition: opacity 0.5s ease;
    top: 50%;
    transform: translateY(-50%);
  }
  #lp__container .localNavi .localNavi__head--border:nth-child(3) {
    bottom: 0;
    transition: transform 0.5s ease;
  }
}
@media screen and (min-width: 768px) {
  #lp__container .introduction .introduction__image {
    max-width: 1035px;
    margin-inline: auto;
  }
}
#lp__container .gallery {
  position: relative;
}
@media screen and (min-width: 768px) {
  #lp__container .gallery {
    padding-top: 60px;
    padding-bottom: 100px;
    background: url(../img/gallery__bg.webp) no-repeat top/cover;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .gallery {
    padding-top: 7.03125vw;
    padding-bottom: 9.375vw;
    background: url(../img/gallery__bg.sp.webp) no-repeat top/cover;
  }
}
@media screen and (min-width: 768px) {
  #lp__container .gallery .gallery__heading {
    max-width: 1053px;
    margin-inline: auto;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .gallery .gallery__heading {
    padding-left: 4.6875vw;
    padding-right: 4.6875vw;
  }
}
#lp__container .gallery .gallery__lead {
  font-weight: 500;
  text-align: center;
}
@media screen and (min-width: 768px) {
  #lp__container .gallery .gallery__lead {
    font-size: 20px;
    margin-top: 45px;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .gallery .gallery__lead {
    letter-spacing: -0.05em;
    font-size: 3.90625vw;
    margin-top: 7.8125vw;
  }
}
@media screen and (min-width: 768px) {
  #lp__container .gallery .gallery__list {
    display: flex;
    justify-content: center;
    gap: 100px;
    margin-top: 60px;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .gallery .gallery__list {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 7.03125vw;
    margin-top: 7.8125vw;
    padding-left: 4.6875vw;
    padding-right: 4.6875vw;
  }
}
#lp__container .gallery .gallery__item {
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  #lp__container .gallery .gallery__item {
    max-width: 477px;
    transition: opacity 0.3s ease;
  }
  #lp__container .gallery .gallery__item:hover {
    opacity: 0.7;
  }
}
#lp__container .gallery .gallery__item--text {
  line-height: 1.5;
  text-align: center;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  #lp__container .gallery .gallery__item--text {
    font-size: 20px;
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .gallery .gallery__item--text {
    font-size: 4.0625vw;
    margin-top: 1.5625vw;
  }
}
#lp__container .gallery .gallery__comment {
  display: block;
}
@media screen and (min-width: 768px) {
  #lp__container .gallery .gallery__comment {
    max-width: 480px;
    margin-inline: auto;
    margin-top: 45px;
    transition: opacity 0.3s ease;
  }
  #lp__container .gallery .gallery__comment:hover {
    opacity: 0.7;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .gallery .gallery__comment {
    padding-left: 4.6875vw;
    padding-right: 4.6875vw;
    margin-top: 6.25vw;
  }
}
#lp__container .about {
  position: relative;
}
@media screen and (min-width: 768px) {
  #lp__container .about {
    max-width: 1920px;
    margin-inline: auto;
    height: 616px;
    background: url(../img/about__bg.webp) no-repeat center/cover;
    padding-top: 60px;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .about {
    height: 137.5vw;
    padding-top: 11.71875vw;
    background: url(../img/about__bg.sp.webp) no-repeat center/cover;
  }
}
#lp__container .about .about__heading {
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  #lp__container .about .about__heading {
    width: 661px;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .about .about__heading {
    width: 84.84375vw;
  }
}
#lp__container .about .about__text {
  font-weight: 600;
  position: absolute;
}
@media screen and (min-width: 768px) {
  #lp__container .about .about__text {
    line-height: 2.05;
    top: 370px;
    left: 50%;
    font-size: 20px;
    transform: translateX(calc(-50% + 250px));
  }
}
@media screen and (max-width: 767px) {
  #lp__container .about .about__text {
    line-height: 1.8076923077;
    width: 100%;
    text-align: center;
    font-size: 4.0625vw;
    margin-top: 7.03125vw;
    letter-spacing: -0.05em;
  }
}
#lp__container .about .about__person {
  position: absolute;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  #lp__container .about .about__person {
    left: 50%;
    bottom: -40px;
    width: 540px;
    transform: translateX(calc(-50% - 270px));
  }
}
@media screen and (max-width: 767px) {
  #lp__container .about .about__person {
    left: 50%;
    transform: translateX(-50%);
    bottom: -4.375vw;
    width: 72.5vw;
  }
}
#lp__container .recipe__banner {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
@media screen and (min-width: 768px) {
  #lp__container .recipe__banner {
    max-width: 1920px;
    height: 398px;
    margin-inline: auto;
    background: url(../img/recipe__banner_bg.webp) no-repeat center/cover;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .recipe__banner {
    height: 36.875vw;
    background: url(../img/recipe__banner_bg.sp.webp) no-repeat center/cover;
  }
}
@media screen and (min-width: 768px) {
  #lp__container .recipe__banner .recipe__banner--image {
    width: 833px;
    margin-inline: auto;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .recipe__banner .recipe__banner--image {
    width: 92.03125vw;
  }
}
#lp__container .recipe__common--button {
  position: relative;
}
@media screen and (min-width: 768px) {
  #lp__container .recipe__common--button {
    width: 202px;
    height: 36px;
  }
  #lp__container .recipe__common--button:hover::before {
    transform: translate(3px, 3px);
  }
  #lp__container .recipe__common--button:hover .recipe__common--link {
    transform: translate(3px, 3px);
  }
}
@media screen and (max-width: 767px) {
  #lp__container .recipe__common--button {
    width: 53.125vw;
    height: 8.75vw;
  }
}
#lp__container .recipe__common--button::before {
  content: "";
  display: block;
  background: #2c2360;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  transition: transform 0.3s ease;
}
@media screen and (min-width: 768px) {
  #lp__container .recipe__common--button::before {
    width: 202px;
    height: 36px;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .recipe__common--button::before {
    width: 53.125vw;
    height: 8.75vw;
  }
}
#lp__container .recipe__common--button::after {
  content: "";
  display: block;
  background: #c9d7ed;
  position: absolute;
  left: 3px;
  top: 3px;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  #lp__container .recipe__common--button::after {
    width: 202px;
    height: 36px;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .recipe__common--button::after {
    width: 53.125vw;
    height: 8.75vw;
  }
}
#lp__container .recipe__common--button .recipe__common--link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  color: #fff;
  position: relative;
  z-index: 3;
}
#lp__container .recipe__common--button .recipe__common--link::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
@media screen and (min-width: 768px) {
  #lp__container .recipe__common--button .recipe__common--link::after {
    border-left: 5px solid #dd0823;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    margin-left: 17px;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .recipe__common--button .recipe__common--link::after {
    border-left-color: #dd0823;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-left-style: solid;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-width: 1.25vw;
    border-top-width: 1.25vw;
    border-bottom-width: 1.25vw;
    margin-left: 4.6875vw;
  }
}
@media screen and (min-width: 768px) {
  #lp__container .recipe {
    padding-top: 40px;
    padding-bottom: 70px;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .recipe {
    padding-top: 3.125vw;
    padding-bottom: 11.71875vw;
  }
}
@media screen and (min-width: 768px) {
  #lp__container .recipe .recipe__block {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .recipe .recipe__block {
    padding-left: 4.6875vw;
    padding-right: 4.6875vw;
  }
}
@media screen and (min-width: 768px) {
  #lp__container .recipe .recipe__block:not(:first-of-type) {
    padding-top: 70px;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .recipe .recipe__block:not(:first-of-type) {
    margin-top: 14.0625vw;
  }
}
#lp__container .recipe .recipe__block--border {
  display: block;
}
@media screen and (min-width: 768px) {
  #lp__container .recipe .recipe__block--border {
    max-width: 838px;
    width: 100%;
  }
}
#lp__container .recipe .recipe__block--border::before {
  content: "";
  display: block;
  background: #9d4b9f;
}
@media screen and (min-width: 768px) {
  #lp__container .recipe .recipe__block--border::before {
    height: 2px;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .recipe .recipe__block--border::before {
    height: 0.3125vw;
  }
}
#lp__container .recipe .recipe__block--border::after {
  content: "";
  display: block;
  margin-top: 3px;
  background: #cba12f;
}
@media screen and (min-width: 768px) {
  #lp__container .recipe .recipe__block--border::after {
    height: 2px;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .recipe .recipe__block--border::after {
    height: 0.3125vw;
  }
}
@media screen and (min-width: 768px) {
  #lp__container .recipe .recipe__block--heading {
    margin-top: 50px;
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .recipe .recipe__block--heading {
    margin-top: 6.25vw;
    margin-bottom: 7.03125vw;
    margin-inline: auto;
  }
}
@media screen and (min-width: 768px) {
  #lp__container .recipe .recipe__block--heading01 {
    max-width: 603px;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .recipe .recipe__block--heading01 {
    width: 54.0625vw;
  }
}
@media screen and (min-width: 768px) {
  #lp__container .recipe .recipe__block--heading02 {
    max-width: 555px;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .recipe .recipe__block--heading02 {
    width: 42.8125vw;
  }
}
@media screen and (min-width: 768px) {
  #lp__container .recipe .recipe__block--heading03 {
    max-width: 356px;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .recipe .recipe__block--heading03 {
    width: 49.53125vw;
  }
}
@media screen and (min-width: 768px) {
  #lp__container .recipe .recipe__block--heading04 {
    max-width: 364px;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .recipe .recipe__block--heading04 {
    width: 50.78125vw;
  }
}
@media screen and (min-width: 768px) {
  #lp__container .recipe .recipe__large {
    display: flex;
    align-items: flex-end;
    gap: 30px;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .recipe .recipe__large {
    position: relative;
  }
}
@media screen and (min-width: 768px) {
  #lp__container .recipe .recipe__large:not(:first-of-type) {
    margin-top: 50px;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .recipe .recipe__large:not(:first-of-type) {
    margin-top: 14.0625vw;
  }
}
@media screen and (min-width: 768px) {
  #lp__container .recipe .recipe__large + .recipe__list--small {
    margin-top: 70px;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .recipe .recipe__large + .recipe__list--small {
    margin-top: 15.625vw;
  }
}
#lp__container .recipe .recipe__large.reverse {
  flex-direction: row-reverse;
}
@media screen and (min-width: 768px) {
  #lp__container .recipe .recipe__large.reverse .recipe__large--contents {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
}
@media screen and (min-width: 768px) {
  #lp__container .recipe .recipe__large.reverse .recipe__large--title {
    text-align: right;
  }
}
@media screen and (min-width: 768px) {
  #lp__container .recipe .recipe__large.reverse .recipe__large--time {
    justify-content: flex-end;
  }
}
@media screen and (min-width: 768px) {
  #lp__container .recipe .recipe__large .recipe__large--image {
    max-width: 606px;
  }
}
@media screen and (min-width: 768px) {
  #lp__container .recipe .recipe__large .recipe__large--vertical {
    max-width: 190px;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .recipe .recipe__large .recipe__large--vertical {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  #lp__container .recipe .recipe__large .recipe__large--mark {
    max-width: 123px;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .recipe .recipe__large .recipe__large--mark {
    width: 14.0625vw;
    position: absolute;
    top: 0.3125vw;
    right: 0.78125vw;
  }
}
#lp__container .recipe .recipe__large .recipe__large--title {
  font-weight: bold;
  line-height: 1.6363636364;
}
@media screen and (min-width: 768px) {
  #lp__container .recipe .recipe__large .recipe__large--title {
    font-size: 18px;
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .recipe .recipe__large .recipe__large--title {
    text-align: center;
    font-size: 4.6875vw;
    margin-top: 1.5625vw;
  }
}
#lp__container .recipe .recipe__large .recipe__large--time {
  display: flex;
  align-items: center;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  #lp__container .recipe .recipe__large .recipe__large--time {
    font-size: 15px;
    margin-top: 10px;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .recipe .recipe__large .recipe__large--time {
    font-size: 3.125vw;
    margin-top: 1.5625vw;
  }
}
#lp__container .recipe .recipe__large .recipe__large--time::before {
  content: "";
  display: block;
}
@media screen and (min-width: 768px) {
  #lp__container .recipe .recipe__large .recipe__large--time::before {
    margin-right: 5px;
    width: 18px;
    height: 18px;
    background: url(../img/recipe__large--time.webp) no-repeat center/cover;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .recipe .recipe__large .recipe__large--time::before {
    margin-right: 1.09375vw;
    width: 3.75vw;
    height: 3.75vw;
    background: url(../img/recipe__large--time.sp.webp) no-repeat center/cover;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .recipe .recipe__large .recipe__large--wrapper {
    display: flex;
    flex-direction: column-reverse;
  }
}
@media screen and (min-width: 768px) {
  #lp__container .recipe .recipe__large .recipe__large--button {
    margin-top: 15px;
    font-size: 13px;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .recipe .recipe__large .recipe__large--button {
    display: flex;
    justify-content: center;
    margin-top: 7.8125vw;
    font-size: 3.4375vw;
  }
}
@media screen and (min-width: 768px) {
  #lp__container .recipe .recipe__large .recipe__large--sp {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .recipe .recipe__large .recipe__large--sp {
    line-height: 1.6666666667;
    text-align: center;
    font-size: 3.75vw;
    color: #2c2360;
    font-weight: 600;
    margin-bottom: 3.125vw;
  }
}
@media screen and (min-width: 768px) {
  #lp__container .recipe .recipe__list--small {
    display: flex;
    justify-content: center;
    gap: 45px;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .recipe .recipe__list--small {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15.625vw;
  }
}
@media screen and (min-width: 768px) {
  #lp__container .recipe .recipe__list--small + .recipe__list--small {
    margin-top: 60px;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .recipe .recipe__list--small + .recipe__list--small {
    margin-top: 15.625vw;
  }
}
@media screen and (min-width: 768px) {
  #lp__container .recipe .recipe__list--small + .recipe__block--heading {
    margin-top: 70px;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .recipe .recipe__list--small + .recipe__block--heading {
    margin-top: 15.625vw;
  }
}
#lp__container .recipe .recipe__small {
  position: relative;
}
@media screen and (min-width: 768px) {
  #lp__container .recipe .recipe__small {
    max-width: 315px;
  }
}
#lp__container .recipe .recipe__small .recipe__small--mark {
  position: absolute;
}
@media screen and (min-width: 768px) {
  #lp__container .recipe .recipe__small .recipe__small--mark {
    right: 4px;
    top: 4px;
    max-width: 61px;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .recipe .recipe__small .recipe__small--mark {
    width: 14.0625vw;
    top: 0.3125vw;
    right: 0.78125vw;
  }
}
#lp__container .recipe .recipe__small .recipe__small--comment {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 768px) {
  #lp__container .recipe .recipe__small .recipe__small--comment {
    width: 307px;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .recipe .recipe__small .recipe__small--comment {
    width: 85.625vw;
  }
}
#lp__container .recipe .recipe__small .recipe__small--time {
  display: flex;
  align-items: center;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  #lp__container .recipe .recipe__small .recipe__small--time {
    font-size: 15px;
    margin-top: 10px;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .recipe .recipe__small .recipe__small--time {
    font-size: 3.125vw;
    margin-top: 1.5625vw;
  }
}
#lp__container .recipe .recipe__small .recipe__small--time::before {
  content: "";
  display: block;
}
@media screen and (min-width: 768px) {
  #lp__container .recipe .recipe__small .recipe__small--time::before {
    margin-right: 5px;
    width: 18px;
    height: 18px;
    background: url(../img/recipe__large--time.webp) no-repeat center/cover;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .recipe .recipe__small .recipe__small--time::before {
    margin-right: 1.09375vw;
    width: 3.75vw;
    height: 3.75vw;
    background: url(../img/recipe__large--time.sp.webp) no-repeat center/cover;
  }
}
#lp__container .recipe .recipe__small .recipe__small--title {
  font-weight: bold;
  line-height: 1.4444444444;
  text-align: center;
}
@media screen and (min-width: 768px) {
  #lp__container .recipe .recipe__small .recipe__small--title {
    font-size: 18px;
    min-height: 5em;
    margin-top: 10px;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .recipe .recipe__small .recipe__small--title {
    font-size: 4.6875vw;
    margin-top: 1.5625vw;
  }
}
@media screen and (min-width: 768px) {
  #lp__container .recipe .recipe__small .recipe__small--button {
    font-size: 13px;
    display: flex;
    justify-content: center;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .recipe .recipe__small .recipe__small--button {
    display: flex;
    justify-content: center;
    margin-top: 7.8125vw;
    font-size: 3.4375vw;
  }
}
#lp__container .recipe .recipe__more {
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  #lp__container .recipe .recipe__more {
    max-width: 751px;
    margin-top: 75px;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .recipe .recipe__more {
    width: 91.09375vw;
    margin-top: 11.71875vw;
  }
}
#lp__container .recipe .recipe__more--link {
  display: block;
}
@media screen and (min-width: 768px) {
  #lp__container .recipe .recipe__more--link {
    width: 100%;
    transition: opacity 0.3s ease;
  }
  #lp__container .recipe .recipe__more--link:hover {
    opacity: 0.7;
  }
}
#lp__container .banner__area .banner__area--border {
  display: block;
}
@media screen and (min-width: 768px) {
  #lp__container .banner__area .banner__area--border {
    width: 100%;
  }
}
#lp__container .banner__area .banner__area--border::before {
  content: "";
  display: block;
  background: #9d4b9f;
}
@media screen and (min-width: 768px) {
  #lp__container .banner__area .banner__area--border::before {
    height: 2px;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .banner__area .banner__area--border::before {
    height: 0.3125vw;
  }
}
#lp__container .banner__area .banner__area--border::after {
  content: "";
  display: block;
  margin-top: 3px;
  background: #cba12f;
}
@media screen and (min-width: 768px) {
  #lp__container .banner__area .banner__area--border::after {
    height: 2px;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .banner__area .banner__area--border::after {
    height: 0.3125vw;
  }
}
@media screen and (min-width: 768px) {
  #lp__container .banner__area .banner__area--inner {
    padding-top: 85px;
    padding-bottom: 105px;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .banner__area .banner__area--inner {
    padding-top: 10.9375vw;
    padding-bottom: 12.5vw;
  }
}
#lp__container .banner__area .banner__area--heading01 {
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  #lp__container .banner__area .banner__area--heading01 {
    width: 784px;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .banner__area .banner__area--heading01 {
    width: 73.90625vw;
  }
}
#lp__container .banner__area .banner__area--heading02 {
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  #lp__container .banner__area .banner__area--heading02 {
    width: 588px;
    margin-top: 95px;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .banner__area .banner__area--heading02 {
    margin-top: 11.71875vw;
    width: 53.90625vw;
  }
}
#lp__container .banner__area .banner__list {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  #lp__container .banner__area .banner__list {
    margin-top: 45px;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .banner__area .banner__list {
    margin-top: 6.25vw;
  }
}
@media screen and (min-width: 768px) {
  #lp__container .banner__area .banner__item {
    max-width: 1000px;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .banner__area .banner__item {
    width: 82.5vw;
  }
}
@media screen and (min-width: 768px) {
  #lp__container .banner__area .banner__item:not(:first-of-type) {
    margin-top: 35px;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .banner__area .banner__item:not(:first-of-type) {
    margin-top: 4.6875vw;
  }
}
@media screen and (min-width: 768px) {
  #lp__container .banner__area .banner__link {
    transition: opacity 0.3s;
  }
  #lp__container .banner__area .banner__link:hover {
    opacity: 0.7;
  }
}
@media screen and (min-width: 768px) {
  #lp__container .banner__area .banner__home {
    max-width: 582px;
  }
}
#lp__container .question {
  position: relative;
  background-color: #f5edf5;
}
#lp__container .question .question__border {
  display: block;
}
@media screen and (min-width: 768px) {
  #lp__container .question .question__border {
    width: 100%;
  }
}
#lp__container .question .question__border::before {
  content: "";
  display: block;
  background: #9d4b9f;
}
@media screen and (min-width: 768px) {
  #lp__container .question .question__border::before {
    height: 2px;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .question .question__border::before {
    height: 0.3125vw;
  }
}
#lp__container .question .question__border::after {
  content: "";
  display: block;
  margin-top: 3px;
  background: #cba12f;
}
@media screen and (min-width: 768px) {
  #lp__container .question .question__border::after {
    height: 2px;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .question .question__border::after {
    height: 0.3125vw;
  }
}
@media screen and (min-width: 768px) {
  #lp__container .question .question__inner {
    padding-top: 55px;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .question .question__inner {
    padding-top: 4.6875vw;
    padding-bottom: 4.6875vw;
    padding-left: 4.6875vw;
    padding-right: 4.6875vw;
  }
}
#lp__container .question .question__heading {
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  #lp__container .question .question__heading {
    width: 399px;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .question .question__heading {
    width: 52.96875vw;
  }
}
#lp__container .question .question__card {
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  #lp__container .question .question__card {
    gap: 25px;
    margin-top: 70px;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .question .question__card {
    gap: 1.5625vw;
    margin-top: 6.25vw;
  }
}
@media screen and (min-width: 768px) {
  #lp__container .question .question__card--item {
    width: 472px;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .question .question__card--item {
    width: 44.0625vw;
  }
}
#lp__container .question .question__lead {
  font-weight: 500;
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  #lp__container .question .question__lead {
    text-align: center;
    font-size: 20px;
    margin-top: 50px;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .question .question__lead {
    font-size: 4.0625vw;
    margin-top: 4.6875vw;
  }
}
@media screen and (min-width: 768px) {
  #lp__container .question .question__list--wrapper {
    background-color: #fff;
    max-width: 1035px;
    margin-inline: auto;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-top: 60px;
  }
}
@media screen and (min-width: 768px) {
  #lp__container .question .question__list--title {
    width: 883px;
    margin-inline: auto;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .question .question__list--title {
    background: #fff;
    height: 14.84375vw;
    padding-left: 3.125vw;
    padding-right: 3.125vw;
    margin-top: 4.6875vw;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media screen and (min-width: 768px) {
  #lp__container .question .question__list {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-top: 25px;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .question .question__list {
    background-color: #fff;
    padding-bottom: 3.125vw;
  }
}
@media screen and (min-width: 768px) {
  #lp__container .question .question__item {
    width: 238px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .question .question__item {
    display: flex;
    align-items: center;
  }
  #lp__container .question .question__item:not(:first-of-type) {
    margin-top: 3.125vw;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .question .question__item--image {
    flex-shrink: 0;
    width: 37.1875vw;
    margin-right: 2.96875vw;
  }
}
#lp__container .question .question__item--title {
  font-weight: 600;
  line-height: 1.3333333333;
}
@media screen and (min-width: 768px) {
  #lp__container .question .question__item--title {
    font-size: 18px;
    height: 65px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .question .question__item--title {
    font-size: 3.75vw;
  }
}
#lp__container .question .question__item--text {
  line-height: 1.4375;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  #lp__container .question .question__item--text {
    text-align: center;
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .question .question__item--text {
    font-size: 3.75vw;
  }
}
#lp__container .question .question__item--text::before {
  content: "";
  display: block;
  background-color: #cba12f;
}
@media screen and (min-width: 768px) {
  #lp__container .question .question__item--text::before {
    width: 191px;
    height: 1px;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .question .question__item--text::before {
    width: 100%;
    height: 1px;
    margin-top: 2.34375vw;
    margin-bottom: 2.34375vw;
  }
}
@media screen and (min-width: 768px) {
  #lp__container .question .question__bottle {
    max-width: 1035px;
    margin-top: 100px;
    margin-inline: auto;
    height: 370px;
    background: url(../img/question__bottle.webp) no-repeat center/cover;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .question .question__bottle {
    width: 90.625vw;
    min-height: 81.25vw;
    margin-inline: auto;
    margin-top: 3.125vw;
    background: url(../img/question__bottle.sp.webp) no-repeat center/cover;
  }
}
@media screen and (min-width: 768px) {
  #lp__container .question .question__bottle--inner {
    display: flex;
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 70px;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .question .question__bottle--inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 3.90625vw;
    padding-bottom: 3.125vw;
  }
}
@media screen and (min-width: 768px) {
  #lp__container .question .question__bottle--image {
    max-width: 427px;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .question .question__bottle--image {
    width: 56.25vw;
  }
}
@media screen and (min-width: 768px) {
  #lp__container .question .question__bottle--contents {
    margin-left: 40px;
  }
}
@media screen and (min-width: 768px) {
  #lp__container .question .question__bottle--title {
    max-width: 293px;
    padding-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .question .question__bottle--title {
    margin-inline: auto;
    margin-top: 3.125vw;
    width: 49.6875vw;
  }
}
#lp__container .question .question__bottle--border {
  background-color: #dd0823;
}
@media screen and (min-width: 768px) {
  #lp__container .question .question__bottle--border {
    width: 90px;
    height: 1px;
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .question .question__bottle--border {
    width: 80.15625vw;
    height: 1px;
    margin-inline: auto;
    margin-top: 2.34375vw;
    margin-bottom: 2.34375vw;
  }
}
#lp__container .question .question__bottle--text {
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  #lp__container .question .question__bottle--text {
    line-height: 1.7;
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .question .question__bottle--text {
    line-height: 1.3333333333;
    text-align: center;
    font-size: 3.75vw;
  }
}
@media screen and (min-width: 768px) {
  #lp__container .question .question__nickname {
    position: relative;
    width: 952px;
    margin-inline: auto;
    margin-top: 90px;
    padding-bottom: 55px;
  }
}
@media screen and (min-width: 768px) {
  #lp__container .question .question__nickname--title {
    width: 727px;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .question .question__nickname--title {
    margin-top: 5.46875vw;
  }
}
@media screen and (min-width: 768px) {
  #lp__container .question .question__nickname--wrapper {
    background: #fff;
    padding-top: 35px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
    margin-top: 30px;
  }
}
@media screen and (min-width: 768px) {
  #lp__container .question .question__nickname--text {
    width: 479px;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .question .question__nickname--text {
    margin-top: 2.34375vw;
  }
}
#lp__container .question .question__nickname--person {
  position: absolute;
}
@media screen and (min-width: 768px) {
  #lp__container .question .question__nickname--person {
    width: 451px;
    bottom: 0;
    right: -30px;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .question .question__nickname--person {
    display: none;
  }
}
#lp__container .products {
  position: relative;
  background-color: #fff;
}
#lp__container .products .products__border {
  display: block;
}
@media screen and (min-width: 768px) {
  #lp__container .products .products__border {
    width: 100%;
  }
}
#lp__container .products .products__border::before {
  content: "";
  display: block;
  background: #9d4b9f;
}
@media screen and (min-width: 768px) {
  #lp__container .products .products__border::before {
    height: 2px;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .products .products__border::before {
    height: 0.3125vw;
  }
}
#lp__container .products .products__border::after {
  content: "";
  display: block;
  margin-top: 3px;
  background: #cba12f;
}
@media screen and (min-width: 768px) {
  #lp__container .products .products__border::after {
    height: 2px;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .products .products__border::after {
    height: 0.3125vw;
  }
}
@media screen and (min-width: 768px) {
  #lp__container .products .products__inner {
    padding-top: 55px;
    padding-bottom: 80px;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .products .products__inner {
    padding-top: 6.25vw;
    padding-bottom: 4.6875vw;
  }
}
#lp__container .products .products__heading {
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  #lp__container .products .products__heading {
    width: 174px;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .products .products__heading {
    width: 27.03125vw;
  }
}
@media screen and (min-width: 768px) {
  #lp__container .products .products__flex {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    margin-top: 35px;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .products .products__flex {
    margin-top: 4.6875vw;
    padding-right: 4.6875vw;
    padding-left: 4.6875vw;
  }
}
@media screen and (min-width: 768px) {
  #lp__container .products .products__image {
    display: flex;
    width: 322px;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .products .products__image {
    margin-inline: auto;
    width: 67.8125vw;
  }
}
@media screen and (min-width: 768px) {
  #lp__container .products .products__flex--contents {
    margin-left: 90px;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .products .products__flex--contents {
    margin-top: 6.25vw;
  }
}
#lp__container .products .products__flex--title {
  line-height: 1.3571428571;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  #lp__container .products .products__flex--title {
    font-size: 28px;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .products .products__flex--title {
    text-align: center;
    font-size: 5vw;
  }
}
#lp__container .products .products__flex--text {
  line-height: 1.7777777778;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  #lp__container .products .products__flex--text {
    margin-top: 25px;
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .products .products__flex--text {
    font-size: 3.4375vw;
    margin-top: 4.6875vw;
  }
}
@media screen and (min-width: 768px) {
  #lp__container .products .products__button {
    margin-top: 30px;
    font-size: 13px;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .products .products__button {
    display: flex;
    justify-content: center;
    margin-top: 7.03125vw;
  }
}
#lp__container .modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10001;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease, visibility 0.5s ease;
}
#lp__container .modal.is-active {
  opacity: 1;
  visibility: visible;
}
#lp__container .modal .modal__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(206, 165, 207, 0.23);
  z-index: 1;
}
#lp__container .modal .modal__scroll {
  position: relative;
  z-index: 2;
  width: 100%;
  overflow: hidden;
  overflow-y: scroll;
}
@media screen and (min-width: 768px) {
  #lp__container .modal .modal__scroll {
    pointer-events: none;
  }
}
@media screen and (min-width: 768px) {
  #lp__container .modal .modal__scroll--body {
    padding: calc(var(--vw) * 11.53846) 0;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .modal .modal__scroll--body {
    padding: 18.6666666667vw 6.6666666667vw;
  }
}
#lp__container .modal .modal__close {
  pointer-events: auto;
}
@media screen and (min-width: 768px) {
  #lp__container .modal .modal__close {
    cursor: pointer;
    position: fixed;
    top: 180px;
    right: 100px;
    width: 50px;
    transform: translateY(calc(-100% - 15px));
  }
}
@media screen and (max-width: 767px) {
  #lp__container .modal .modal__close {
    position: fixed;
    right: 2.6666666667vw;
    top: 21.3333333333vw;
    width: 7.8125vw;
    transform: translateY(calc(-100% - 5px));
  }
}
#lp__container .modal .modal__inner {
  pointer-events: auto;
  background: #fff;
  position: relative;
  box-shadow: calc(var(--vw) * 0) calc(var(--vw) * 0) calc(var(--vw) * 1) rgba(0, 0, 0, 0.15);
}
@media screen and (min-width: 768px) {
  #lp__container .modal .modal__inner {
    width: calc(var(--vw) * 80.92308);
    border-radius: calc(var(--vw) * 1.53846);
    -webkit-box-shadow: calc(var(--vw) * 0) calc(var(--vw) * 0) calc(var(--vw) * 1) rgba(0, 0, 0, 0.15);
    margin-inline: auto;
    padding: calc(var(--vw) * 5) calc(var(--vw) * 13.46154);
    position: relative;
    width: calc(var(--vw) * 80.92308);
  }
}
@media screen and (max-width: 767px) {
  #lp__container .modal .modal__inner {
    background-color: #fff;
    border-radius: 2.6666666667vw;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    margin-inline: auto;
    padding: 6.6666666667vw;
    position: relative;
  }
}
#lp__container .modal .modal__title {
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  #lp__container .modal .modal__title {
    width: calc(var(--vw) * 12.1428571429);
    margin-bottom: 4.3795620438%;
  }
}
@media screen and (min-width: 1400px) {
  #lp__container .modal .modal__title {
    width: 170px;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .modal .modal__title {
    width: 24.21875vw;
    margin-bottom: 7.8125vw;
  }
}
@media screen and (min-width: 768px) {
  #lp__container .modal .modal__contents {
    display: grid;
    gap: calc(var(--vw) * 1.84615);
  }
}
@media screen and (max-width: 767px) {
  #lp__container .modal .modal__contents {
    display: grid;
    gap: 5.3333333333vw;
  }
}
#lp__container .modal .modal__text {
  position: relative;
}
@media screen and (min-width: 768px) {
  #lp__container .modal .modal__text {
    font-size: calc(var(--vw) * 1.23077);
    font-weight: 700;
    letter-spacing: 0.045em;
    line-height: 1.76;
    padding-left: calc(var(--vw) * 2.76923);
  }
}
@media screen and (min-width: 1367px) {
  #lp__container .modal .modal__text {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .modal .modal__text {
    font-size: 3.4666666667vw;
    font-weight: 700;
    letter-spacing: 0.045em;
    line-height: 1.76;
    padding-left: 5.8666666667vw;
    position: relative;
  }
}
@media screen and (min-width: 768px) {
  #lp__container .modal .modal__text--question::before {
    content: "Q.";
    display: block;
    font-size: calc(var(--vw) * 1.69231);
    left: 0;
    position: absolute;
    top: -0.35em;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .modal .modal__text--question::before {
    content: "Q.";
    display: block;
    font-size: 3.4666666667vw;
    left: 0;
    position: absolute;
    top: -0.1em;
  }
}
#lp__container .modal .modal__text--answer {
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  #lp__container .modal .modal__text--answer::before {
    content: "A.";
    display: block;
    font-size: calc(var(--vw) * 1.69231);
    left: 0;
    position: absolute;
    top: -0.35em;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .modal .modal__text--answer::before {
    content: "A.";
    display: block;
    font-size: 3.4666666667vw;
    left: 0;
    position: absolute;
    top: -0.1em;
  }
}
#lp__container .modal .modal__text--blue {
  color: #2c2360;
}
#lp__container .modal .modal__text--purple {
  color: #9d4b9f;
}
#lp__container .youtube__modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10001;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease, visibility 0.5s ease;
  display: flex;
  justify-content: center;
  align-items: center;
}
#lp__container .youtube__modal.is-active {
  opacity: 1;
  visibility: visible;
}
#lp__container .youtube__modal .youtube__modal--bg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.7);
}
#lp__container .youtube__modal .youtube__modal--close {
  position: absolute;
  right: 0;
  transform: translateY(calc(-100% - 5px));
}
@media screen and (min-width: 768px) {
  #lp__container .youtube__modal .youtube__modal--close {
    top: 0;
    width: 45px;
    height: 45px;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .youtube__modal .youtube__modal--close {
    width: 12vw;
    height: 12vw;
  }
}
#lp__container .youtube__modal .youtube__modal--close::before {
  content: "";
  display: block;
  background-color: #fff;
  transform: rotate(45deg) translateY(-50%);
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 2px;
}
#lp__container .youtube__modal .youtube__modal--close::after {
  content: "";
  display: block;
  background-color: #fff;
  transform: rotate(-45deg) translateY(-50%);
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 2px;
}
#lp__container .youtube__modal .youtube__modal--inner {
  margin-inline: auto;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  #lp__container .youtube__modal .youtube__modal--inner {
    width: 62.1428571429vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp__container .youtube__modal .youtube__modal--inner {
    width: 870px;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .youtube__modal .youtube__modal--inner {
    width: 100vw;
    height: 56vw;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .youtube__modal .youtube__modal--inner iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
}
@media screen and (min-width: 768px) {
  #lp__container .youtube__modal .youtube__movie iframe {
    width: 62.1428571429vw;
    height: 35vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp__container .youtube__modal .youtube__movie iframe {
    width: 870px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp__container .youtube__modal .youtube__movie iframe {
    height: 490px;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .youtube__modal .youtube__movie iframe {
    width: 100vw;
    height: 56.25vw;
  }
}
#lp__container [data-anime=fadeup] {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.5s ease, transform 0.5s ease;
}
#lp__container [data-anime=fadeup].is-active {
  opacity: 1;
  transform: translateY(0);
}
#lp__container [data-anime=fadein] {
  opacity: 0;
  transition: opacity 0.5s ease;
}
#lp__container [data-anime=fadein].is-active {
  opacity: 1;
}
#lp__container .anchor {
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
}
@media screen and (min-width: 768px) {
  #lp__container .anchor {
    top: -90px;
  }
}
@media screen and (max-width: 767px) {
  #lp__container .anchor {
    top: -45px;
  }
}