.lp-page {
  --pc-width: 1440;
  --sp-width: 375;
  --pc-artboard-width: 375;
  --sp-artboard-width: 375;
  --formula: calc(var(--variable) * var(--ratio));
  --formula_pc: calc(var(--variable) * 1);
  --font-body: 'm-plus-rounded-1c', sans-serif;
  --font-display: 'Caprasimo', serif;
  --animation-duration: 1s;
  --animation-ease: cubic-bezier(0.34, 1.56, 0.64, 1);
  --animation-delay: 0.5s;
  --animation-distance: 100;
  --color-primary: #E7A399;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-family: var(--font-body);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  color: var(--color-primary);
  background-color: #fdf1ef;
  overflow: clip;
}

@media (max-width: 767px) {
  .lp-page {
    --ratio: 1;
    --variable: calc(100vw / var(--sp-width));
  }
}
@media (min-width: 1400px) {
  .lp-page {
    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));
    --variable: 1px;
  }
}
@media (min-width: 768px) and (max-width: 1400px) {
  .lp-page {
    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));
    --variable: calc(100vw / var(--pc-width));
  }
}
@media (max-width: 767px) {
}
.lp-page * {
  font-feature-settings: "palt";
  box-sizing: border-box;
}
.lp-page img {
  width: 100%;
  height: auto;
  object-fit: cover;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  transition: unset;
  display: block;
}
.lp-page svg {
  shape-rendering: geometricPrecision;
  text-rendering: geometricPrecision;
  transform: translateZ(0);
  backface-visibility: hidden;
  image-rendering: crisp-edges;
}
.lp-page img[src$=".svg"] {
  image-rendering: crisp-edges;
}
.lp-page picture {
  display: block;
}
.lp-page button {
  padding: 0;
  cursor: pointer;
  appearance: none;
}

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

html:has(.lp-page.is-loading) {
  overflow-y: scroll;
}

body:has(.lp-wrapper) {
  overflow-x: clip;
}

#Wrap:has(.lp-page.is-loading) {
  z-index: unset;
}

.l-footer > *:not(.modal) {
  display: none;
}

.lp-layout .lp-primary {
  overflow-x: clip !important;
}
@media (min-width: 768px) {
  .lp-layout__sub.is-desktop-sticky {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: calc(100vh - 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-layout__primary {
  --frame-width-design: 375;
  --frame-height-design: 667;
  --frame-pos-top: 50;
  --frame-total-design: calc(var(--frame-height-design) + var(--frame-pos-top) * 2);
  --available-height: calc(100vh - max(var(--before-main-offset), var(--header-height)));
  --frame-scale: min(
    var(--formula_pc),
    calc(var(--available-height) / var(--frame-total-design))
  );
  --frame-height: calc(var(--frame-height-design) * var(--frame-scale));
  --frame-width: calc(var(--frame-width-design) * var(--formula_pc));
  --framed-gap: calc((var(--available-height) - var(--frame-height)) / 2);
  position: relative;
  overflow-x: clip;
}
.lp-layout__primary .lp-content-window {
  display: none;
}
@media (min-width: 768px) {
  .lp-layout__primary .lp-content-window {
    display: block;
    position: sticky;
    left: 0;
    width: calc(var(--frame-width-design) * var(--formula));
    z-index: 3;
    pointer-events: none;
    height: var(--available-height);
    top: max(var(--before-main-offset), var(--header-height));
    clip-path: inset(0);
  }
}
@media (min-width: 768px) {
  .lp-layout__primary .lp-content-window__frame {
    width: var(--frame-width);
    height: var(--frame-height);
    border-radius: calc(40 * var(--formula_pc));
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: var(--framed-gap);
    box-shadow: 0 0 0 calc(1 * var(--formula)) #FDF1EF, 0 0 0 200vmax #FDF1EF;
    overflow: hidden;
  }
}
@media (min-width: 768px) {
  .lp-layout__primary .lp-primary {
    position: relative;
    z-index: 1;
    margin: 0 auto;
    margin-top: calc(-100vh + var(--before-main-offset));
    padding-block: var(--framed-gap);
  }
}

.lp-primary__contents {
  position: relative;
  z-index: 2;
  background-color: #fff;
}

.lp-button {
  width: calc(255 * var(--formula));
  min-height: calc(48 * var(--formula));
  border-radius: calc(104.912 * var(--formula));
  display: grid;
  place-items: center;
  color: #fff;
  background-color: var(--color-button, #E7A399);
  margin-inline: auto;
  font-size: calc(20 * var(--formula));
  line-height: 1;
  letter-spacing: 0em;
  font-weight: 400;
  text-align: center;
  text-transform: capitalize;
}
.lp-button:hover {
  background-color: var(--color-button-hover, #F5C6C0);
  opacity: 1;
}

.lp-loading {
  width: 100vw;
  height: 100dvh;
  background-color: #fdf1ef;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  opacity: 1;
  transition: opacity 0.6s cubic-bezier(0.65, 0, 0.35, 1), z-index 0.6s cubic-bezier(0.65, 0, 0.35, 1);
}
.lp-loading__container {
  width: 100%;
  height: 100%;
}
.lp-loading__main {
  position: relative;
  top: calc(-10 * var(--formula));
}
@media (min-width: 768px) {
  .lp-loading__main {
    top: 0;
  }
}
.lp-loading__contents {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
}
.lp-loading__logo {
  width: fit-content;
  margin-inline: auto;
}
.lp-loading__logo svg {
  width: calc(110 * var(--formula));
  height: calc(38 * var(--formula));
  fill: #F1BDB5;
}
.lp-loading__house {
  width: calc(182 * var(--formula));
  margin-top: calc(-13 * var(--formula));
  position: relative;
}
.lp-loading__house.is-open .lp-loading__house-door--left {
  transform: rotateY(-118deg);
}
.lp-loading__house.is-open .lp-loading__house-door--right {
  transform: rotateY(-118deg);
}
.lp-loading__house-door {
  position: absolute;
  width: calc(19.7 * var(--formula));
  top: calc(169 * var(--formula));
  z-index: 2;
  transition: transform 1s cubic-bezier(0.65, 0, 0.35, 1);
}
.lp-loading__house-door--left {
  left: calc(72.5 * var(--formula));
  transform-origin: left center;
}
.lp-loading__house-door--right {
  top: calc(169 * var(--formula));
  right: calc(70 * var(--formula));
  width: calc(20.5 * var(--formula));
  transform-origin: right center;
}
.lp-loading__text {
  color: #F1BDB5;
  font-family: var(--font-display);
  font-size: calc(20 * var(--formula));
  line-height: 1.5;
  letter-spacing: 0.05em;
  font-weight: 400;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: dots 0.8s infinite linear;
}
@media (min-width: 768px) {
  .lp-loading__text {
    margin-top: calc(11 * var(--formula_pc));
  }
}
.lp-loading__text-dots {
  margin-left: calc(10 * var(--formula));
  display: flex;
  align-items: center;
}
@media (min-width: 768px) {
  .lp-loading__text-dots {
    margin-left: calc(19 * var(--formula_pc));
  }
}
.lp-loading__text-dots svg {
  width: calc(31 * var(--formula));
  height: calc(6 * var(--formula));
}
.lp-loading.is-hidden {
  opacity: 0;
  z-index: -100;
}

@keyframes dots {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.lp-about {
  width: calc(349 * var(--formula));
  margin-inline: auto;
}
.lp-about__heading {
  width: fit-content;
  margin-inline: auto;
  font-size: calc(30 * var(--formula));
  font-family: var(--font-display);
  line-height: 1.5;
  font-weight: 400;
  letter-spacing: 0;
}
.lp-about__lead {
  font-size: calc(14 * var(--formula));
  letter-spacing: 0em;
  display: block;
  font-family: var(--font-body);
  font-weight: 500;
  text-align: center;
  margin-top: calc(6 * var(--formula));
}
.lp-about__text {
  letter-spacing: 0em;
  display: block;
  font-family: var(--font-body);
  font-weight: 500;
  font-size: calc(14 * var(--formula));
  line-height: 1.5;
  text-align: center;
  margin-top: calc(44 * var(--formula));
}
.lp-about__text p:not(:first-child) {
  margin-top: calc(21 * var(--formula));
}

@media (min-width: 768px) {
  .lp-layout__right .lp-about__heading {
    font-size: calc(32 * var(--formula_pc));
  }
}
@media (min-width: 768px) {
  .lp-layout__right .lp-about__lead {
    font-size: calc(14 * var(--formula_pc));
    margin-top: calc(4 * var(--formula_pc));
  }
}
.lp-layout__right .lp-about__text {
  margin-top: calc(10 * var(--formula));
}
@media (min-width: 768px) {
  .lp-layout__right .lp-about__text {
    font-size: calc(14 * var(--formula_pc));
    margin-top: calc(45 * var(--formula_pc));
  }
}
@media (min-width: 768px) {
  .lp-layout__right .lp-about__text p:not(:first-child) {
    margin-top: calc(21 * var(--formula_pc));
  }
}
@media (min-width: 768px) {
  .lp-layout__right .lp-about__text p:last-child {
    margin-top: calc(21 * var(--formula_pc)) !important;
  }
}

.lp-firstview {
  position: sticky;
  top: 0;
  z-index: 1;
}
.lp-firstview__container {
  position: relative;
  min-height: 400vh;
  z-index: 1;
}
.lp-firstview__logo {
  width: calc(225 * var(--formula));
  position: absolute;
  z-index: 2;
  left: 50%;
  transform: translateX(-50%);
  top: calc(var(--header-height) + 50 * var(--formula));
}
@media (min-width: 768px) {
  .lp-firstview__logo {
    top: calc(50 * var(--formula));
  }
}
.lp-firstview__logo svg {
  width: calc(225 * var(--formula));
  height: calc(27 * var(--formula));
  fill: #fff;
}
.lp-firstview__video {
  position: sticky;
  top: 0;
  width: 100%;
  height: 100dvh;
  z-index: 1;
}
@media (min-width: 768px) {
  .lp-firstview__video {
    top: calc(max(var(--before-main-offset), var(--header-height)) + var(--framed-gap));
    height: var(--frame-height);
  }
}
.lp-firstview__video-media {
  width: 100%;
  height: 100%;
}
@media (min-width: 768px) {
  .lp-firstview__video-media {
    width: var(--frame-width);
    height: var(--frame-height);
    overflow: hidden;
  }
}
.lp-firstview__video-media video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.lp-firstview__contents {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100dvh;
  opacity: 0;
  pointer-events: none;
  transition: opacity 1s var(--animation-ease), z-index 1s var(--animation-ease);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45));
  display: grid;
  place-items: center;
}
@media (min-width: 768px) {
  .lp-firstview__contents {
    top: max(var(--before-main-offset), var(--header-height));
    min-height: var(--available-height);
  }
}
.lp-firstview__contents.is-active {
  opacity: 1;
  z-index: 2;
  pointer-events: auto;
}
.lp-intro {
  --color-button: #E7A399;
  --color-button-hover: #F5C6C0;
  color: #fff;
  position: relative;
  z-index: 1;
  background-image: url(./../img/bg_intro.png);
  background-color: #fff;
  background-size: calc(375 * var(--formula)) calc(2035 * var(--formula));
  background-repeat: no-repeat;
  background-position: 0 calc(810 * var(--formula));
}
.lp-intro > * {
  position: relative;
  z-index: 1;
}
.lp-intro::before {
  content: "";
  width: calc(375 * var(--formula));
  height: calc(990 * var(--formula));
  background-color: #F1BDB5;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.lp-intro__container {
  padding-block: calc(57 * var(--formula)) calc(245 * var(--formula));
}
.lp-intro__title {
  width: calc(225 * var(--formula));
  margin-inline: auto;
}
.lp-intro__text {
  margin-top: calc(40 * var(--formula));
  font-size: calc(14 * var(--formula));
  line-height: 1.8;
  letter-spacing: 0;
  font-weight: 500;
  text-align: center;
  width: calc(325 * var(--formula));
  margin-inline: auto;
}
.lp-intro__text p:not(:first-child) {
  margin-top: calc(24 * var(--formula));
}
.lp-intro__image {
  margin-top: calc(54 * var(--formula));
}
.lp-intro .lp-image {
  position: relative;
  padding-top: calc(109 * var(--formula));
  overflow: hidden;
}
.lp-intro .lp-image .lp-items {
  position: relative;
  z-index: 2;
}
.lp-intro .lp-image .lp-items__item {
  position: absolute;
}
.lp-intro .lp-image .lp-items__item:nth-of-type(1) {
  width: calc(83 * var(--formula));
  top: calc(-82 * var(--formula));
  left: calc(20 * var(--formula));
}
.lp-intro .lp-image .lp-items__item:nth-of-type(2) {
  width: calc(91.66 * var(--formula));
  top: calc(12 * var(--formula));
  left: calc(88 * var(--formula));
}
.lp-intro .lp-image .lp-items__item:nth-of-type(3) {
  width: calc(92 * var(--formula));
  top: calc(77 * var(--formula));
  left: calc(6 * var(--formula));
}
.lp-intro .lp-image .lp-items.ani-fade {
  transition-delay: 0.8s;
}
.lp-intro .lp-image__media {
  width: calc(456 * var(--formula));
  position: relative;
  z-index: 1;
  left: calc(37 * var(--formula));
}
.lp-intro .lp-button {
  margin-top: calc(49 * var(--formula));
  position: relative;
  left: calc(10 * var(--formula));
}

.lp-left-box {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: calc(20 * var(--formula_pc));
}
.lp-left-box__logo {
  pointer-events: none;
}
.lp-left-box__logo svg {
  fill: #F1BDB5;
  width: calc(230 * var(--formula_pc));
  height: calc(27 * var(--formula_pc));
}
.lp-left-box__house {
  pointer-events: none;
}
@media (min-width: 768px) {
  .lp-left-box__house {
    width: calc(180 * var(--formula_pc));
  }
}

.lp-section--01 {
  --color-button: #E0748B;
  --color-button-hover: #FFA1B5;
  padding-bottom: calc(81 * var(--formula));
  position: relative;
  margin-top: calc(-145 * var(--formula));
  background-image: url(./../img/bg_01.jpg);
  background-repeat: no-repeat;
  background-size: calc(375 * var(--formula)) calc(1535 * var(--formula));
  background-position: 0 calc(519 * var(--formula));
  z-index: 2;
}
.lp-section--01 > * {
  position: relative;
  z-index: 2;
}
.lp-section--01 .lp-image--top {
  overflow: hidden;
}
.lp-section--01 .lp-image--top .lp-image__media {
  width: calc(376 * var(--formula));
}
.lp-section--01 .lp-image--01 {
  margin-top: calc(65 * var(--formula));
}
.lp-section--01 .lp-image--01 .lp-image__title {
  width: calc(255 * var(--formula));
  margin-inline: auto;
  position: relative;
  left: calc(2 * var(--formula));
  clip-path: inset(0 100% 0 0);
  transition: clip-path 1s cubic-bezier(0.65, 0, 0.35, 1);
}
.lp-section--01 .lp-image--01 .lp-image__media {
  width: calc(261 * var(--formula));
  margin-inline: auto;
  position: relative;
  margin-top: calc(-45 * var(--formula));
  perspective: calc(375 * var(--formula));
}
.lp-section--01 .lp-image--01 .lp-image__media:after, .lp-section--01 .lp-image--01 .lp-image__media:before {
  content: "";
  position: absolute;
  top: 0;
  z-index: 3;
  width: calc(130.5 * var(--formula));
  height: calc(375 * var(--formula));
  transition: transform 1s cubic-bezier(0.65, 0, 0.35, 1);
  background-size: calc(132 * var(--formula)) calc(375 * var(--formula));
  will-change: transform;
}
.lp-section--01 .lp-image--01 .lp-image__media:after {
  background-image: url(./../img/section01_image01_door-right.svg);
  top: 0;
  right: 0;
  transform-origin: right center;
  background-size: calc(132 * var(--formula));
}
.lp-section--01 .lp-image--01 .lp-image__media:before {
  background-image: url(./../img/section01_image01_door-left.svg);
  top: 0;
  left: 0;
  transform-origin: left center;
}
.lp-section--01 .lp-image--01 .lp-image__slider .swiper {
  mask-image: url(./../img/section01_image01_mask.svg);
  overflow: hidden;
  position: relative;
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: 100% 100%;
  padding: 0;
  background: #fa9ca8;
}
.lp-section--01 .lp-image--01 .lp-image__slider-navigation {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(25 * var(--formula));
  margin-top: calc(18 * var(--formula));
}
.lp-section--01 .lp-image--01 .lp-image__slider-navigation .lp-image__slider-arrow {
  position: static;
  flex: 0 0 calc(22 * var(--formula));
  width: calc(22 * var(--formula));
  height: calc(22 * var(--formula));
  border-radius: 50%;
  background-color: #EEB0BD;
  display: grid;
  place-items: center;
  border: none;
  margin: 0;
}
.lp-section--01 .lp-image--01 .lp-image__slider-navigation .lp-image__slider-arrow:after, .lp-section--01 .lp-image--01 .lp-image__slider-navigation .lp-image__slider-arrow:before {
  display: none;
}
.lp-section--01 .lp-image--01 .lp-image__slider-navigation .lp-image__slider-arrow svg {
  width: calc(7 * var(--formula));
  height: calc(12 * var(--formula));
  fill: transparent;
}
.lp-section--01 .lp-image--01 .lp-image__slider-navigation .lp-image__slider-dots {
  position: static;
  flex: 0 1 auto;
  width: auto;
  display: flex;
  flex-wrap: wrap;
  gap: calc(15 * var(--formula));
}
.lp-section--01 .lp-image--01 .lp-image__slider-navigation .lp-image__slider-dots .swiper-pagination-bullet {
  width: calc(8 * var(--formula));
  height: calc(8 * var(--formula));
  border-radius: 50%;
  background-color: #fff;
  opacity: 1;
  border: max(1 * var(--formula), 1px) #EEB0BD solid;
  margin: 0;
}
.lp-section--01 .lp-image--01 .lp-image__slider-navigation .lp-image__slider-dots .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #EEB0BD;
}
.lp-section--01 .lp-image--01.is-active .lp-image__title {
  clip-path: inset(0 0 0 0);
}
.lp-section--01 .lp-image--01.is-active .lp-image__media:before {
  transform: rotateY(-129deg) scale(0.8, 0.88) translateY(calc(23 * var(--formula)));
}
.lp-section--01 .lp-image--01.is-active .lp-image__media:after {
  transform: rotateY(129deg) scale(0.8, 0.88) translateY(calc(23 * var(--formula)));
}
.lp-section--01 .lp-image--02,
.lp-section--01 .lp-image--03,
.lp-section--01 .lp-image--04 {
  padding-inline: calc(18 * var(--formula)) calc(15 * var(--formula));
  margin-top: calc(14 * var(--formula));
  position: relative;
}
.lp-section--01 .lp-image--02 .lp-image__media,
.lp-section--01 .lp-image--03 .lp-image__media,
.lp-section--01 .lp-image--04 .lp-image__media {
  width: calc(194 * var(--formula));
}
.lp-section--01 .lp-image--02 .lp-image__decoration,
.lp-section--01 .lp-image--03 .lp-image__decoration,
.lp-section--01 .lp-image--04 .lp-image__decoration {
  position: absolute;
  z-index: 2;
  pointer-events: none;
}
.lp-section--01 .lp-image--02 {
  margin-top: calc(96 * var(--formula));
}
.lp-section--01 .lp-image--02 .lp-image__decoration {
  width: calc(124 * var(--formula));
  bottom: calc(-17 * var(--formula));
  right: calc(58 * var(--formula));
}
.lp-section--01 .lp-image--03 .lp-image__media {
  margin-left: auto;
}
.lp-section--01 .lp-image--03 .lp-image__decoration {
  width: calc(164 * var(--formula));
  bottom: calc(-16 * var(--formula));
  left: calc(23 * var(--formula));
  transition-delay: 0.4s;
}
.lp-section--01 .lp-image--04 .lp-image__decoration {
  width: calc(66 * var(--formula));
  bottom: calc(1 * var(--formula));
  right: calc(104 * var(--formula));
  transition-delay: 0.8s;
}
.lp-section--01 .lp-button {
  margin-top: calc(98 * var(--formula));
}

.lp-section--02 {
  --color-button: #FF5E5E;
  --color-button-hover: #FFA0A0;
  padding-bottom: calc(98 * var(--formula));
  position: relative;
  z-index: 2;
  padding-top: calc(80 * var(--formula));
  background-image: url(./../img/bg_02.jpg);
  background-repeat: repeat-y;
  background-size: calc(375 * var(--formula)) calc(1441 * var(--formula));
  background-position: 0 0;
}
.lp-section--02 > * {
  position: relative;
  z-index: 2;
}
.lp-section--02 .lp-image--top .lp-image__heading {
  font-family: var(--font-display);
  text-align: center;
  font-size: calc(34 * var(--formula));
  line-height: 1;
  letter-spacing: 0em;
  font-weight: 400;
  color: #FF5E5E;
  clip-path: inset(0 100% 0 0);
  transition: clip-path 1s cubic-bezier(0.65, 0, 0.35, 1);
}
.lp-section--02 .lp-image--top .lp-image__heading.is-active {
  clip-path: inset(0 0 0 0);
}
.lp-section--02 .lp-image--top .lp-image__heading--bottom {
  margin-top: calc(29 * var(--formula));
}
.lp-section--02 .lp-image--top .lp-image__media {
  margin-top: calc(11 * var(--formula));
}
.lp-section--02 .lp-image--01 {
  width: calc(289 * var(--formula));
  margin-inline: auto;
  margin-top: calc(132 * var(--formula));
  position: relative;
  border-radius: 10px;
  transition: box-shadow linear 0s 3.8s;
}
.lp-section--02 .lp-image--01.is-active .lp-image__decoration {
  opacity: 1;
  filter: blur(0);
}
.lp-section--02 .lp-image--01 .lp-image__media {
  mask-image: url(./../img/section02_image01_mask.svg);
  position: relative;
  mask-repeat: no-repeat;
  mask-position: 50% 50%;
  border-radius: calc(10 * var(--formula));
  overflow: hidden;
  will-change: mask-size;
  --w-start: 50.96;
  --h-start: 58.89;
  --w-end: 1121.12;
  --h-end: 1295.58;
  --i-eased: calc(
    var(--i) * var(--i) * (3 - 2 * var(--i))
  );
  mask-size: calc((var(--w-start) + (var(--w-end) - var(--w-start)) * var(--i-eased)) * var(--formula)) calc((var(--h-start) + (var(--h-end) - var(--h-start)) * var(--i-eased)) * var(--formula));
}
.lp-section--02 .lp-image--01 .lp-image__decoration {
  position: absolute;
  top: calc(-36 * var(--formula));
  right: calc(16 * var(--formula));
  z-index: 1;
  opacity: 0;
  filter: blur(calc(10 * var(--formula)));
  transition: opacity 0.5s var(--animation-ease) 0.2s, filter 0.5s var(--animation-ease) 0.2s;
}
.lp-section--02 .lp-image--01 .lp-image__decoration svg {
  width: calc(68 * var(--formula));
  height: calc(100 * var(--formula));
}
.lp-section--02 .lp-image--02 .lp-image__decoration.ani-fade--up {
  transition-delay: 0.3s;
}
.lp-section--02 .lp-image--03 .lp-image__decoration.ani-fade--up {
  transition-delay: 0.6s;
}
.lp-section--02 .lp-image--04 .lp-image__decoration.ani-fade--up {
  transition-delay: 0.9s;
}
.lp-section--02 .lp-button {
  margin-top: calc(50 * var(--formula));
}

@keyframes maskZoom {
  0% {
    mask-size: calc(50.96 * var(--formula)) calc(58.89 * var(--formula));
  }
  40% {
    mask-size: calc(270.86 * var(--formula)) calc(313 * var(--formula));
  }
  65% {
    mask-size: calc(270.86 * var(--formula)) calc(313 * var(--formula));
  }
  100% {
    mask-size: calc(900 * var(--formula)) calc(1040 * var(--formula));
  }
}
.lp-section--03 {
  --color-button: #8DD4CA;
  --color-button-hover: #C2F1EB;
  padding-bottom: calc(100 * var(--formula));
  padding-top: calc(2 * var(--formula));
  z-index: 2;
  position: relative;
}
.lp-section--03 .lp-image--top {
  width: calc(378 * var(--formula));
  height: calc(378 * var(--formula));
  position: relative;
  left: calc(-1 * var(--formula));
}
.lp-section--03 .lp-image--top .lp-image__media {
  position: relative;
}
.lp-section--03 .lp-image--top .lp-image__media::before {
  content: "";
  inset: 0;
  background: url(./../img/section03_top.png) center/contain no-repeat;
  filter: brightness(0) invert(1) drop-shadow(0 0 0 transparent) drop-shadow(0 0 0 transparent);
  z-index: 0;
  opacity: 1;
  width: 100%;
  height: 100%;
  pointer-events: none;
  position: absolute;
}
.lp-section--03 .lp-image--top .lp-image__media > a, .lp-section--03 .lp-image--top .lp-image__media > span {
  position: relative;
  z-index: 1;
}
.lp-section--03 .lp-image--01 {
  margin-top: calc(70 * var(--formula));
}
.lp-section--03 .lp-image--01 .lp-image__title {
  font-family: var(--font-display);
  font-size: calc(65 * var(--formula));
  line-height: 1.3;
  letter-spacing: 0em;
  font-weight: 400;
  text-align: center;
  color: #8DD4CA;
  position: relative;
  z-index: 1;
}
.lp-section--03 .lp-image--01 .lp-image__title span {
  font-size: calc(18 * var(--formula));
  line-height: 1.3;
  letter-spacing: 0.02em;
  font-weight: 400;
  margin-bottom: calc(-7 * var(--formula));
  display: block;
  width: fit-content;
  margin-inline: auto;
  position: relative;
}
.lp-section--03 .lp-image--01 .lp-image__media {
  margin-top: calc(-27 * var(--formula));
  width: calc(269 * var(--formula));
  height: calc(358 * var(--formula));
  margin-inline: auto;
  border-radius: calc(10 * var(--formula));
  overflow: hidden;
  transition: box-shadow 0s linear 1.2s;
}
.lp-section--03 .lp-image--01 .lp-image__media:has(.is-active) {
  box-shadow: 0px 0px calc(3 * var(--formula)) rgba(0, 0, 0, 0.25);
}
.lp-section--03 .lp-image--01 .lp-image__decoration {
  width: calc(169 * var(--formula));
  margin-inline: auto;
  margin-top: calc(22 * var(--formula));
}
.lp-section--03 .lp-button {
  margin-top: calc(36 * var(--formula));
}

.lp-section--04 {
  --color-button: #F8A7E1;
  --color-button-hover: #FFDBF5;
  padding-bottom: calc(101 * var(--formula));
  position: relative;
  z-index: 2;
}
.lp-section--04 .lp-image--top .lp-image__media {
  width: calc(375 * var(--formula));
  margin-inline: auto;
}
.lp-section--04 .lp-image--01 {
  position: relative;
  padding-inline: calc(42 * var(--formula)) calc(40 * var(--formula));
  margin-top: calc(110 * var(--formula));
}
.lp-section--04 .lp-image--01 .lp-image__media {
  width: calc(210 * var(--formula));
  margin-right: auto;
  rotate: 0deg;
  transition: rotate 0.6s cubic-bezier(0.65, 0, 0.35, 1);
}
.lp-section--04 .lp-image--01 .lp-image__media > a, .lp-section--04 .lp-image--01 .lp-image__media > span {
  overflow: hidden;
  background: #ffeaf9;
  border-radius: calc(5 * var(--formula));
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25);
  display: block;
}
.lp-section--04 .lp-image--01 .lp-image__decoration {
  position: absolute;
  z-index: 1;
  pointer-events: none;
}
.lp-section--04 .lp-image--01 .lp-image__decoration--01 {
  width: calc(58 * var(--formula));
  top: calc(-5 * var(--formula));
  left: calc(-19 * var(--formula));
  rotate: 6deg;
}
.lp-section--04 .lp-image--01 .lp-image__decoration--02 {
  width: calc(75 * var(--formula));
  bottom: calc(32 * var(--formula));
  right: calc(38 * var(--formula));
  translate: calc(150% + 38 * var(--formula)) 0;
  transition: translate 1s cubic-bezier(0.65, 0, 0.35, 1);
}
.lp-section--04 .lp-image--01.is-active .lp-image__decoration--02 {
  translate: 0;
}
.lp-section--04 .lp-image--01.is-active .lp-image__media {
  rotate: -6.46deg;
  animation: dog 1.8s infinite;
}
.lp-section--04 .lp-image--02 {
  position: relative;
  padding-inline: calc(44 * var(--formula)) calc(44 * var(--formula));
  margin-top: calc(-5 * var(--formula));
}
.lp-section--04 .lp-image--02 .lp-image__media {
  width: calc(210 * var(--formula));
  margin-left: auto;
  rotate: 0deg;
  transition: rotate 0.6s cubic-bezier(0.65, 0, 0.35, 1);
}
.lp-section--04 .lp-image--02 .lp-image__media > a, .lp-section--04 .lp-image--02 .lp-image__media > span {
  overflow: hidden;
  background: #ffeaf9;
  border-radius: calc(5 * var(--formula));
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25);
  display: block;
}
.lp-section--04 .lp-image--02 .lp-image__decoration {
  position: absolute;
  z-index: 1;
  pointer-events: none;
}
.lp-section--04 .lp-image--02 .lp-image__decoration--01 {
  width: calc(69 * var(--formula));
  top: calc(-26 * var(--formula));
  right: calc(-23 * var(--formula));
  rotate: -8.38deg;
}
.lp-section--04 .lp-image--02 .lp-image__decoration--02 {
  width: calc(104 * var(--formula));
  bottom: calc(-6 * var(--formula));
  left: calc(22 * var(--formula));
  translate: calc(-150% - 22 * var(--formula)) 0;
  transition: translate 1s cubic-bezier(0.65, 0, 0.35, 1);
}
.lp-section--04 .lp-image--02.is-active .lp-image__decoration--02 {
  translate: 0;
}
.lp-section--04 .lp-image--02.is-active .lp-image__media {
  rotate: 8.38deg;
  animation: dog 1.8s infinite;
}
.lp-section--04 .lp-button {
  margin-top: calc(74 * var(--formula));
}

.lp-section--03 > *,
.lp-section--04 > * {
  position: relative;
  z-index: 2;
}
.lp-section--03::before {
  content: "";
  width: calc(375 * var(--formula));
  height: calc(2540 * var(--formula));
  background-image: url(./../img/bg_03_04.jpg?v3);
  background-repeat: no-repeat;
  background-size: calc(375 * var(--formula)) calc(2540 * var(--formula));
  background-position: 0 0;
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}

@keyframes dog {
  0% {
    -webkit-transform: rotateZ(0);
    transform: rotateZ(0);
  }
  84% {
    -webkit-transform: rotateZ(0);
    transform: rotateZ(0);
  }
  88% {
    -webkit-transform: rotateZ(4deg);
    transform: rotateZ(4deg);
  }
  92% {
    -webkit-transform: rotateZ(0);
    transform: rotateZ(0);
  }
  96% {
    -webkit-transform: rotateZ(-4deg);
    transform: rotateZ(-4deg);
  }
  100% {
    -webkit-transform: rotateZ(0);
    transform: rotateZ(0);
  }
}
.lp-profile {
  background-color: #F1BDB5;
  color: #fff;
  border-radius: calc(10 * var(--formula));
  padding: calc(30 * var(--formula)) calc(30 * var(--formula)) calc(29 * var(--formula));
}
.lp-profile__name {
  text-align: center;
  margin-top: calc(14 * var(--formula));
}
.lp-profile__name rb, .lp-profile__name rt {
  width: 100%;
  display: block;
  text-align: center;
}
.lp-profile__name rb {
  font-family: var(--font-display);
  font-size: calc(28 * var(--formula));
  line-height: 1.8;
  letter-spacing: 0;
  font-weight: 400;
  text-align: center;
}
.lp-profile__name rt {
  font-size: calc(11 * var(--formula));
  line-height: 1.8;
  letter-spacing: 0;
  font-weight: 400;
  margin-top: calc(-10 * var(--formula));
}
.lp-profile__text {
  font-size: calc(14 * var(--formula));
  line-height: 1.8;
  letter-spacing: 0;
  font-weight: 400;
  margin-top: calc(15 * var(--formula));
}

.lp-staff-credit__text {
  font-size: calc(13 * var(--formula));
  line-height: 2;
  letter-spacing: 0em;
  font-weight: 500;
  text-align: center;
  color: #E7A399;
}

.lp-foot {
  padding-bottom: calc(80 * var(--formula));
  padding-top: calc(80 * var(--formula));
  position: relative;
  z-index: 2;
}
.lp-foot > * {
  z-index: 1;
  position: relative;
}
.lp-foot::before {
  content: "";
  width: calc(375 * var(--formula));
  height: calc(1556 * var(--formula));
  background-image: url(./../img/bg_footer.jpg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.lp-foot .lp-profile {
  width: calc(310 * var(--formula));
  margin-inline: auto;
}
.lp-foot .lp-staff-credit {
  margin-top: calc(80 * var(--formula));
}

.lp-footer {
  background-color: #fff;
  color: var(--color-primary);
  width: 100%;
  border-top-left-radius: calc(310 * var(--formula));
  border-top-right-radius: calc(310 * var(--formula));
  position: relative;
  z-index: 2;
}
.lp-footer__container {
  padding: calc(77 * var(--formula)) calc(40 * var(--formula)) calc(20 * var(--formula));
}
.lp-footer-sns {
  width: fit-content;
  margin-inline: auto;
  position: relative;
  left: calc(-6 * var(--formula));
}
.lp-footer-sns__heading {
  font-family: var(--font-display);
  text-align: center;
  font-size: calc(18 * var(--formula));
  line-height: 1;
  letter-spacing: 0em;
  font-weight: 400;
}
.lp-footer-sns__list {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: calc(24 * var(--formula));
  margin-top: calc(10 * var(--formula));
}
.lp-footer-sns__item {
  flex: 0 0 calc(32 * var(--formula));
}
.lp-footer-sns__item a {
  display: inline-block;
}
.lp-footer-sns__item svg {
  width: calc(32 * var(--formula));
  height: calc(32 * var(--formula));
}
.lp-footer-links {
  margin-top: calc(60 * var(--formula));
}
.lp-footer-links__list {
  display: flex;
  flex-direction: column;
  gap: calc(16.5 * var(--formula));
  font-size: calc(11 * var(--formula));
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 500;
  font-family: var(--font-body);
}
.lp-footer-copyright {
  margin-top: calc(60 * var(--formula));
}
.lp-footer-copyright__text {
  position: relative;
  left: calc(2 * var(--formula));
}
.lp-footer-copyright__text small {
  display: block;
  width: 100%;
  font-size: calc(11 * var(--formula));
  line-height: 1.5;
  letter-spacing: 0em;
  font-weight: 500;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  text-align: center;
}

.ani-fade {
  opacity: 0;
  transition: opacity 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}
.ani-fade.is-active {
  opacity: 1;
}
.is-active .ani-fade {
  opacity: 1;
}

.ani-fade--up {
  opacity: 0;
  translate: 0 calc(110 * var(--formula));
  transition: translate 1.2s cubic-bezier(0.22, 1, 0.36, 1) 0.2s, opacity 1.2s cubic-bezier(0.22, 1, 0.36, 1) 0.2s;
}
.ani-fade--up.is-active {
  opacity: 1;
  translate: 0;
}
.is-active .ani-fade--up {
  opacity: 1;
  translate: 0;
}

.ani-scale {
  width: calc(269 * var(--formula));
  height: calc(358 * var(--formula));
  overflow: hidden;
  border-radius: calc(10 * var(--formula));
  scale: 0.6;
  mask-image: radial-gradient(#fff, #000);
  transition: scale 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}
.ani-scale__container {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  mask-image: radial-gradient(#fff, #000);
}
.ani-scale__container img {
  scale: 1.4;
  object-fit: cover;
  transition: scale 1.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.ani-scale__overlay {
  position: absolute;
  inset: 0;
  border: calc(300 * var(--formula)) solid #8DD4CA;
  transition: border-width 1.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  pointer-events: none;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}

.is-active .ani-scale {
  scale: 1;
}
.is-active .ani-scale__container {
  position: absolute;
  top: 0;
  left: 0;
  animation: scale-bounce 1.2s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}
.is-active .ani-scale__container img {
  scale: 1;
}
.is-active .ani-scale__overlay {
  overflow: hidden;
  border-width: 0;
  border-radius: calc(10 * var(--formula));
  mask-image: radial-gradient(#fff, #000);
}

@keyframes scale-bounce {
  0% {
    scale: 0.6;
  }
  70% {
    scale: 1.05;
  }
  100% {
    scale: 1;
  }
}
/*# sourceMappingURL=style.css.map */