html {
  font-size: 62.5%;
}
body {
  position: relative;
}
body * {
  font-family: var(--font-primary);
  color: var(--color, var(--color-primary));
  letter-spacing: var(--letter-spacing, 0);
  line-height: var(--line-height, 1.5);
}
#lp-money-trigger {
  /* --- fonts --- */
  --font-ja: "Zen Kaku Gothic Antique", sans-serif;
  --font-primary: var(--font-ja);

  /* --- colors --- */
  --color-brown: #3c2b28;
  --color-white: #fff;
  --color-red: #ff004d;
  --color-maroon: #8c002a;
  --color-green: #14b97f;
  --color-blue: #5162c4;
  --color-pink: #c464c2;
  --color-yellow: #ffdc50;
  --color-ivory: #f3f1ef;
  --color-gold: linear-gradient(
    to bottom right,
    rgba(195, 156, 100, .8) 0%,
    rgba(234, 235, 128, .8) 100%
  );
  --color-gold-light: linear-gradient(
    to bottom right,
    rgba(195, 156, 100, .4) 0%,
    rgba(234, 235, 128, .4) 100%
  );
  --color-primary: var(--color-brown);

  /* --- container sizes --- */
  --container-fluid: 100%;
  --container-wide-value: 1060;
  --container-wide: calc(var(--container-wide-value) * 1px);

  /* --- utility --- */
  --transition-default: .3s ease;
  --zindex-behind: -1;
  --zindex-base: 0;
  --zindex-front: 1;
  --zindex-overlay: 10;
  --zindex-floating-element: 20;
}
/* --- for small viewport --- */
@media screen and (max-width: 960px) {
  :root {
    --global-gutter: 10px;
  }
}
/* --- for large viewport --- */
@media screen and (min-width: 961px) {
  :root {
    --global-gutter: 20px;
  }
}
#lp-money-trigger a {
  text-decoration: var(--text-decoration, none);
}
#lp-money-trigger img,
#lp-money-trigger svg,
#lp-money-trigger video {
  display: block;
  max-width: 100%;
  height: auto;
}
/* --- for small viewport --- */
@media screen and (max-width: 960px) {
  .is-hidden-small {
    display: none !important;
  }
}
/* --- for large viewport --- */
@media screen and (min-width: 961px) {
  .is-hidden-large {
    display: none !important;
  }
}

/**
 * container
 */
.lp-money-trigger {
  position: relative;
}
.lp-money-trigger__shell {
  padding-inline: var(--global-gutter);
}
.lp-money-trigger__body {
  max-width: var(--container-wide);
  margin: 0 auto;
}
/* --- for small viewport --- */
@media screen and (max-width: 767px) {
  .lp-money-trigger {
    --rate: 100vw / 767;
  }
}
/* --- for middle viewport --- */
@media screen and (min-width: 768px) and (max-width: 960px) {
  .lp-money-trigger {
    --rate: 100vw / 960;
  }
}
/* --- for large viewport --- */
@media screen and (min-width: 961px) {
  .lp-money-trigger {
    --rate: .1rem;
  }
}

/**
 * contents
 */
.lp-money-trigger__contents {
  background-image: url(../../assets/images/moneytrigger/bg-contents.webp);
  background-repeat: repeat;
  background-size: 100%;
}
.lp-money-trigger__heading {
  position: relative;
  height: calc(472 * var(--rate));
  padding-block: calc(32 * var(--rate));
  padding-inline: var(--global-gutter);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.lp-money-trigger__heading--guard {
  background-image: url(../../assets/images/moneytrigger/bg-guard.webp);
}
.lp-money-trigger__heading--grow {
  background-image: url(../../assets/images/moneytrigger/bg-grow.webp);
}
.lp-money-trigger__heading--attack {
  background-image: url(../../assets/images/moneytrigger/bg-attack.webp);
}
.lp-money-trigger__heading-inner {
  display: flex;
  align-items: end;
  max-width: var(--container-wide);
  height: 100%;
  margin: 0 auto;
}
.lp-money-trigger__heading-summary-box {
  --color: var(--color-white);
}
.lp-money-trigger__heading-summary-box * {
  --line-height: 1.3;
  font-weight: 900;
}
.lp-money-trigger__heading-title {
  font-size: calc(96 * var(--rate));
}
.lp-money-trigger__heading-description {
  margin-block-start: calc(10 * var(--rate));
  font-size: calc(40 * var(--rate));
}

/**
 * header
 */
.lp-money-trigger__header {
  display: none !important;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding-block: calc(16 * var(--rate));
  background-color: var(--color-white);
  box-shadow: 0px 4px 32px 0px rgba(0, 0, 0, 0.1);
  z-index: var(--zindex-overlay);
}
.lp-money-trigger__header-timer,
.lp-money-trigger__header-timer dd,
.lp-money-trigger__header-timer-countdown {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  gap: calc(16 * var(--rate));
}
.lp-money-trigger__header-timer-countdown {
  display: flex;
  justify-content: center;
  align-items: center;
}
.lp-money-trigger__header-timer dt,
.lp-money-trigger__header-timer-countdown-unit {
  font-size: calc(20 * var(--rate));
}
.lp-money-trigger__header-timer-countdown-number {
  --line-height: 1;
  width: calc(56 * var(--rate));
  height: calc(38 * var(--rate));
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCA1NiAzOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB3aWR0aD0iNTYiIGhlaWdodD0iMzgiIHJ4PSI4IiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfMTYxXzIzNzApIiBmaWxsLW9wYWNpdHk9IjAuNCIvPjxyZWN0IHg9IjEiIHk9IjEiIHdpZHRoPSI1NCIgaGVpZ2h0PSIzNiIgcng9IjciIHN0cm9rZT0idXJsKCNwYWludDFfbGluZWFyXzE2MV8yMzcwKSIgc3Ryb2tlLW9wYWNpdHk9IjAuOCIgc3Ryb2tlLXdpZHRoPSIyIi8+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyXzE2MV8yMzcwIiB4MT0iMCIgeTE9IjAiIHgyPSI1Ni40MzQxIiB5Mj0iMC42NTYwMzQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjRUFCRTgwIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjQzM5QzY0Ii8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MV9saW5lYXJfMTYxXzIzNzAiIHgxPSIwIiB5MT0iMCIgeDI9IjU2LjQzNDEiIHkyPSIwLjY1NjAzNCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIHN0b3AtY29sb3I9IiNFQUJFODAiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNDMzlDNjQiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48L3N2Zz4=");
  background-size: 100%;
  background-repeat: no-repeat;
  font-size: calc(32 * var(--rate));
  text-align: center;
}

/**
 * cta
 */
.lp-money-trigger__common-cta {
  position: relative;
  width: calc(432 * var(--rate));
  margin-block-start: calc(40 * var(--rate));
  margin-inline: auto;
  padding-block-start: calc(28 * var(--rate));
}
.lp-money-trigger__common-cta-bobble {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: calc(380 * var(--rate));
  margin: auto;
}
.lp-money-trigger__common-cta-bobble img {
  width: 100%;
}
.lp-money-trigger__common-cta-button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: calc(8 * var(--rate));
  padding-block: calc(24 * var(--rate));
  border: calc(4 * var(--rate)) solid var(--color-primary);
  border-radius: calc(8 * var(--rate));
  background-color: var(--color-red);
  border-bottom-width: calc(8 * var(--rate));
  color: var(--color-white);
  font-size: calc(32 * var(--rate));
  font-weight: 700;
  text-decoration: none;
}
.lp-money-trigger__common-cta-button--icon {
  width: calc(40 * var(--rate));
}
.lp-money-trigger__common-cta-notes {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: calc(8 * var(--rate));
  margin-block-start: calc(16 * var(--rate));
}
.lp-money-trigger__common-cta-notes dt {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 24px;
  border: 2px solid var(--color-primary);
  border-radius: 4px;
  background-color: var(--color-white);
  font-size: 12px;
  font-weight: 700;
}
.lp-money-trigger__common-cta-notes dd {
  font-size: 14px;
  font-weight: 700;
  text-align: center;
}

/**
 * point
 */
.lp-money-trigger__point {
  padding-inline: var(--global-gutter);
}
.lp-money-trigger__point--guard {
  margin-block-start: calc(60 * var(--rate));
}
.lp-money-trigger__point--grow {
  margin-block-start: calc(48 * var(--rate));
}
.lp-money-trigger__point--attack {
  margin-block-start: calc(110 * var(--rate));
}
.lp-money-trigger__point-container {
  max-width: var(--container-wide);
  margin-inline: auto;
  padding-block-start: calc(48 * var(--rate));
  padding-block-end: calc(72 * var(--rate));
  padding-inline: var(--global-gutter);
  border: calc(5 * var(--rate)) solid var(--color-primary);
  border-radius: 16px;
  background-color: var(--color-white);
  text-align: center;
}
.lp-money-trigger__point-title {
  --letter-spacing: 0.01em;
  display: flex;
  flex-direction: column;
  row-gap: calc(8 * var(--rate));
  font-size: calc(24 * var(--rate));
  font-weight: 900;
}
.lp-money-trigger__point-title img {
  width: calc(48 * var(--rate));
  margin-inline: auto;
}
.lp-money-trigger__point-description {
  display: grid;
  grid-template-columns: 100%;
  row-gap: calc(48 * var(--rate));
  margin-block-start: calc(56 * var(--rate));
  font-size: calc(32 * var(--rate));
  font-weight: 900;
}
/* --- for large viewport --- */
@media screen and (min-width: 961px) {
  .lp-money-trigger__point-description {
    --line-height: 1;
  }
}

/**
 * hero
 */
.lp-money-trigger__hero {
  position: relative;
  padding-block-start: calc(100 * var(--rate));
  padding-block-end: calc(93 * var(--rate));
  background-image: url(../../assets/images/moneytrigger/bg-hero.webp);
  background-repeat: no-repeat;
  background-size: cover;
}
.lp-money-trigger__hero-logo {
  width: calc(460 * var(--rate));
  margin-inline: auto;
}
.lp-money-trigger__hero-logo img {
  width: 100%;
}
.lp-money-trigger__hero-title {
  --line-height: 1.2;
  margin-block-start: calc(40 * var(--rate));
  text-align: center;
  /* -webkit-text-stroke: 5px var(--color-white); */
  text-shadow:
    5px 5px 2.5px var(--color-white), -5px -5px 2.5px var(--color-white),
    -5px 5px 2.5px var(--color-white),  5px -5px 2.5px var(--color-white),
    5px 0 2.5px var(--color-white), -5px  0 2.5px var(--color-white),
    0 5px 2.5px var(--color-white),  0 -5px 2.5px var(--color-white);
  font-weight: 900;
}
.lp-money-trigger__hero-title .accent {
  --color: var(--color-red);
}
.lp-money-trigger__hero-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-block-start: calc(40 * var(--rate));
}
.lp-money-trigger__hero-list-item {
  position: relative;
}
.lp-money-trigger__hero-figure-image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: var(--hero-figure-image-size);
  height: var(--hero-figure-image-size);
  margin: auto;
}
.lp-money-trigger__hero-figure-caption {
  --color: var(--color-white);
  display: block;
  border-radius: calc(8 * var(--rate));
  background-color: var(--color-maroon);
  text-align: center;
}
.lp-money-trigger__hero-figure-caption dt {
  font-weight: 900;
}
.lp-money-trigger__hero-figure-caption dd {
  font-weight: 700;
}
/* --- for small viewport --- */
@media screen and (max-width: 960px) {
  .lp-money-trigger__hero-title {
    letter-spacing: .1em;
    font-size: calc(48 * var(--rate));
  }
  .lp-money-trigger__hero-list {
    gap: calc(10 * var(--rate));
  }
  .lp-money-trigger__hero-list-item {
    display: grid;
    height: 100%;
    padding-block-start: calc(60 * var(--rate));
  }
  .lp-money-trigger__hero-figure-image {
    --hero-figure-image-size: calc(120 * var(--rate));
  }
  .lp-money-trigger__hero-figure-caption {
    height: 100%;
  }
  .lp-money-trigger__hero-figure-caption dl {
    padding-block-start: calc(65 * var(--rate));
    padding-block-end: calc(18 * var(--rate));
    padding-inline: var(--global-gutter);
  }
  .lp-money-trigger__hero-figure-caption dt {
    font-size: 18px;
  }
  .lp-money-trigger__hero-figure-caption dd {
    margin-block-start: calc(10 * var(--rate));
    font-size: 12px;
  }
}
/* --- for large viewport --- */
@media screen and (min-width: 961px) {
  .lp-money-trigger__hero-list {
    gap: calc(20 * var(--rate));
  }
}
/* --- for middle viewport --- */
@media screen and (min-width: 961px) and (max-width: 1280px) {
  .lp-money-trigger__hero-title {
    letter-spacing: -.03em;
    font-size: calc(54 * 100vw / 1280);
  }
  .lp-money-trigger__hero-list-item {
    padding-block-start: calc(50 * var(--rate));
  }
  .lp-money-trigger__hero-figure-image {
    --hero-figure-image-size: calc(100 * var(--rate));
  }
  .lp-money-trigger__hero-figure-caption dl {
    padding-block-start: calc(50 * var(--rate));
    padding-block-end: calc(18 * var(--rate));
  }
  .lp-money-trigger__hero-figure-caption dt {
    font-size: calc(24 * var(--rate));
  }
  .lp-money-trigger__hero-figure-caption dd {
    margin-block-start: calc(10 * var(--rate));
    font-size: calc(16 * var(--rate));
  }
}
/* --- for large viewport --- */
@media screen and (min-width: 1281px) {
  .lp-money-trigger__hero-title {
    letter-spacing: -.03em;
    font-size: calc(68 * var(--rate));
  }
  .lp-money-trigger__hero-list-item {
    padding-block-start: calc(75 * var(--rate));
  }
  .lp-money-trigger__hero-figure-image {
    --hero-figure-image-size: calc(140 * var(--rate));
  }
  .lp-money-trigger__hero-figure-caption dl {
    padding-block-start: calc(70 * var(--rate));
    padding-block-end: calc(24 * var(--rate));
  }
  .lp-money-trigger__hero-figure-caption dt {
    font-size: calc(32 * var(--rate));
  }
  .lp-money-trigger__hero-figure-caption dd {
    margin-block-start: calc(12 * var(--rate));
    font-size: calc(19 * var(--rate));
  }
}

/**
 * lead
 */
.lp-money-trigger__lead {
  position: relative;
  padding-block-end: calc(120 * var(--rate));
  background-color: var(--color-white);
}
.lp-money-trigger__lead-banner {
  max-width: 1060px;
  margin-inline: auto;
  transform: translateY(calc(-40 * var(--rate)));
  text-align: center;
}
.lp-money-trigger__lead-banner-link {
  display: inline-block;
  margin-block-start: calc(16 * var(--rate));
  font-size: 12px;
  font-weight: 500;
  text-decoration: underline;
}
.lp-money-trigger__lead-title {
  margin-block-start: calc(84 * var(--rate));
  font-size: calc(36 * var(--rate));
  text-align: center;
  font-weight: 900;
}
.lp-money-trigger__lead-list {
  display: flex;
  justify-content: center;
  margin-block-start: calc(56 * var(--rate));
}
.lp-money-trigger__lead-list-item {
  position: relative;
}
.lp-money-trigger__lead-list-item img {
  margin-inline: auto;
  padding-inline: calc(150 * var(--rate) / 2);
}
.lp-money-trigger__lead-list-item p {
  margin-block-start: calc(24 * var(--rate));
  font-size: 20px;
  line-height: 1.4;
  text-align: center;
  font-weight: 900;
}
/* --- for small viewport --- */
@media screen and (max-width: 960px) {
  .lp-money-trigger__lead-list {
    flex-direction: column;
    align-items: center;
    gap: calc(20 * var(--rate));
  }
  .lp-money-trigger__lead-list-item {
    width: 95%;
  }
  .lp-money-trigger__lead-list-item img {
    width: 60%;
  }
}
/* --- for large viewport --- */
@media screen and (min-width: 961px) {
  .lp-money-trigger__lead-list-item {
    width: calc((180 + 150) * var(--rate));
  }
  .lp-money-trigger__lead-list-item img {
    width: 100%;
  }
}

/**
 * index
 */
.lp-money-trigger__index {
  padding-block: calc(88 * var(--rate));
  background-image: url(../../assets/images/moneytrigger/bg-index.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.lp-money-trigger__index-figure {
  width: calc(684 * var(--rate));
  margin-inline: auto;
}

/**
 * guard
 */
.lp-money-trigger__guard {
  padding-block-end: calc(120 * var(--rate));
}
.lp-money-trigger__guard-contents {
  margin-block-start: calc(80 * var(--rate));
  text-align: center;
}
.lp-money-trigger__guard-label {
  --line-height: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  height: calc(54 * var(--rate));
  margin-inline: auto;
  padding-inline: calc(16 * var(--rate));
  border: 1px solid var(--color-primary);
  font-size: calc(32 * var(--rate));
  font-weight: 900;
  text-align: center;
}
.lp-money-trigger__guard-label span {
  font-size: calc(40 * var(--rate));
}
.lp-money-trigger__guard-chart {
  margin-inline: auto;
}
.lp-money-trigger__guard-label + .lp-money-trigger__guard-chart {
  margin-block-start: calc(45 * var(--rate));
}
.lp-money-trigger__guard-description + .lp-money-trigger__guard-chart {
  margin-block-start: calc(95 * var(--rate));
}
.lp-money-trigger__guard-chart--01 {
  max-width: calc(1000 * var(--rate));
}
.lp-money-trigger__guard-chart--02 {
  max-width: calc(850 * var(--rate));
}
.lp-money-trigger__guard-description {
  --line-height: 2;
  margin-block-start: calc(80 * var(--rate));
  font-size: var(--font-size, calc(32 * var(--rate)));
  font-weight: 900;
}
.lp-money-trigger__guard-description--strong {
  --font-size: calc(40 * var(--rate));
}

/**
 * grow
 */
.lp-money-trigger__grow {
  padding-block-end: calc(105 * var(--rate));
}
.lp-money-trigger__grow-contents {
  margin-block-start: calc(100 * var(--rate));
}
.lp-money-trigger__grow-summary-box {
  text-align: center;
}
.lp-money-trigger__grow-heading {
  --color: var(--color-red);
  --letter-spacing: -.02em;
  --line-height: 1;
  font-size: calc(56 * var(--rate));
  font-weight: 900;
}
.lp-money-trigger__grow-description {
  --line-height: 1.6;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  font-size: calc(32 * var(--rate));
  font-weight: var(--font-weight, 700);
}
.lp-money-trigger__grow-description--strong {
  --font-weight: 900;
}
.lp-money-trigger__grow-description span {
  --color: var(--color-green);
  --letter-spacing: -.05em;
  font-size: calc(72 * var(--rate));
}
.lp-money-trigger__grow-arrow {
  width: calc(260 * var(--rate));
  margin-block-start: calc(40 * var(--rate));
  margin-inline: auto;
}
.lp-money-trigger__grow-heading + .lp-money-trigger__grow-description {
  margin-block-start: calc(55 * var(--rate));
}
.lp-money-trigger__grow-arrow + .lp-money-trigger__grow-description {
  margin-block-start: calc(56 * var(--rate));
}
.lp-money-trigger__grow-description + .lp-money-trigger__grow-description {
  margin-block-start: calc(64 * var(--rate));
}
.lp-money-trigger__grow-chart {
  margin-block-start: calc(80 * var(--rate));
}
/* --- for large viewport --- */
@media screen and (min-width: 961px) {
  .lp-money-trigger__grow-description--strong {
    --line-height: 1;
  }
}

/**
 * attack
 */
.lp-money-trigger__attack {
  padding-block-end: calc(120 * var(--rate));
}
.lp-money-trigger__attack-contents {
  margin-block-start: calc(110 * var(--rate));
}
.lp-money-trigger__attack-heading {
  --line-height: 1;
  font-size: calc(40 * var(--rate));
  text-align: center;
  font-weight: 900;
}
.lp-money-trigger__attack-heading + * {
  margin-block-start: calc(70 * var(--rate));
}
.lp-money-trigger__attack-index-list {
  display: flex;
  flex-direction: column;
  row-gap: calc(32 * var(--rate));
  width: fit-content;
  margin-inline: auto;
}
.lp-money-trigger__attack-index-list-item {
  --line-height: calc(40 / 32);
  position: relative;
  display: flex;
  align-items: center;
  column-gap: calc(12 * var(--rate));
  font-size: calc(32 * var(--rate));
  font-weight: 900;
}
.lp-money-trigger__attack-index-list-item::before {
  content: "";
  display: block;
  width: calc(40 * var(--rate));
  height: calc(40 * var(--rate));
  background-image: url(../../assets/images/moneytrigger/icon-warning.svg);
  background-size: 100%;
  background-repeat: no-repeat;
}
.lp-money-trigger__attack-chart {
  margin-block-start: calc(75 * var(--rate));
}
.lp-money-trigger__attack-label {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: calc(70 * var(--rate));
  border: calc(5 * var(--rate)) solid var(--color-primary);
  border-radius: calc(16 * var(--rate));
  background-color: var(--color-white);
  font-size: calc(32 * var(--rate));
  font-weight: 900;
}
.lp-money-trigger__attack-chart-list {
  display: grid;
  margin-block-start: calc(16 * var(--rate));
}
.lp-money-trigger__attack-chart-list-item img {
  margin-inline: auto;
}
.lp-money-trigger__attack-chart-title {
  --line-height: 1;
  margin-block-start: calc(48 * var(--rate));
  font-size: calc(32 * var(--rate));
  font-weight: 900;
  text-align: center;
}
.lp-money-trigger__attack-chart-description {
  --line-height: 1.6;
  position: relative;
  margin-block-start: calc(24 * var(--rate));
  padding-inline-start: calc(24 * var(--rate));
  font-size: calc(20 * var(--rate));
  font-weight: 700;
}
.lp-money-trigger__attack-chart-description::before {
  content: '';
  position: absolute;
  top: calc(8 * var(--rate));
  left: 0;
  display: block;
  width: calc(16 * var(--rate));
  height: calc(16 * var(--rate));
  border-radius: 100vh;
  background-color: var(--color-green);
}
/* --- for small viewport --- */
@media screen and (max-width: 960px) {
  .lp-money-trigger__attack-chart-list {
    grid-template-columns: 100%;
    row-gap: calc(35 * var(--rate));
    max-width: 80%;
    margin-inline: auto;
  }
  .lp-money-trigger__attack-chart-description {
    width: fit-content;
    margin-inline: auto;
  }
}
/* --- for large viewport --- */
@media screen and (min-width: 961px) {
  .lp-money-trigger__attack-chart-list {
    grid-template-columns: repeat(3, 1fr);
    column-gap: calc(35 * var(--rate));
  }
}

/**
 * footer
 */
.lp-money-trigger__footer-conclusion {
  padding-block: calc(112 * var(--rate));
  background-image: url(../../assets/images/moneytrigger/bg-index.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.lp-money-trigger__footer-conclusion-title {
  --line-height: 1;
  font-size: calc(40 * var(--rate));
  font-weight: 900;
  text-align: center;
}
.lp-money-trigger__footer-conclusion-description {
  margin-block-start: calc(64 * var(--rate));
  padding-block: calc(48 * var(--rate));
  padding-inline: var(--global-gutter);
  border: calc(5 * var(--rate)) solid var(--color-primary);
  border-radius: calc(16 * var(--rate));
  background-color: var(--color-white);
}
.lp-money-trigger__footer-conclusion-list {
  width: fit-content;
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  row-gap: calc(24 * var(--rate));
}
.lp-money-trigger__footer-conclusion-list-item {
  --line-height: calc(40 / 30);
  position: relative;
  display: flex;
  align-items: center;
  column-gap: calc(12 * var(--rate));
  font-size: calc(30 * var(--rate));
  font-weight: 900;
}
.lp-money-trigger__footer-conclusion-list-item::before {
  content: "";
  display: block;
  width: calc(40 * var(--rate));
  height: calc(40 * var(--rate));
  background-image: url(../../assets/images/moneytrigger/icon-check.svg);
  background-size: 100%;
  background-repeat: no-repeat;
}
.lp-money-trigger__footer-form {
  padding-block-start: calc(120 * var(--rate));
  padding-block-end: calc(90 * var(--rate));
}
.lp-money-trigger__footer-form-confirmation {
  width: 100%;
  padding-block-start: calc(48 * var(--rate));
  padding-block-end: calc(32 * var(--rate));
  padding-inline: calc(48 * var(--rate));
  border: calc(5 * var(--rate)) solid var(--color-primary);
  border-radius: calc(16 * var(--rate));
  background-color: var(--color-ivory);
  overflow: hidden;
}
.lp-money-trigger__footer-form-confirmation:first-of-type {
  margin-block-start: calc(48 * var(--rate));
}
.lp-money-trigger__footer-form-confirmation + .lp-money-trigger__footer-form-confirmation {
  margin-block-start: calc(32 * var(--rate));
}
.lp-money-trigger__footer-form-confirmation-inner {
  height: 100%;
  overflow: auto;
}
.lp-money-trigger__footer-form-confirmation dt {
  font-size: calc(24 * var(--rate));
  text-align: center;
  font-weight: 900;
}
.lp-money-trigger__footer-form-confirmation dt.accent {
  --color: var(--color-red);
}
.lp-money-trigger__footer-form-confirmation dd {
  --line-height: 1.6;
  margin-block-start: calc(32 * var(--rate));
  font-size: calc(18 * var(--rate));
  font-weight: 500;
}
.lp-money-trigger__footer-form-caption,
.lp-money-trigger__footer-form-note {
  font-weight: 500;
  text-align: center;
}
.lp-money-trigger__footer-form-caption {
  padding-block-end: 2em;
}
.lp-money-trigger__footer-form-note {
  margin-block-start: calc(64 * var(--rate));
}
.lp-money-trigger__footer-navigation {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: calc(16 * var(--rate));
  padding-block-end: calc(90 * var(--rate));
  padding-inline: calc(64 * var(--rate));
}
.lp-money-trigger__footer-navigation-list {
  display: flex;
  gap: calc(16 * var(--rate));
  font-size: calc(16 * var(--rate));
  font-weight: 500;
}
.lp-money-trigger__footer-navigation-list > * {
  --line-height: 1;
}
.lp-money-trigger__footer-navigation-list-item:not(:first-child) {
  padding-inline-start: calc(16 * var(--rate));
  border-left: 1px solid var(--color-primary);
}
.lp-money-trigger__footer-navigation-copyright {
  --line-height: 1;
  font-size: calc(16 * var(--rate));
  font-weight: 500;
}
/* --- for small viewport --- */
@media screen and (max-width: 960px) {
  .lp-money-trigger__footer-form-confirmation {
    height: calc(400 * var(--rate));
  }
  .lp-money-trigger__footer-form-caption,
  .lp-money-trigger__footer-form-note {
    font-size: 12px;
  }
}
/* --- for large viewport --- */
@media screen and (min-width: 961px) {
  .lp-money-trigger__footer-form-confirmation {
    height: calc(287 * var(--rate));
  }
  .lp-money-trigger__footer-form-confirmation dt,
  .lp-money-trigger__footer-form-note {
    --line-height: 1;
  }
  .lp-money-trigger__footer-form-caption,
  .lp-money-trigger__footer-form-note {
    font-size: calc(14 * var(--rate));
  }
}

/**
 * modal
 */
.lp-money-trigger__modal {
  position: fixed;
  top: calc((100vh - 60vh) / 2);
  left: 0;
  right: 0;
  max-width: var(--container-wide);
  width: 95%;
  max-height: 60vh;
  height: 500px;
  margin-inline: auto;
  padding-block: calc(48 * var(--rate));
  padding-inline: calc(48 * var(--rate));
  border: calc(5 * var(--rate)) solid var(--color-primary);
  border-radius: calc(16 * var(--rate));
  background-color: var(--color-ivory);
  overflow: hidden;
  z-index: var(--z-index, var(--zindex-behind));
  visibility: var(--visibility ,hidden);
  opacity: var(--opacity, 0);
  transition: var(--transition-default);
}
.lp-money-trigger__modal.is-open {
  --z-index: var(--zindex-floating-element);
  --visibility: visible;
  --opacity: 1;
}
.lp-money-trigger__modal-inner {
  height: 100%;
  overflow: auto;
}
.lp-money-trigger__modal-content dt {
  font-size: calc(24 * var(--rate));
}
.lp-money-trigger__modal-content dd {
  display: grid;
  grid-template-columns: 100%;
  row-gap: 1em;
  margin-block-start: 1em;
  font-size: calc(18 * var(--rate));
  font-weight: 500;
}
.lp-money-trigger__modal-content dd ul {
  padding-inline-start: 1em;
}
.lp-money-trigger__modal-content + .lp-money-trigger__modal-content {
  margin-block-start: 2em;
}
.lp-money-trigger__modal-close-button {
  position: absolute;
  top: calc(16 * var(--rate));
  right: calc(16 * var(--rate));
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.lp-money-trigger__modal-close-button::before,
.lp-money-trigger__modal-close-button::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  margin: auto;
  border-radius: 100vh;
  background-color: var(--color-primary);
}
.lp-money-trigger__modal-close-button::before {
  transform: rotate(45deg);
}
.lp-money-trigger__modal-close-button::after {
  transform: rotate(-45deg);
}