.lp-wrapper {
  --pc-width: 1200;
  --sp-width: 750;
  --pc-artboard-width: 430;
  --sp-artboard-width: 750;
  --formula: calc(var(--variable) * var(--ratio));
  --formula_pc: calc(var(--variable) * 1);
}
@media (max-width: 767px) {
  .lp-wrapper {
    --ratio: 1;
    --variable: calc(100vw / var(--sp-width));
  }
}
@media (min-width: 1400px) {
  .lp-wrapper {
    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));
    --variable: 1px;
  }
}
@media (min-width: 768px) and (max-width: 1400px) {
  .lp-wrapper {
    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));
    --variable: calc(100vw / var(--pc-width));
  }
}
@media (max-width: 767px) {
  .lp-wrapper {
    --ratio: 1;
    --variable: calc(100vw / var(--sp-width));
  }
}

@media (max-width: 767px) {
  .lp-hidden--mobile {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .lp-hidden--desktop {
    display: none !important;
  }
}

.lp-wrapper {
  overflow: clip;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.lp-wrapper * {
  font-feature-settings: "palt";
  box-sizing: border-box;
}
.lp-wrapper img {
  width: 100%;
  height: auto;
  object-fit: cover;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  transition: unset;
  display: block;
}
.lp-wrapper svg {
  shape-rendering: geometricPrecision;
}
.lp-wrapper picture {
  display: block;
}
.lp-wrapper button {
  padding: 0;
  cursor: pointer;
  appearance: none;
}

* > .main-area {
  font-feature-settings: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: unset;
  min-width: auto;
}

body:has(.lp-wrapper) #Contents {
  overflow: unset;
}

.lp-layout .lp-primary {
  overflow-x: clip !important;
}
@media (min-width: 768px) {
  .lp-layout .lp-sub--sticky {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: calc(100dvh - var(--header-height));
    overflow: hidden;
    position: sticky;
    left: 0;
    top: var(--header-height);
  }
}
@media (min-width: 768px) {
  .lp-layout--column-02 {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 768px) {
  .lp-layout--column-03 {
    display: grid;
    grid-template-columns: 1fr calc(var(--pc-artboard-width) * var(--formula_pc)) 1fr;
  }
}

.lp-inner {
  width: calc(var(--sp-artboard-width) * var(--formula));
  margin-inline: auto;
}
@media (min-width: 768px) {
  .lp-inner {
    width: calc(var(--pc-artboard-width) * var(--formula_pc));
  }
}

.lp-wrapper {
  --lp-color-yellow: #E9D77B;
  --lp-color-green: #85CAAA;
  --lp-color-pink: #E9ADC8;
  --lp-color-blue: #89AAF6;
  --animation-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  background-color: #fafff5;
}
.lp-wrapper :where([class^=ani-], [class*=" ani-"]) {
  will-change: transform, opacity, filter, translate;
  transition: opacity 1.2s var(--animation-ease), translate 1.2s var(--animation-ease), scale 1.2s var(--animation-ease), rotate 1.2s var(--animation-ease), filter 1.2s var(--animation-ease);
}
.lp-wrapper .ani-fade {
  opacity: 0;
  scale: 1.03;
  filter: blur(calc(8 * var(--formula)));
  transition-delay: 0s;
  transition: opacity 1.2s cubic-bezier(0.88, 0.14, 0.87, 0.86), transform 1.2s cubic-bezier(0.88, 0.14, 0.87, 0.86), filter 1.2s cubic-bezier(0.88, 0.14, 0.87, 0.86);
  will-change: opacity, transform, filter;
}
.lp-wrapper .ani-fade.is-active {
  opacity: 1;
  scale: 1;
  filter: blur(0);
}

#Contents:has(.lp-wrapper) .main-area .main-inner {
  width: 100%;
}

.lp-sub {
  display: none;
}

@media (min-width: 768px) {
  .lp-sub--left .title {
    width: calc(264 * var(--formula_pc));
    position: absolute;
    top: 4.3333333333vw;
    left: 4.25vw;
    z-index: 1;
  }
}

@media (min-width: 768px) {
  .lp-sub--right .button {
    width: calc(137 * var(--formula_pc));
    display: block;
    position: absolute;
    top: 4.9166666667vw;
    right: 3.3333333333vw;
    z-index: 1;
  }
}

.lp-primary {
  background-color: #fff;
}

.item-credit {
  font-size: calc(20 * var(--formula));
  line-height: 1.8;
  letter-spacing: 0.02em;
  font-weight: 300;
  font-family: "gotham", sans-serif;
  font-weight: 200;
  color: #1e1e1e;
  font-display: swap;
}

.lp-look {
  position: relative;
}
.lp-look .media {
  position: relative;
  width: calc(750 * var(--formula));
}
.lp-look .media a, .lp-look .media span {
  display: block;
}
.lp-look .media--xs {
  width: calc(500 * var(--formula));
  margin-inline: auto;
}
.lp-look .media--sm {
  width: calc(513 * var(--formula));
}
.lp-look .media--md {
  width: calc(666 * var(--formula));
  margin-inline: auto;
}
.lp-look .media--right {
  margin-inline: auto 0;
}
.lp-look .media-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: rgba(255, 255, 255, 0.7);
  display: grid;
  place-items: center;
  transition: opacity 0.6s var(--animation-ease), visibility 0.6s var(--animation-ease);
}
.lp-look .media-overlay[aria-hidden=true] {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.lp-look .media-overlay[aria-hidden=false] {
  opacity: 1;
  visibility: visible;
}
.lp-look .media-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.lp-look .item-credit {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 2;
  top: calc(-1 * var(--formula));
}
.lp-look .item-credit a {
  display: inline-block;
}

.lp-marquee {
  margin-top: calc(92 * var(--formula));
}
.lp-marquee .swiper-wrapper {
  transition-timing-function: linear !important;
}
.lp-marquee .swiper-slide {
  width: calc(955 * var(--formula));
  height: calc(15 * var(--formula));
}
.lp-marquee + .lp-look {
  margin-top: calc(93 * var(--formula));
}

.lp-section {
  padding-bottom: calc(200 * var(--formula));
}
.lp-section .logo {
  width: calc(480 * var(--formula));
  margin-inline: auto;
  margin-top: calc(26 * var(--formula));
}
.lp-section .logo svg {
  width: calc(480 * var(--formula));
  height: calc(80 * var(--formula));
}
.lp-section .button {
  margin-top: calc(113 * var(--formula));
  width: calc(532 * var(--formula));
  display: block;
  margin-inline: auto;
  position: relative;
  left: calc(-2 * var(--formula));
}
.lp-section .button img {
  width: calc(473 * var(--formula));
}
.lp-section .lead--01 {
  margin-top: calc(51 * var(--formula));
  width: calc(532 * var(--formula));
  margin-inline: auto;
  position: relative;
  left: calc(-2 * var(--formula));
}
.lp-section .lead--02 {
  width: calc(243 * var(--formula));
  margin-inline: auto calc(51 * var(--formula));
  margin-top: calc(126 * var(--formula));
}

.lp-staff-credit {
  width: calc(532 * var(--formula));
  margin-top: calc(59 * var(--formula));
  margin-inline: auto;
  position: relative;
  left: calc(-2 * var(--formula));
}

.lp-look {
  position: relative;
  margin-top: calc(10 * var(--formula));
}

.lp-look--02 {
  height: calc(1054 * var(--formula));
  margin-top: calc(57 * var(--formula));
  position: relative;
}
.lp-look--02 .media {
  position: static;
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
}
.lp-look--02 .media button {
  display: block;
  width: calc(550 * var(--formula));
  margin-inline: auto;
}
.lp-look--02 .decoration-text {
  position: absolute;
  top: calc(60 * var(--formula));
  left: calc(58 * var(--formula));
  width: calc(645 * var(--formula));
  z-index: 1;
  pointer-events: none;
}
.lp-look--02 .item-credit {
  top: calc(-3 * var(--formula));
}

.lp-look--03 {
  margin-top: calc(35 * var(--formula));
}

.lp-look--05 {
  margin-top: calc(195 * var(--formula));
}
.lp-look--05 .item-credit {
  top: calc(-9 * var(--formula));
}

.lp-look--06 {
  margin-top: calc(198 * var(--formula));
}

.lp-look--11 .item-credit {
  top: calc(-12 * var(--formula));
}

.lp-look--15 {
  margin-top: calc(52 * var(--formula));
}

.lp-look--17 {
  margin-top: calc(225 * var(--formula));
}

.lp-look--27 {
  margin-top: calc(200 * var(--formula));
}/*# sourceMappingURL=style.css.map */