/* stylelint-disable no-descending-specificity */
/* stylelint-disable scss/no-global-function-names */
@media (max-width: 1400px) and (min-width: 768px) {
  html {
    font-size: 0.7142857143vw;
  }
}

.landing-page {
  --color-black: #000;
  --color-brown: #706d54;
  --color-orange: #f0a04b;
  --color-white: #fff;
  --font-classico: 'classico-urw', sans-serif;
  --font-pragmatica: 'pragmatica', sans-serif;
  overflow-x: hidden;
}
@media (min-width: 768px) {
  .landing-page {
    --rate: 0.1rem;
  }
}
@media (max-width: 767.98px) {
  .landing-page {
    --rate: 100vw / 750;
  }
}

.landing-page * {
  box-sizing: border-box;
  font-feature-settings: 'palt';
  line-height: 1;
}

.landing-page a {
  display: var(--display, block);
}

.landing-page img,
.landing-page picture {
  display: block;
}

.landing-page img,
.landing-page svg {
  width: 100%;
  height: auto;
  image-rendering: optimizequality;
}

.landing-page .animation-fade {
  visibility: hidden;
  opacity: 0;
  transition: all 1s ease-in-out;
}

.landing-page .animation-fade.is-show {
  visibility: visible;
  opacity: 1;
}

.landing-page .animation-fadeVr {
  visibility: hidden;
  opacity: 0;
  transition: all 1s ease-in-out;
  transform: translateY(10%);
}

.landing-page .animation-fadeVr.is-show {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}

.landing-page .animation-delay {
  transition-delay: 0.2s;
}

.landing-page .animation-delay--second {
  transition-delay: 0.4s;
}

.landing-page .animation-delay--third {
  transition-delay: 0.6s;
}
@media (min-width: 768px) {
  .landing-page .only-sp {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .landing-page .without-sp {
    display: none;
  }
}

.landing-page__button {
  font-family: var(--font-classico);
  color: var(--color-brown);
}

.landing-page__button a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--button-width);
  height: var(--button-height);
  margin-inline: auto;
  border: 1px solid var(--color-brown);
}
@media (min-width: 768px) {
  .landing-page__button a {
    padding-right: calc(10 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page__button a {
    padding-right: calc(20 * var(--rate));
  }
}

.landing-page__button a::before {
  position: absolute;
  top: 0;
  right: var(--button-before-right);
  bottom: 0;
  margin-block: auto;
  content: '';
  background: url(../images/arrow.svg) no-repeat center/contain;
}
@media (min-width: 768px) {
  .landing-page__button a::before {
    width: var(--button-arrow-width, calc(10 * var(--rate)));
    height: var(--button-arrow-height, calc(25 * var(--rate)));
  }
}
@media (max-width: 767.98px) {
  .landing-page__button a::before {
    width: var(--button-arrow-width, calc(15 * var(--rate)));
    height: var(--button-arrow-height, calc(37 * var(--rate)));
  }
}

.landing-page__button-text {
  font-size: var(--button-font-size);
  letter-spacing: var(--button-letter-spacing);
}
@media (min-width: 768px) {
  .landing-page__button-text {
    padding-bottom: var(--button-padding-bottom, calc(4 * var(--rate)));
  }
}
@media (max-width: 767.98px) {
  .landing-page__button-text {
    padding-bottom: var(--button-padding-bottom, calc(6 * var(--rate)));
  }
}
@media (min-width: 768px) {
  .landing-page .hero__image {
    width: calc(1000 * var(--rate));
    margin-inline: auto;
  }
}

.landing-page .hero .landing-page__button {
  margin-top: calc(85 * var(--rate));
}
@media (min-width: 768px) {
  .landing-page .hero .landing-page__button a {
    --button-width: calc(300 * var(--rate));
    --button-height: calc(64 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .hero .landing-page__button a {
    --button-width: calc(450 * var(--rate));
    --button-height: calc(96 * var(--rate));
  }
}
@media (min-width: 768px) {
  .landing-page .hero .landing-page__button a::before {
    --button-before-right: calc(20 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .hero .landing-page__button a::before {
    --button-before-right: calc(27 * var(--rate));
  }
}

.landing-page .hero .landing-page__button-text {
  --button-letter-spacing: 0.015em;
}
@media (min-width: 768px) {
  .landing-page .hero .landing-page__button-text {
    --button-font-size: calc(27 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .hero .landing-page__button-text {
    --button-font-size: calc(42 * var(--rate));
  }
}

.landing-page .campaign-section {
  padding-block: calc(40 * var(--rate));
  background: url(../images/background_01.jpg) no-repeat center/cover;
}
@media (min-width: 768px) {
  .landing-page .campaign-section {
    margin-top: calc(76 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .campaign-section {
    padding-inline: calc(25 * var(--rate));
    margin-top: calc(100 * var(--rate));
  }
}

.landing-page .campaign-section__inner {
  text-align: center;
  background-color: rgba(255, 255, 255, 0.5);
}
@media (min-width: 768px) {
  .landing-page .campaign-section__inner {
    width: calc(680 * var(--rate));
    padding-block: calc(35 * var(--rate)) calc(36 * var(--rate));
    margin-inline: auto;
    border-radius: calc(10 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .campaign-section__inner {
    padding-block: calc(58 * var(--rate)) calc(53 * var(--rate));
    border-radius: calc(15 * var(--rate));
  }
}

.landing-page .campaign-section__title {
  font-family: var(--font-classico);
  color: var(--color-brown);
}

.landing-page .campaign-section__title > span {
  display: inline-block;
}

.landing-page .campaign-section__title--sub {
  position: relative;
  letter-spacing: 0.015em;
}
@media (min-width: 768px) {
  .landing-page .campaign-section__title--sub {
    padding-inline: calc(12 * var(--rate));
    font-size: calc(16 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .campaign-section__title--sub {
    padding-inline: calc(26 * var(--rate));
    font-size: calc(28 * var(--rate));
  }
}

.landing-page .campaign-section__title--sub::before,
.landing-page .campaign-section__title--sub::after {
  position: absolute;
  bottom: 0;
  display: block;
  margin-block: auto;
  content: '';
  background: url(../images/bracket.svg) no-repeat center/contain;
}
@media (min-width: 768px) {
  .landing-page .campaign-section__title--sub::before,
  .landing-page .campaign-section__title--sub::after {
    top: calc(1 * var(--rate));
    width: calc(7 * var(--rate));
    height: calc(15 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .campaign-section__title--sub::before,
  .landing-page .campaign-section__title--sub::after {
    top: calc(3 * var(--rate));
    width: calc(16 * var(--rate));
    height: calc(30 * var(--rate));
  }
}

.landing-page .campaign-section__title--sub::before {
  left: 0;
  transform: scale(-1, 1);
}

.landing-page .campaign-section__title--sub::after {
  right: 0;
}

.landing-page .campaign-section__title--main {
  font-family: var(--font-classico);
}
@media (min-width: 768px) {
  .landing-page .campaign-section__title--main {
    padding-left: calc(-1 * var(--rate));
    margin-top: calc(24 * var(--rate));
    font-size: calc(32 * var(--rate));
    letter-spacing: 0.025em;
  }
}
@media (max-width: 767.98px) {
  .landing-page .campaign-section__title--main {
    margin-top: calc(39 * var(--rate));
    font-size: calc(50 * var(--rate));
    letter-spacing: 0.025em;
  }
}

.landing-page .campaign-section__title--main .bracket {
  letter-spacing: inherit;
}
@media (min-width: 768px) {
  .landing-page .campaign-section__title--main .bracket {
    font-size: calc(13 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .campaign-section__title--main .bracket {
    font-size: calc(23 * var(--rate));
  }
}

.landing-page .campaign-section__title--main .hyphen {
  position: relative;
  letter-spacing: inherit;
}
@media (min-width: 768px) {
  .landing-page .campaign-section__title--main .hyphen {
    top: calc(-2 * var(--rate));
    font-size: calc(26 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .campaign-section__title--main .hyphen {
    top: calc(-7 * var(--rate));
    font-size: calc(42 * var(--rate));
  }
}

.landing-page .campaign-section__title--main .day {
  letter-spacing: 0.04em;
}
@media (min-width: 768px) {
  .landing-page .campaign-section__title--main .day {
    font-size: calc(17 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .campaign-section__title--main .day {
    font-size: calc(30 * var(--rate));
  }
}

.landing-page .campaign-section__description {
  line-height: 2;
  color: var(--color-brown);
}
@media (min-width: 768px) {
  .landing-page .campaign-section__description {
    margin-top: calc(28 * var(--rate));
    font-size: calc(15 * var(--rate));
    letter-spacing: 0.05em;
  }
}
@media (max-width: 767.98px) {
  .landing-page .campaign-section__description {
    margin-top: calc(43 * var(--rate));
    font-size: calc(22 * var(--rate));
    letter-spacing: 0.075em;
  }
}

.landing-page .info-card {
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
}
@media (min-width: 768px) {
  .landing-page .info-card {
    padding-top: var(--info-card-padding-top);
    padding-bottom: var(--info-card-padding-bottom, calc(49 * var(--rate)));
    border-radius: calc(10 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .info-card {
    padding-top: var(--info-card-padding-top);
    padding-bottom: var(--info-card-padding-bottom, calc(40 * var(--rate)));
    border-radius: calc(15 * var(--rate));
  }
}

.landing-page .info-card__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: end;
  height: 100%;
}

.landing-page .info-card__title {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-family: var(--font-classico);
  color: var(--color-brown);
}
@media (min-width: 768px) {
  .landing-page .info-card__title {
    row-gap: var(--info-card-row-gap, calc(11 * var(--rate)));
  }
}
@media (max-width: 767.98px) {
  .landing-page .info-card__title {
    row-gap: var(--info-card-row-gap, calc(16 * var(--rate)));
  }
}

.landing-page .info-card__title--main {
  letter-spacing: 0.025em;
}
@media (min-width: 768px) {
  .landing-page .info-card__title--main {
    font-size: calc(20 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .info-card__title--main {
    font-size: var(--info-card-title-main-font-size, calc(26 * var(--rate)));
  }
}

.landing-page .info-card__title--slash {
  position: relative;
  display: block;
  width: var(--info-card-title-slash-width, calc(10 * var(--rate)));
  height: var(--info-card-title-slash-height, calc(22 * var(--rate)));
}
@media (min-width: 768px) {
  .landing-page .info-card__title--slash {
    top: calc(4 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .info-card__title--slash {
    top: calc(5 * var(--rate));
  }
}

.landing-page .info-card__title--slash::after {
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  content: '';
  background-color: var(--color-brown);
  transform: rotate(25deg);
  transform-origin: top right;
}

.landing-page .info-card__title--num {
  letter-spacing: 0.015em;
}
@media (min-width: 768px) {
  .landing-page .info-card__title--num {
    font-size: calc(36 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .info-card__title--num {
    font-size: var(--info-card-title-num-font-size, calc(44 * var(--rate)));
  }
}

.landing-page .info-card__title--decorated {
  color: var(--color-orange);
}

.landing-page .info-card__title--decorated .info-card__title--slash::after {
  background-color: var(--color-orange);
}

.landing-page .info-card__sub-title {
  font-family: var(--font-classico);
  font-size: var(--info-card-sub-title-font-size);
  letter-spacing: var(--info-card-sub-title-letter-spacing);
}

.landing-page .info-card__logo {
  padding-inline: var(--info-card-logo-padding-inline);
  margin-top: var(--info-card-logo-margin-top);
}

.landing-page .info-card__link {
  position: relative;
  margin-top: auto;
  font-family: var(--font-classico);
  color: var(--color-brown);
  letter-spacing: 0.015em;
}
@media (min-width: 768px) {
  .landing-page .info-card__link {
    padding-inline: calc(17 * var(--rate)) calc(20 * var(--rate));
    padding-bottom: calc(6 * var(--rate));
    font-size: calc(15 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .info-card__link {
    padding-inline: var(--info-card-link-padding-inline, calc(26 * var(--rate)));
    padding-bottom: calc(7 * var(--rate));
    font-size: var(--info-card-link-font-size, calc(24 * var(--rate)));
  }
}

.landing-page .info-card__link::after {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  content: '';
  background: no-repeat center/100%;
  background-image: url(../images/button-arrow.svg);
}
@media (min-width: 768px) {
  .landing-page .info-card__link::after {
    width: calc(80 * var(--rate));
    height: calc(5 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .info-card__link::after {
    width: var(--info-card-link-arrow-width, calc(120 * var(--rate)));
    height: var(--info-card-link-arrow-height, calc(6 * var(--rate)));
  }
}

.landing-page .info-card__link--decorated a {
  color: var(--color-orange);
}

.landing-page .info-card__link--decorated::after {
  background-image: url(../images/button-arrow-decorated.svg);
}

.landing-page .info-card__text {
  line-height: 2;
  text-align: center;
  letter-spacing: 0.05em;
}
@media (min-width: 768px) {
  .landing-page .info-card__text {
    margin-top: calc(34 * var(--rate));
    font-size: calc(14 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .info-card__text {
    padding-inline: calc(50 * var(--rate));
    margin-top: calc(33 * var(--rate));
    font-size: calc(24 * var(--rate));
  }
}
@media (min-width: 768px) {
  .landing-page .info-card__image {
    padding-inline: calc(220 * var(--rate));
    margin-top: calc(26 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .info-card__image {
    padding-inline: calc(110 * var(--rate));
    margin-top: calc(50 * var(--rate));
  }
}

.landing-page .info-card__price {
  line-height: 2;
  text-align: center;
}
@media (min-width: 768px) {
  .landing-page .info-card__price {
    margin-top: calc(17 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .info-card__price {
    margin-top: calc(39 * var(--rate));
  }
}

.landing-page .info-card__price span {
  display: inline-block;
}

.landing-page .info-card__price--num {
  font-family: var(--font-pragmatica);
  letter-spacing: 0.1em;
}
@media (min-width: 768px) {
  .landing-page .info-card__price--num {
    font-size: calc(14 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .info-card__price--num {
    font-size: calc(24 * var(--rate));
  }
}

.landing-page .info-card__price--tax {
  font-family: var(--font-pragmatica);
  letter-spacing: 0.1em;
}
@media (min-width: 768px) {
  .landing-page .info-card__price--tax {
    font-size: calc(12 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .info-card__price--tax {
    font-size: calc(24 * var(--rate));
  }
}

.landing-page .info-card__price--notation {
  letter-spacing: 0.05em;
}
@media (min-width: 768px) {
  .landing-page .info-card__price--notation {
    margin-top: calc(10 * var(--rate));
    font-size: calc(12 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .info-card__price--notation {
    margin-top: calc(24 * var(--rate));
    font-size: calc(22 * var(--rate));
  }
}
@media (min-width: 768px) {
  .landing-page .contents {
    margin-top: calc(100 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .contents {
    margin-top: calc(120 * var(--rate));
  }
}

.landing-page .contents__shell {
  display: grid;
  justify-content: center;
}

.landing-page .contents__shell--gap {
  row-gap: var(--shell-gap, calc(60 * var(--rate)));
}

.landing-page .contents__cell--one-column {
  margin-inline: auto;
}
@media (min-width: 768px) {
  .landing-page .contents__cell--one-column {
    width: var(--cell-one-column-width, calc(480 * var(--rate)));
  }
}
@media (max-width: 767.98px) {
  .landing-page .contents__cell--one-column {
    width: var(--cell-one-column-width, calc(680 * var(--rate)));
  }
}

.landing-page .contents__cell--decorated {
  padding-block: var(--cell-decorated-padding-block);
  padding-inline: var(--cell-decorated-padding-inline);
  background: no-repeat center/cover;
}

.landing-page .contents__list {
  display: var(--list-display, grid);
  grid-template-columns: var(--list-columns-wide) var(--list-columns-wide);
  gap: var(--list-gap);
  margin-inline: auto;
}
@media (min-width: 768px) {
  .landing-page .contents__list {
    justify-content: center;
  }
}

.landing-page .contents__item--decorated {
  background: no-repeat center/cover;
}
@media (min-width: 768px) {
  .landing-page .contents__item--decorated {
    padding-block: var(--info-card-padding-block, calc(38 * var(--rate)));
    padding-inline: var(--info-card-padding-inline, calc(30 * var(--rate)));
  }
}
@media (max-width: 767.98px) {
  .landing-page .contents__item--decorated {
    padding-block: var(--info-card-padding-block, calc(25 * var(--rate)));
    padding-inline: var(--info-card-padding-inline, calc(17 * var(--rate)));
  }
}

.landing-page .contents__item--link {
  cursor: pointer;
  transition: 0.3s;
}

.landing-page .contents__item--link:hover {
  opacity: 0.7;
}

.landing-page .contents__visual {
  position: relative;
}

.landing-page .contents__image,
.landing-page .contents__image-cell {
  background-color: var(--color-white);
}

.landing-page .contents__icon {
  position: absolute;
  z-index: 2;
  display: block;
  pointer-events: none;
  transition: transform 0.3s ease-in-out;
}
@media (min-width: 768px) {
  .landing-page .contents__icon {
    right: calc(10 * var(--rate));
    bottom: calc(10 * var(--rate));
    width: calc(25 * var(--rate));
    height: calc(25 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .contents__icon {
    right: calc(15 * var(--rate));
    bottom: calc(15 * var(--rate));
    width: calc(30 * var(--rate));
    height: calc(30 * var(--rate));
  }
}

.landing-page .contents__icon::before,
.landing-page .contents__icon::after {
  position: absolute;
  display: block;
  content: '';
  background-color: var(--color-white);
}

.landing-page .contents__icon::before {
  top: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  margin-block: auto;
}

.landing-page .contents__icon::after {
  right: 0;
  left: 0;
  width: 1px;
  height: 100%;
  margin-inline: auto;
}

.landing-page .contents__icon.is-rotate {
  transform: rotate(90deg);
}

.landing-page .contents__catch-text {
  margin-top: var(--catch-text-margin-top);
  font-family: var(--font-classico);
  color: var(--color-white);
  text-align: center;
}
@media (min-width: 768px) {
  .landing-page .contents__catch-text {
    font-size: calc(22 * var(--rate));
    line-height: 1.3636363636;
  }
}
@media (max-width: 767.98px) {
  .landing-page .contents__catch-text {
    font-size: calc(38 * var(--rate));
    line-height: 1.3157894737;
  }
}
@media (min-width: 768px) {
  .landing-page .contents__catch-text .season {
    margin-top: calc(6 * var(--rate));
    font-size: calc(20 * var(--rate));
    line-height: 1.5;
    letter-spacing: 0.015em;
  }
}
@media (max-width: 767.98px) {
  .landing-page .contents__catch-text .season {
    font-size: calc(36 * var(--rate));
    line-height: 1.3888888889;
    letter-spacing: 0.025em;
  }
}

.landing-page .contents__block:nth-child(n + 2) {
  margin-top: var(--block-margin-top, calc(140 * var(--rate)));
}

.landing-page .contents__block--01 .contents__cell--decorated {
  background-image: url(../images/background_02.jpg);
}
@media (min-width: 768px) {
  .landing-page .contents__block--01 .contents__cell--decorated {
    --cell-decorated-padding-block: calc(87 * var(--rate)) calc(18 * var(--rate));
    --cell-decorated-padding-inline: calc(70 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .contents__block--01 .contents__cell--decorated {
    --cell-decorated-padding-block: calc(125 * var(--rate)) calc(23 * var(--rate));
    --cell-decorated-padding-inline: calc(104 * var(--rate));
  }
}
@media (min-width: 768px) {
  .landing-page .contents__block--01 .contents__catch-text {
    --catch-text-margin-top: calc(9 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .contents__block--01 .contents__catch-text {
    --catch-text-margin-top: calc(12 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .contents__block--02 .contents__cell:last-child {
    overflow-x: auto;
  }
}
@media (min-width: 768px) {
  .landing-page .contents__block--02 .contents__list {
    --list-columns-wide: calc(340 * var(--rate));
    --list-gap: calc(20 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .contents__block--02 .contents__list {
    --list-display: flex;
  }
}
@media (min-width: 768px) {
  .landing-page .contents__block--03 .contents__list {
    --list-columns-wide: calc(360 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .contents__block--03 .contents__list {
    --list-columns-wide: 50%;
  }
}
@media (max-width: 767.98px) {
  .landing-page .contents__block--03 .contents__item:first-child .contents__image {
    margin-left: calc(-39 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .contents__block--03 .contents__item:last-child .contents__image {
    margin-right: calc(-39 * var(--rate));
  }
}
@media (min-width: 768px) {
  .landing-page .contents__block--04 .contents__list {
    --list-columns-wide: calc(360 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .contents__block--04 .contents__list {
    --list-columns-wide: 50%;
  }
}

.landing-page .contents__block--04 .contents__item--decorated {
  background-image: url(../images/background_03.jpg);
}
@media (max-width: 767.98px) {
  .landing-page .contents__block--04 .contents__item:first-child .contents__image {
    margin-left: calc(-5 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .contents__block--04 .contents__item:last-child .contents__image {
    margin-right: calc(-5 * var(--rate));
  }
}
@media (min-width: 768px) {
  .landing-page .contents__block--04 .info-card {
    --info-card-padding-top: calc(46 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .contents__block--04 .info-card {
    --info-card-padding-top: calc(39 * var(--rate));
  }
}
@media (min-width: 768px) {
  .landing-page .contents__block--04 .info-card__logo {
    --info-card-logo-padding-inline: calc(32 * var(--rate)) calc(28 * var(--rate));
    --info-card-logo-margin-top: calc(37 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .contents__block--04 .info-card__logo {
    --info-card-logo-padding-inline: calc(29 * var(--rate)) calc(27 * var(--rate));
    --info-card-logo-margin-top: calc(46 * var(--rate));
  }
}

.landing-page .contents__block--05 {
  --block-margin-top: calc(60 * var(--rate));
}
@media (max-width: 767.98px) {
  .landing-page .contents__block--05 .contents__shell {
    --shell-gap: calc(100 * var(--rate));
  }
}
@media (min-width: 768px) {
  .landing-page .contents__block--05 .contents__list {
    --list-columns-wide: calc(380 * var(--rate));
    --list-gap: calc(20 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .contents__block--05 .contents__list {
    --list-columns-wide: 50%;
  }
}

.landing-page .contents__block--05 .contents__item--decorated {
  background-image: url(../images/background_04.jpg);
}
@media (max-width: 767.98px) {
  .landing-page .contents__block--05 .contents__item--decorated {
    --info-card-padding-inline: calc(13 * var(--rate)) calc(22 * var(--rate));
    --info-card-padding-block: calc(24 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .contents__block--05 .contents__item:first-child .contents__image {
    margin-left: calc(-5 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .contents__block--05 .contents__item:last-child .contents__image {
    margin-right: calc(-5 * var(--rate));
  }
}
@media (min-width: 768px) {
  .landing-page .contents__block--05 .info-card {
    --info-card-padding-top: calc(71 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .contents__block--05 .info-card {
    --info-card-padding-top: calc(41 * var(--rate));
  }
}
@media (min-width: 768px) {
  .landing-page .contents__block--05 .info-card__logo {
    --info-card-logo-padding-inline: calc(14 * var(--rate)) calc(11 * var(--rate));
    --info-card-logo-margin-top: calc(33 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .contents__block--05 .info-card__logo {
    --info-card-logo-padding-inline: calc(14 * var(--rate)) calc(8 * var(--rate));
    --info-card-logo-margin-top: calc(54 * var(--rate));
  }
}

.landing-page .contents__block--06 .contents__cell--decorated {
  background-image: url(../images/background_05.jpg);
}
@media (min-width: 768px) {
  .landing-page .contents__block--06 .contents__cell--decorated {
    --cell-decorated-padding-block: calc(75 * var(--rate)) calc(21 * var(--rate));
    --cell-decorated-padding-inline: calc(60 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .contents__block--06 .contents__cell--decorated {
    --cell-decorated-padding-block: calc(112 * var(--rate)) calc(26 * var(--rate));
    --cell-decorated-padding-inline: calc(90 * var(--rate));
  }
}
@media (min-width: 768px) {
  .landing-page .contents__block--06 .contents__catch-text {
    --catch-text-margin-top: calc(24 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .contents__block--06 .contents__catch-text {
    --catch-text-margin-top: calc(37 * var(--rate));
  }
}
@media (min-width: 768px) {
  .landing-page .contents__block--07 .contents__list {
    --list-columns-wide: calc(360 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .contents__block--07 .contents__list {
    --list-columns-wide: 50%;
  }
}

.landing-page .contents__block--07 .contents__item--decorated {
  background-image: url(../images/background_06.jpg);
}
@media (max-width: 767.98px) {
  .landing-page .contents__block--07 .contents__item:first-child .contents__image {
    margin-left: calc(-5 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .contents__block--07 .contents__item:last-child .contents__image {
    margin-right: calc(-5 * var(--rate));
  }
}
@media (min-width: 768px) {
  .landing-page .contents__block--07 .info-card {
    --info-card-padding-top: calc(47 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .contents__block--07 .info-card {
    --info-card-padding-top: calc(40 * var(--rate));
  }
}
@media (min-width: 768px) {
  .landing-page .contents__block--07 .info-card__logo {
    --info-card-logo-padding-inline: calc(32 * var(--rate)) calc(27 * var(--rate));
    --info-card-logo-margin-top: calc(25 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .contents__block--07 .info-card__logo {
    --info-card-logo-padding-inline: calc(30 * var(--rate));
    --info-card-logo-margin-top: calc(36 * var(--rate));
  }
}

.landing-page .contents__block--08 .contents__cell--decorated {
  background-image: url(../images/background_07.jpg);
}
@media (min-width: 768px) {
  .landing-page .contents__block--08 .contents__cell--decorated {
    --cell-decorated-padding-block: calc(88 * var(--rate)) calc(18 * var(--rate));
    --cell-decorated-padding-inline: calc(70 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .contents__block--08 .contents__cell--decorated {
    --cell-decorated-padding-block: calc(125 * var(--rate)) calc(24 * var(--rate));
    --cell-decorated-padding-inline: calc(104 * var(--rate));
  }
}
@media (min-width: 768px) {
  .landing-page .contents__block--08 .contents__catch-text {
    --catch-text-margin-top: calc(8 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .contents__block--08 .contents__catch-text {
    --catch-text-margin-top: calc(11 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .contents__block--09 .contents__shell {
    --shell-gap: calc(80 * var(--rate));
  }
}
@media (min-width: 768px) {
  .landing-page .contents__block--09 .contents__list {
    --list-columns-wide: calc(340 * var(--rate));
    --list-gap: calc(20 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .contents__block--09 .contents__list {
    --list-columns-wide: 50%;
  }
}

.landing-page .contents__block--09 .contents__item--decorated {
  background-image: url(../images/background_08.jpg);
}
@media (min-width: 768px) {
  .landing-page .contents__block--09 .contents__item--decorated {
    --info-card-padding-inline: calc(22 * var(--rate));
    --info-card-padding-block: calc(28 * var(--rate)) calc(27 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .contents__block--09 .contents__item--decorated {
    --info-card-padding-inline: calc(17 * var(--rate)) calc(22 * var(--rate));
    --info-card-padding-block: calc(25 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .contents__block--09 .contents__item:nth-child(odd) .contents__image {
    margin-left: calc(-5 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .contents__block--09 .contents__item:nth-child(even) .contents__image {
    margin-right: calc(-5 * var(--rate));
  }
}
@media (min-width: 768px) {
  .landing-page .contents__block--09 .info-card {
    --info-card-padding-top: calc(43 * var(--rate));
    --info-card-padding-bottom: calc(46 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .contents__block--09 .info-card {
    --info-card-padding-top: calc(40 * var(--rate));
    --info-card-padding-bottom: calc(40 * var(--rate));
  }
}
@media (min-width: 768px) {
  .landing-page .contents__block--09 .info-card__logo {
    --info-card-logo-padding-inline: calc(35 * var(--rate));
    --info-card-logo-margin-top: calc(24 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .contents__block--09 .info-card__logo {
    --info-card-logo-padding-inline: calc(15 * var(--rate)) calc(18 * var(--rate));
    --info-card-logo-margin-top: calc(30 * var(--rate));
  }
}

.landing-page .contents__block--09 .info-card__sub-title {
  margin-top: calc(32 * var(--rate));
  --info-card-sub-title-letter-spacing: 0.01em;
}
@media (min-width: 768px) {
  .landing-page .contents__block--09 .info-card__sub-title {
    --info-card-sub-title-font-size: calc(20 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .contents__block--09 .info-card__sub-title {
    --info-card-sub-title-font-size: calc(26 * var(--rate));
  }
}
@media (min-width: 768px) {
  .landing-page .contents__block--10 .contents__cell--one-column {
    --cell-one-column-width: calc(580 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .contents__block--10 .contents__cell--one-column {
    --cell-one-column-width: 100%;
  }
}
@media (min-width: 768px) {
  .landing-page .contents__block--11 .contents__list {
    --list-columns-wide: calc(380 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .contents__block--11 .contents__list {
    --list-columns-wide: 50%;
  }
}

.landing-page .contents__block--11 .contents__item--decorated {
  background-image: url(../images/background_09.jpg);
}
@media (min-width: 768px) {
  .landing-page .contents__block--11 .contents__item--decorated {
    --info-card-padding-block: calc(38 * var(--rate)) calc(37 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .contents__block--11 .contents__item:first-child .contents__image {
    margin-left: calc(-5 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .contents__block--11 .contents__item:last-child .contents__image {
    margin-right: calc(-5 * var(--rate));
  }
}
@media (min-width: 768px) {
  .landing-page .contents__block--11 .info-card {
    --info-card-padding-top: calc(70 * var(--rate));
    --info-card-padding-bottom: calc(50 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .contents__block--11 .info-card {
    --info-card-padding-top: calc(40 * var(--rate));
  }
}
@media (min-width: 768px) {
  .landing-page .contents__block--11 .info-card__logo {
    --info-card-logo-padding-inline: calc(13 * var(--rate)) calc(11 * var(--rate));
    --info-card-logo-margin-top: calc(44 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .contents__block--11 .info-card__logo {
    --info-card-logo-padding-inline: calc(14 * var(--rate)) calc(13 * var(--rate));
    --info-card-logo-margin-top: calc(62 * var(--rate));
  }
}
@media (min-width: 768px) {
  .landing-page .contents__block--12 .contents__list {
    --list-columns-wide: calc(360 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .contents__block--12 .contents__list {
    --list-columns-wide: 50%;
  }
}
@media (max-width: 767.98px) {
  .landing-page .contents__block--12 .contents__item:first-child .contents__image {
    margin-left: calc(-37 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .contents__block--12 .contents__item:last-child .contents__image {
    margin-right: calc(-37 * var(--rate));
  }
}
@media (min-width: 768px) {
  .landing-page .contents__block--13 .contents__list {
    --list-columns-wide: calc(380 * var(--rate));
    --list-gap: calc(20 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .contents__block--13 .contents__list {
    --list-gap: calc(15 * var(--rate));
    width: calc(580 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .contents__block--13 .contents__item:last-child {
    grid-row: 2;
  }
}

.landing-page .contents__block--14 .contents__cell--decorated {
  background-image: url(../images/background_07.jpg);
}
@media (min-width: 768px) {
  .landing-page .contents__block--14 .contents__cell--decorated {
    --cell-decorated-padding-block: calc(62 * var(--rate)) calc(22 * var(--rate));
    --cell-decorated-padding-inline: calc(50 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .contents__block--14 .contents__cell--decorated {
    --cell-decorated-padding-block: calc(112 * var(--rate)) calc(26 * var(--rate));
    --cell-decorated-padding-inline: calc(90 * var(--rate));
  }
}
@media (min-width: 768px) {
  .landing-page .contents__block--14 .contents__catch-text {
    --catch-text-margin-top: calc(11 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .contents__block--14 .contents__catch-text {
    --catch-text-margin-top: calc(37 * var(--rate));
  }
}
@media (min-width: 768px) {
  .landing-page .contents__block--15 .contents__list {
    --list-columns-wide: calc(360 * var(--rate));
    --list-gap: calc(20 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .contents__block--15 .contents__list {
    --list-display: flex;
    --list-columns-wide: calc(480 * var(--rate));
  }
}
@media (min-width: 768px) {
  .landing-page .contents__block--15 .contents__catch-text {
    --catch-text-margin-top: calc(8 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .contents__block--15 .contents__catch-text {
    --catch-text-margin-top: calc(11 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .contents__block--16 .contents__cell:last-child {
    overflow-x: auto;
  }
}

.landing-page .contents__block--16 .contents__cell--decorated {
  background-image: url(../images/background_05.jpg);
}
@media (min-width: 768px) {
  .landing-page .contents__block--16 .contents__cell--decorated {
    --cell-decorated-padding-block: calc(87 * var(--rate)) calc(19 * var(--rate));
    --cell-decorated-padding-inline: calc(70 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .contents__block--16 .contents__cell--decorated {
    --cell-decorated-padding-block: calc(125 * var(--rate)) calc(24 * var(--rate));
    --cell-decorated-padding-inline: calc(104 * var(--rate));
  }
}
@media (min-width: 768px) {
  .landing-page .contents__block--16 .contents__catch-text {
    --catch-text-margin-top: calc(8 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .contents__block--16 .contents__catch-text {
    --catch-text-margin-top: calc(11 * var(--rate));
  }
}
@media (min-width: 768px) {
  .landing-page .contents__block--16 .contents__list {
    --list-columns-wide: calc(360 * var(--rate));
    --list-gap: calc(20 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .contents__block--16 .contents__list {
    --list-display: flex;
  }
}
@media (max-width: 767.98px) {
  .landing-page .contents__block--17 .contents__cell:last-child {
    overflow-x: auto;
  }
}
@media (min-width: 768px) {
  .landing-page .contents__block--17 .contents__list {
    --list-columns-wide: calc(380 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .contents__block--17 .contents__list {
    --list-display: flex;
  }
}
@media (min-width: 768px) {
  .landing-page .contents__block--17 + .landing-page__button {
    margin-top: calc(100 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .contents__block--17 + .landing-page__button {
    margin-top: calc(120 * var(--rate));
  }
}
@media (min-width: 768px) {
  .landing-page .contents__block--17 + .landing-page__button a {
    --button-width: calc(300 * var(--rate));
    --button-height: calc(64 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .contents__block--17 + .landing-page__button a {
    --button-width: calc(450 * var(--rate));
    --button-height: calc(96 * var(--rate));
  }
}
@media (min-width: 768px) {
  .landing-page .contents__block--17 + .landing-page__button a::before {
    --button-before-right: calc(20 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .contents__block--17 + .landing-page__button a::before {
    --button-before-right: calc(30 * var(--rate));
  }
}

.landing-page .contents__block--17 + .landing-page__button .landing-page__button-text {
  --button-letter-spacing: 0.015em;
}
@media (min-width: 768px) {
  .landing-page .contents__block--17 + .landing-page__button .landing-page__button-text {
    --button-font-size: calc(27 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .contents__block--17 + .landing-page__button .landing-page__button-text {
    --button-font-size: calc(42 * var(--rate));
  }
}

.landing-page .contents__block--18 {
  background: url(../images/background_10.jpg) no-repeat center/cover;
}
@media (min-width: 768px) {
  .landing-page .contents__block--18 {
    --block-margin-top: calc(120 * var(--rate));
    padding-block: calc(40 * var(--rate)) calc(45 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .contents__block--18 {
    padding-block: calc(40 * var(--rate));
    padding-inline: calc(25 * var(--rate));
  }
}
@media (min-width: 768px) {
  .landing-page .contents__block--18 .contents__cell {
    width: calc(680 * var(--rate));
    height: calc(815 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .contents__block--18 .contents__cell {
    height: calc(1440 * var(--rate));
  }
}
@media (min-width: 768px) {
  .landing-page .contents__block--18 .info-card {
    --info-card-padding-top: calc(44 * var(--rate));
    --info-card-padding-bottom: calc(42 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .contents__block--18 .info-card {
    --info-card-padding-top: calc(42 * var(--rate));
    --info-card-padding-bottom: calc(64 * var(--rate));
  }
}
@media (min-width: 768px) {
  .landing-page .contents__block--18 .info-card__logo {
    --info-card-logo-padding-inline: calc(204 * var(--rate)) calc(188 * var(--rate));
    --info-card-logo-margin-top: calc(33 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .contents__block--18 .info-card__logo {
    --info-card-logo-padding-inline: calc(105 * var(--rate)) calc(81 * var(--rate));
    --info-card-logo-margin-top: calc(38 * var(--rate));
  }
}
@media (min-width: 768px) {
  .landing-page .contents__block--18 .info-card__title {
    --info-card-row-gap: calc(9 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .contents__block--18 .info-card__title {
    --info-card-row-gap: calc(12 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .contents__block--18 .info-card__title--main {
    --info-card-title-main-font-size: calc(28 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .contents__block--18 .info-card__title--num {
    --info-card-title-num-font-size: calc(52 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .contents__block--18 .info-card__title--slash {
    --info-card-title-slash-width: calc(15 * var(--rate));
    --info-card-title-slash-height: calc(31 * var(--rate));
  }
}

.landing-page .contents__block--18 .info-card__sub-title {
  color: var(--color-brown);
}
@media (min-width: 768px) {
  .landing-page .contents__block--18 .info-card__sub-title {
    margin-top: calc(37 * var(--rate));
    --info-card-sub-title-font-size: calc(22 * var(--rate));
    --info-card-sub-title-letter-spacing: 0.025em;
  }
}
@media (max-width: 767.98px) {
  .landing-page .contents__block--18 .info-card__sub-title {
    margin-top: calc(73 * var(--rate));
    --info-card-sub-title-font-size: calc(46 * var(--rate));
    --info-card-sub-title-letter-spacing: 0.05em;
  }
}
@media (max-width: 767.98px) {
  .landing-page .contents__block--18 .info-card__link {
    --info-card-link-padding-inline: calc(36 * var(--rate));
    --info-card-link-font-size: calc(32 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .contents__block--18 .info-card__link::after {
    --info-card-link-arrow-width: calc(161 * var(--rate));
    --info-card-link-arrow-height: calc(8 * var(--rate));
  }
}
@media (min-width: 768px) {
  .landing-page .product {
    margin-top: calc(112 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .product {
    margin-top: calc(121 * var(--rate));
  }
}

.landing-page .product__title {
  font-family: var(--font-classico);
  color: var(--color-brown);
  text-align: center;
}

.landing-page .product__title--main {
  line-height: 1.3333333333;
  letter-spacing: 0.025em;
}
@media (min-width: 768px) {
  .landing-page .product__title--main {
    font-size: calc(36 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .product__title--main {
    font-size: calc(72 * var(--rate));
  }
}

.landing-page .product__title--sub {
  line-height: 1.4117647059;
  letter-spacing: 0.04em;
}
@media (min-width: 768px) {
  .landing-page .product__title--sub {
    font-size: calc(34 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .product__title--sub {
    font-size: calc(68 * var(--rate));
  }
}

.landing-page .product__list {
  display: flex;
  align-items: end;
  justify-content: center;
}
@media (min-width: 768px) {
  .landing-page .product__list {
    padding-right: calc(20 * var(--rate));
    margin-top: calc(51 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .product__list {
    flex-wrap: wrap;
    row-gap: calc(25 * var(--rate));
    margin-top: calc(80 * var(--rate));
  }
}
@media (min-width: 768px) {
  .landing-page .product__item {
    width: calc(240 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .product__item:nth-child(-n + 2) {
    width: calc(350 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .product__item:nth-child(n + 3) {
    width: calc(360 * var(--rate));
  }
}
@media (min-width: 768px) {
  .landing-page .product__item:nth-child(2) {
    margin-left: calc(40 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .product__item:nth-child(2) {
    margin-left: calc(10 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .product__item:nth-child(3) .product__image {
    padding-bottom: calc(24 * var(--rate));
  }
}
@media (max-width: 767.98px) and (max-width: 767.98px) {
  .landing-page .product__item:nth-child(3) .landing-page__button {
    padding-left: calc(12 * var(--rate));
  }
}
@media (min-width: 768px) {
  .landing-page .product__item:last-child .landing-page__button {
    --button-margin-top: calc(-5 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .product__item:last-child .landing-page__button {
    --button-margin-top: 0;
  }
}
@media (min-width: 768px) {
  .landing-page .product__item .landing-page__button {
    margin-top: var(--button-margin-top, calc(25 * var(--rate)));
  }
}
@media (max-width: 767.98px) {
  .landing-page .product__item .landing-page__button {
    margin-top: var(--button-margin-top, calc(20 * var(--rate)));
  }
}
@media (min-width: 768px) {
  .landing-page .product__item .landing-page__button a {
    --button-width: calc(140 * var(--rate));
    --button-height: calc(36 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .product__item .landing-page__button a {
    --button-width: calc(280 * var(--rate));
    --button-height: calc(72 * var(--rate));
  }
}
@media (min-width: 768px) {
  .landing-page .product__item .landing-page__button a::before {
    --button-before-right: calc(15 * var(--rate));
    --button-arrow-width: calc(6 * var(--rate));
    --button-arrow-height: calc(15 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .product__item .landing-page__button a::before {
    --button-before-right: calc(30 * var(--rate));
  }
}

.landing-page .product__item .landing-page__button-text {
  --button-letter-spacing: 0.05em;
  --button-padding-bottom: 0;
}
@media (min-width: 768px) {
  .landing-page .product__item .landing-page__button-text {
    --button-font-size: calc(18 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .product__item .landing-page__button-text {
    --button-font-size: calc(36 * var(--rate));
  }
}

.landing-page .product__button-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (min-width: 768px) {
  .landing-page .product__button-list {
    row-gap: calc(10 * var(--rate));
    margin-top: calc(59 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .product__button-list {
    row-gap: calc(20 * var(--rate));
    margin-top: calc(80 * var(--rate));
  }
}
@media (min-width: 768px) {
  .landing-page .product__button-list .landing-page__button a {
    --button-width: calc(290 * var(--rate));
    --button-height: calc(42 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .product__button-list .landing-page__button a {
    --button-width: calc(635 * var(--rate));
    --button-height: calc(84 * var(--rate));
  }
}
@media (min-width: 768px) {
  .landing-page .product__button-list .landing-page__button a::before {
    --button-before-right: calc(15 * var(--rate));
    --button-arrow-width: calc(6 * var(--rate));
    --button-arrow-height: calc(15 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .product__button-list .landing-page__button a::before {
    --button-before-right: calc(30 * var(--rate));
  }
}

.landing-page .product__button-list .landing-page__button-text {
  --button-letter-spacing: 0.04em;
  --button-padding-bottom: 0;
}
@media (min-width: 768px) {
  .landing-page .product__button-list .landing-page__button-text {
    --button-font-size: calc(18 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .product__button-list .landing-page__button-text {
    --button-font-size: calc(36 * var(--rate));
  }
}
@media (min-width: 768px) {
  .landing-page .foot {
    margin-top: calc(113 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .foot {
    margin-top: calc(128 * var(--rate));
  }
}

.landing-page .foot__credit {
  font-family: var(--font-pragmatica);
  text-align: center;
  letter-spacing: 0.05em;
}
@media (min-width: 768px) {
  .landing-page .foot__credit {
    font-size: calc(14 * var(--rate));
    line-height: 2;
  }
}
@media (max-width: 767.98px) {
  .landing-page .foot__credit {
    font-size: calc(22 * var(--rate));
    line-height: 2.1818181818;
  }
}

.landing-page .foot__decorative {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (min-width: 768px) {
  .landing-page .foot__decorative {
    row-gap: calc(17 * var(--rate));
    margin-top: calc(73 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .foot__decorative {
    row-gap: calc(25 * var(--rate));
    margin-top: calc(126 * var(--rate));
  }
}

.landing-page .foot__decorative-logo {
  margin-inline: auto;
}
@media (min-width: 768px) {
  .landing-page .foot__decorative-logo {
    width: calc(99 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .foot__decorative-logo {
    width: calc(153 * var(--rate));
  }
}

.landing-page .foot__decorative-text {
  display: flex;
  flex-direction: column;
  font-family: var(--font-pragmatica);
}
@media (min-width: 768px) {
  .landing-page .foot__decorative-text {
    row-gap: calc(11 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .foot__decorative-text {
    row-gap: calc(18 * var(--rate));
  }
}

.landing-page .foot__decorative-text--upper,
.landing-page .foot__decorative-text--lower {
  text-align: center;
  letter-spacing: 0.05em;
}
@media (min-width: 768px) {
  .landing-page .foot__decorative-text--upper,
  .landing-page .foot__decorative-text--lower {
    font-size: calc(16 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .foot__decorative-text--upper,
  .landing-page .foot__decorative-text--lower {
    font-size: calc(30 * var(--rate));
  }
}
@media (min-width: 768px) {
  .landing-page .foot__sns {
    margin-top: calc(120 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .foot__sns {
    margin-top: calc(134 * var(--rate));
  }
}

.landing-page .foot__sns-title {
  font-family: var(--font-classico);
  color: var(--color-brown);
  text-align: center;
}
@media (min-width: 768px) {
  .landing-page .foot__sns-title {
    font-size: calc(28 * var(--rate));
    letter-spacing: 0.02em;
  }
}
@media (max-width: 767.98px) {
  .landing-page .foot__sns-title {
    font-size: calc(40 * var(--rate));
    letter-spacing: 0.025em;
  }
}
@media (min-width: 768px) {
  .landing-page .foot__sns-video {
    width: calc(400 * var(--rate));
    margin-inline: auto;
    margin-top: calc(25 * var(--rate));
  }
}
@media (max-width: 767.98px) {
  .landing-page .foot__sns-video {
    padding-inline: calc(30 * var(--rate));
    margin-top: calc(48 * var(--rate));
  }
}

.landing-page .foot__sns-video iframe {
  margin-bottom: 0 !important;
}