@charset "UTF-8";
.u-mt {
  -webkit-margin-before: calc(var(--mt, 0) / var(--design_width) * 100vw);
          margin-block-start: calc(var(--mt, 0) / var(--design_width) * 100vw);
}

.u-mb {
  -webkit-margin-after: calc(var(--mb, 0) / var(--design_width) * 100vw);
          margin-block-end: calc(var(--mb, 0) / var(--design_width) * 100vw);
}

.u-ms {
  -webkit-margin-start: calc(var(--ms, 0) / var(--design_width) * 100vw);
          margin-inline-start: calc(var(--ms, 0) / var(--design_width) * 100vw);
}

.u-me {
  -webkit-margin-end: calc(var(--me, 0) / var(--design_width) * 100vw);
          margin-inline-end: calc(var(--me, 0) / var(--design_width) * 100vw);
}

.u-pt {
  -webkit-padding-before: calc(var(--pt, 0) / var(--design_width) * 100vw);
          padding-block-start: calc(var(--pt, 0) / var(--design_width) * 100vw);
}

.u-pb {
  -webkit-padding-after: calc(var(--pb, 0) / var(--design_width) * 100vw);
          padding-block-end: calc(var(--pb, 0) / var(--design_width) * 100vw);
}

.u-ps {
  -webkit-padding-start: calc(var(--ps, 0) / var(--design_width) * 100vw);
          padding-inline-start: calc(var(--ps, 0) / var(--design_width) * 100vw);
}

.u-pe {
  -webkit-padding-end: calc(var(--pe, 0) / var(--design_width) * 100vw);
          padding-inline-end: calc(var(--pe, 0) / var(--design_width) * 100vw);
}

.u-my {
  margin-block: calc(var(--my, 0) / var(--design_width) * 100vw);
}

.u-mx {
  margin-inline: calc(var(--mx, 0) / var(--design_width) * 100vw);
}

.u-m {
  margin: calc(var(--m, 0) / var(--design_width) * 100vw);
}

.u-py {
  padding-block: calc(var(--py, 0) / var(--design_width) * 100vw);
}

.u-px {
  padding-inline: calc(var(--px, 0) / var(--design_width) * 100vw);
}

.u-p {
  padding: calc(var(--p, 0) / var(--design_width) * 100vw);
}

.anim-delay-1 {
  --delay: 0.1s;
}

.anim-delay-2 {
  --delay: 0.2s;
}

.anim-delay-3 {
  --delay: 0.3s;
}

.anim-delay-4 {
  --delay: 0.4s;
}

.anim-delay-5 {
  --delay: 0.5s;
}

.anim-delay-6 {
  --delay: 0.6s;
}

.anim-delay-7 {
  --delay: 0.7s;
}

.anim-delay-8 {
  --delay: 0.8s;
}

.anim-delay-9 {
  --delay: 0.9s;
}

.anim-delay-10 {
  --delay: 1s;
}

.anim-delay-11 {
  --delay: 1.1s;
}

.anim-delay-12 {
  --delay: 1.2s;
}

.anim-delay-13 {
  --delay: 1.3s;
}

.anim-delay-14 {
  --delay: 1.4s;
}

.anim-delay-15 {
  --delay: 1.5s;
}

.anim-delay-16 {
  --delay: 1.6s;
}

.anim-delay-17 {
  --delay: 1.7s;
}

.anim-delay-18 {
  --delay: 1.8s;
}

.anim-delay-19 {
  --delay: 1.9s;
}

.anim-delay-20 {
  --delay: 2s;
}

.anim-delay-21 {
  --delay: 2.1s;
}

.anim-delay-22 {
  --delay: 2.2s;
}

.anim-delay-23 {
  --delay: 2.3s;
}

.anim-delay-24 {
  --delay: 2.4s;
}

.anim-delay-25 {
  --delay: 2.5s;
}

.anim-delay-26 {
  --delay: 2.6s;
}

.anim-delay-27 {
  --delay: 2.7s;
}

.anim-delay-28 {
  --delay: 2.8s;
}

.anim-delay-29 {
  --delay: 2.9s;
}

.anim-delay-30 {
  --delay: 3s;
}

.anim-delay-31 {
  --delay: 3.1s;
}

.anim-delay-32 {
  --delay: 3.2s;
}

.anim-delay-33 {
  --delay: 3.3s;
}

.anim-delay-34 {
  --delay: 3.4s;
}

.anim-delay-35 {
  --delay: 3.5s;
}

.anim-delay-36 {
  --delay: 3.6s;
}

.anim-delay-37 {
  --delay: 3.7s;
}

.anim-delay-38 {
  --delay: 3.8s;
}

.anim-delay-39 {
  --delay: 3.9s;
}

.anim-delay-40 {
  --delay: 4s;
}

.anim-delay-41 {
  --delay: 4.1s;
}

.anim-delay-42 {
  --delay: 4.2s;
}

.anim-delay-43 {
  --delay: 4.3s;
}

.anim-delay-44 {
  --delay: 4.4s;
}

.anim-delay-45 {
  --delay: 4.5s;
}

.anim-delay-46 {
  --delay: 4.6s;
}

.anim-delay-47 {
  --delay: 4.7s;
}

.anim-delay-48 {
  --delay: 4.8s;
}

.anim-delay-49 {
  --delay: 4.9s;
}

.anim-delay-50 {
  --delay: 5s;
}

[data-effect] {
  opacity: 0;
  will-change: opacity, transform, filter;
  -webkit-animation-delay: var(--delay, 0s);
          animation-delay: var(--delay, 0s);
}

.fade-in {
  opacity: 0;
}
.fade-in.is-show {
  -webkit-animation-name: fadeIn_anim;
          animation-name: fadeIn_anim;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

@-webkit-keyframes fadeIn_anim {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeIn_anim {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.slide-up {
  opacity: 0;
}
.slide-up.is-show {
  -webkit-animation-name: slideUp_anim;
          animation-name: slideUp_anim;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

@-webkit-keyframes slideUp_anim {
  from {
    opacity: 0;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes slideUp_anim {
  from {
    opacity: 0;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.slide-left {
  opacity: 0;
}
.slide-left.is-show {
  -webkit-animation-name: slideLeft_anim;
          animation-name: slideLeft_anim;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

@-webkit-keyframes slideLeft_anim {
  from {
    opacity: 0;
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes slideLeft_anim {
  from {
    opacity: 0;
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.slide-right {
  opacity: 0;
}
.slide-right.is-show {
  -webkit-animation-name: slideRight_anim;
          animation-name: slideRight_anim;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

@-webkit-keyframes slideRight_anim {
  from {
    opacity: 0;
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes slideRight_anim {
  from {
    opacity: 0;
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.blur-in {
  opacity: 0;
}
.blur-in.is-show {
  -webkit-filter: blur(10px);
          filter: blur(10px);
  -webkit-animation-name: blurIn_anim;
          animation-name: blurIn_anim;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

@-webkit-keyframes blurIn_anim {
  from {
    opacity: 0;
    -webkit-filter: blur(8px);
            filter: blur(8px);
  }
  to {
    opacity: 1;
    -webkit-filter: blur(0);
            filter: blur(0);
  }
}

@keyframes blurIn_anim {
  from {
    opacity: 0;
    -webkit-filter: blur(8px);
            filter: blur(8px);
  }
  to {
    opacity: 1;
    -webkit-filter: blur(0);
            filter: blur(0);
  }
}
.zoom-out {
  opacity: 0;
}
.zoom-out.is-show {
  -webkit-animation-name: zoomOut_anime;
          animation-name: zoomOut_anime;
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
  -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  opacity: 0;
}

@-webkit-keyframes zoomOut_anime {
  from {
    -webkit-transform: scale(1.04);
            transform: scale(1.04);
    opacity: 0;
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@keyframes zoomOut_anime {
  from {
    -webkit-transform: scale(1.04);
            transform: scale(1.04);
    opacity: 0;
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
.clip-path-left {
  opacity: 0;
}
.clip-path-left.is-show {
  -webkit-animation-name: clipPath_Left_anime;
          animation-name: clipPath_Left_anime;
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
  -webkit-animation-timing-function: cubic-bezier(0.8, 0, 0.17, 1);
          animation-timing-function: cubic-bezier(0.8, 0, 0.17, 1);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  opacity: 0;
}

@-webkit-keyframes clipPath_Left_anime {
  from {
    -webkit-clip-path: inset(0 100% 0 0);
            clip-path: inset(0 100% 0 0);
    opacity: 0;
  }
  to {
    -webkit-clip-path: inset(0);
            clip-path: inset(0);
    opacity: 1;
  }
}

@keyframes clipPath_Left_anime {
  from {
    -webkit-clip-path: inset(0 100% 0 0);
            clip-path: inset(0 100% 0 0);
    opacity: 0;
  }
  to {
    -webkit-clip-path: inset(0);
            clip-path: inset(0);
    opacity: 1;
  }
}
.clip-path-right {
  opacity: 0;
}
.clip-path-right.is-show {
  -webkit-animation-name: clipPathRight_anime;
          animation-name: clipPathRight_anime;
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
  -webkit-animation-timing-function: cubic-bezier(0.8, 0, 0.17, 1);
          animation-timing-function: cubic-bezier(0.8, 0, 0.17, 1);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  opacity: 0;
}

@-webkit-keyframes clipPathRight_anime {
  from {
    -webkit-clip-path: inset(0 0 0 100%);
            clip-path: inset(0 0 0 100%);
    opacity: 0;
  }
  to {
    -webkit-clip-path: inset(0);
            clip-path: inset(0);
    opacity: 1;
  }
}

@keyframes clipPathRight_anime {
  from {
    -webkit-clip-path: inset(0 0 0 100%);
            clip-path: inset(0 0 0 100%);
    opacity: 0;
  }
  to {
    -webkit-clip-path: inset(0);
            clip-path: inset(0);
    opacity: 1;
  }
}
.clip-path-top {
  opacity: 0;
}
.clip-path-top.is-show {
  -webkit-animation-name: clipPathTop_anime;
          animation-name: clipPathTop_anime;
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
  -webkit-animation-timing-function: cubic-bezier(0.8, 0, 0.17, 1);
          animation-timing-function: cubic-bezier(0.8, 0, 0.17, 1);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  opacity: 0;
}

@-webkit-keyframes clipPathTop_anime {
  from {
    -webkit-clip-path: inset(0 0 100% 0);
            clip-path: inset(0 0 100% 0);
    opacity: 0;
  }
  to {
    -webkit-clip-path: inset(0);
            clip-path: inset(0);
    opacity: 1;
  }
}

@keyframes clipPathTop_anime {
  from {
    -webkit-clip-path: inset(0 0 100% 0);
            clip-path: inset(0 0 100% 0);
    opacity: 0;
  }
  to {
    -webkit-clip-path: inset(0);
            clip-path: inset(0);
    opacity: 1;
  }
}
.clip-path-bottom {
  opacity: 0;
}
.clip-path-bottom.is-show {
  -webkit-animation-name: clipPathBottom_anime;
          animation-name: clipPathBottom_anime;
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
  -webkit-animation-timing-function: cubic-bezier(0.8, 0, 0.17, 1);
          animation-timing-function: cubic-bezier(0.8, 0, 0.17, 1);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  opacity: 0;
}

@-webkit-keyframes clipPathBottom_anime {
  from {
    -webkit-clip-path: inset(100% 0 0 0);
            clip-path: inset(100% 0 0 0);
    opacity: 0;
  }
  to {
    -webkit-clip-path: inset(0);
            clip-path: inset(0);
    opacity: 1;
  }
}

@keyframes clipPathBottom_anime {
  from {
    -webkit-clip-path: inset(100% 0 0 0);
            clip-path: inset(100% 0 0 0);
    opacity: 0;
  }
  to {
    -webkit-clip-path: inset(0);
            clip-path: inset(0);
    opacity: 1;
  }
}
.clip-path-topleft {
  opacity: 0;
}
.clip-path-topleft.is-show {
  -webkit-animation-name: clipPathTopLeft_anime;
          animation-name: clipPathTopLeft_anime;
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
  -webkit-animation-timing-function: cubic-bezier(0.8, 0, 0.17, 1);
          animation-timing-function: cubic-bezier(0.8, 0, 0.17, 1);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  opacity: 0;
}

@-webkit-keyframes clipPathTopLeft_anime {
  from {
    -webkit-clip-path: inset(0 100% 100% 0);
            clip-path: inset(0 100% 100% 0);
    opacity: 0;
  }
  to {
    -webkit-clip-path: inset(0);
            clip-path: inset(0);
    opacity: 1;
  }
}

@keyframes clipPathTopLeft_anime {
  from {
    -webkit-clip-path: inset(0 100% 100% 0);
            clip-path: inset(0 100% 100% 0);
    opacity: 0;
  }
  to {
    -webkit-clip-path: inset(0);
            clip-path: inset(0);
    opacity: 1;
  }
}
.clip-path-center {
  opacity: 0;
}
.clip-path-center.is-show {
  -webkit-animation-name: clipPathCenter_anime;
          animation-name: clipPathCenter_anime;
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
  -webkit-animation-timing-function: cubic-bezier(0.8, 0, 0.17, 1);
          animation-timing-function: cubic-bezier(0.8, 0, 0.17, 1);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  opacity: 0;
}

@-webkit-keyframes clipPathCenter_anime {
  from {
    -webkit-clip-path: inset(100% 0 100%);
            clip-path: inset(100% 0 100%);
    opacity: 0;
  }
  to {
    -webkit-clip-path: inset(0);
            clip-path: inset(0);
    opacity: 1;
  }
}

@keyframes clipPathCenter_anime {
  from {
    -webkit-clip-path: inset(100% 0 100%);
            clip-path: inset(100% 0 100%);
    opacity: 0;
  }
  to {
    -webkit-clip-path: inset(0);
            clip-path: inset(0);
    opacity: 1;
  }
}
.clip-path-circle {
  opacity: 0;
}
.clip-path-circle.is-show {
  -webkit-animation-name: clipPathCircle_anime;
          animation-name: clipPathCircle_anime;
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
  -webkit-animation-timing-function: cubic-bezier(0.8, 0, 0.17, 1);
          animation-timing-function: cubic-bezier(0.8, 0, 0.17, 1);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  opacity: 0;
}

@-webkit-keyframes clipPathCircle_anime {
  from {
    -webkit-clip-path: circle(0 at 50% 200%);
            clip-path: circle(0 at 50% 200%);
    opacity: 0;
  }
  to {
    -webkit-clip-path: circle(100% at 50% 50%);
            clip-path: circle(100% at 50% 50%);
    opacity: 1;
  }
}

@keyframes clipPathCircle_anime {
  from {
    -webkit-clip-path: circle(0 at 50% 200%);
            clip-path: circle(0 at 50% 200%);
    opacity: 0;
  }
  to {
    -webkit-clip-path: circle(100% at 50% 50%);
            clip-path: circle(100% at 50% 50%);
    opacity: 1;
  }
}
.clip-path-polygon {
  opacity: 0;
}
.clip-path-polygon.is-show {
  -webkit-animation-name: clipPathPolygon_anime;
          animation-name: clipPathPolygon_anime;
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
  -webkit-animation-timing-function: cubic-bezier(0.8, 0, 0.17, 1);
          animation-timing-function: cubic-bezier(0.8, 0, 0.17, 1);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  opacity: 0;
}

@-webkit-keyframes clipPathPolygon_anime {
  from {
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
    opacity: 0;
  }
  to {
    -webkit-clip-path: polygon(0 0, 200% 0, 0 200%);
            clip-path: polygon(0 0, 200% 0, 0 200%);
    opacity: 1;
  }
}

@keyframes clipPathPolygon_anime {
  from {
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
    opacity: 0;
  }
  to {
    -webkit-clip-path: polygon(0 0, 200% 0, 0 200%);
            clip-path: polygon(0 0, 200% 0, 0 200%);
    opacity: 1;
  }
}
.mask-bg-slide-left {
  display: inline-block;
  overflow: hidden;
  position: relative;
  opacity: 1;
}
.mask-bg-slide-left > * {
  opacity: 0;
  position: relative;
  z-index: 0;
}
.mask-bg-slide-left::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #C3E33A;
  -webkit-transform: translateX(-101%);
          transform: translateX(-101%);
  z-index: 1;
  pointer-events: none;
}
.mask-bg-slide-left.is-show > * {
  -webkit-animation: maskBgRevealImg_anime 1.2s cubic-bezier(0.8, 0, 0.17, 1) both;
          animation: maskBgRevealImg_anime 1.2s cubic-bezier(0.8, 0, 0.17, 1) both;
}
.mask-bg-slide-left.is-show::after {
  -webkit-animation: maskBgSlideLeft_anime 1.2s cubic-bezier(0.8, 0, 0.17, 1) both;
          animation: maskBgSlideLeft_anime 1.2s cubic-bezier(0.8, 0, 0.17, 1) both;
}

@-webkit-keyframes maskBgSlideLeft_anime {
  0% {
    -webkit-transform: translateX(-101%);
            transform: translateX(-101%);
  }
  40%, 60% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateX(101%);
            transform: translateX(101%);
  }
}

@keyframes maskBgSlideLeft_anime {
  0% {
    -webkit-transform: translateX(-101%);
            transform: translateX(-101%);
  }
  40%, 60% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateX(101%);
            transform: translateX(101%);
  }
}
@-webkit-keyframes maskBgRevealImg_anime {
  0% {
    opacity: 0;
  }
  34% {
    opacity: 0;
  }
  44% {
    opacity: 0;
  }
  45% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes maskBgRevealImg_anime {
  0% {
    opacity: 0;
  }
  34% {
    opacity: 0;
  }
  44% {
    opacity: 0;
  }
  45% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
:root {
  --design_width: 1280;
  --design_height: 720;
}
@media (max-width: 766px) {
  :root {
    --design_width: 375;
    --design_height: 667;
  }
}
:root {
  --header_height: 70px;
}
@media (max-width: 766px) {
  :root {
    --header_height: 52px;
  }
}
:root {
  --Font__En__plus-jakarta-sans: "Plus Jakarta Sans", sans-serif;
  --Font__En__outfit: "Outfit", sans-serif;
  --Font__En__josefin: "Josefin Sans", sans-serif;
  --Font__Ja__zen-old-mincho-regular: "Zen Old Mincho", serif;
  --Font__Ja__zen-kaku-gothic-new-regular: "Zen Kaku Gothic New", sans-serif;
  --color-body: #000;
  --color-black: #000;
  --color-white: #fff;
  --color-gray-85: #262626;
  --color-gray-75: #4c4c4c;
  --color-gray-55: #737373;
  --color-gray-40: #999;
  --color-gray-25: #bfbfbf;
  --color-gray-10: #e5e5e5;
}

#lp__wrapper * {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
       text-size-adjust: 100%;
  scroll-behavior: auto;
  -moz-tab-size: 4;
    -o-tab-size: 4;
       tab-size: 4;
}
#lp__wrapper * picture, #lp__wrapper * img {
  width: 100%;
  height: auto;
  display: block;
  overflow: hidden;
}
#lp__wrapper * video {
  display: block;
  max-width: 100%;
  height: auto;
}
#lp__wrapper * a {
  text-decoration: none;
  color: unset;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
@media (hover: hover) and (pointer: fine) {
  #lp__wrapper * a:hover {
    cursor: pointer;
  }
}

.button__base {
  display: block;
  width: auto;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.button__base:hover {
  cursor: pointer;
}
.button__base.cv__products__all {
  position: relative;
  width: calc(357 / var(--design_width) * 100vw);
  margin-inline: auto;
  padding-block: calc(12.95 / var(--design_width) * 100vw);
  border: solid calc(1 / var(--design_width) * 100vw) var(--color-primary);
  border-radius: 999px;
  background-color: var(--color-primary);
  text-align: center;
  color: var(--color-white);
}
.button__base.cv__products__all .btn__inner {
  position: relative;
  display: block;
  text-box: trim-both cap alphabetic;
  font-family: var(--Font__Ja__01);
  font-size: calc(16 / var(--design_width) * 100vw);
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.019em;
  text-align: center;
}
.button__base.cv__products__all .btn__arw {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
  display: block;
}
.button__base.cv__products__all .btn__arw::before {
  position: absolute;
  right: calc(16 / var(--design_width) * 100vw);
  top: 0;
  bottom: 0;
  content: "";
  width: calc(10 / var(--design_width) * 100vw);
  height: calc(10 / var(--design_width) * 100vw);
  aspect-ratio: 1/1;
  margin-block: auto;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border-right: calc(1 / var(--design_width) * 100vw) solid var(--color-white);
  border-top: calc(1 / var(--design_width) * 100vw) solid var(--color-white);
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.button__base.cv__products__all:hover {
  background-color: var(--color-secondary);
}
.button__base.cv__products__all:hover span {
  color: var(--color-black);
}
.button__base.cv__products__all:hover span::before {
  border-right: calc(1 / var(--design_width) * 100vw) solid var(--color-black);
  border-top: calc(1 / var(--design_width) * 100vw) solid var(--color-black);
}
.button__base.cv__products__all:hover img {
  -webkit-filter: invert(100%) sepia(0%) brightness(100%) contrast(100%);
          filter: invert(100%) sepia(0%) brightness(100%) contrast(100%);
}
.button__base.cv__products__all img {
  position: relative;
  width: calc(76.22 / var(--design_width) * 100vw);
  height: calc(14.8 / var(--design_width) * 100vw);
  margin-inline: auto;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.button__base.cv__products__item {
  position: relative;
  width: calc(126 / var(--design_width) * 100vw);
  margin-inline: auto;
  padding-block: calc(5 / var(--design_width) * 100vw);
  text-align: center;
  background-color: var(--color-black);
}
.button__base.cv__products__item .btn__inner {
  position: relative;
  display: block;
  width: calc(30.62 / var(--design_width) * 100vw);
  margin-inline: auto;
}
.button__base.cv__products__item:hover {
  opacity: 0.6;
}
.button__base.cv__style__item {
  position: relative;
  width: calc(46 / var(--design_width) * 100vw);
  margin-inline: auto;
  padding-block: calc(3 / var(--design_width) * 100vw);
  text-align: center;
  background-color: var(--color-black);
}
.button__base.cv__style__item .btn__inner {
  position: relative;
  display: block;
  width: calc(21 / var(--design_width) * 100vw);
  margin-inline: auto;
}
.button__base.cv__style__item:hover {
  opacity: 0.6;
}

.section__head {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}
.section__head h2 {
  position: relative;
  display: grid;
  gap: calc(15 / var(--design_width) * 100vw);
}
.section__head h2 span {
  position: relative;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}
.section__head h2 .head__title {
  position: relative;
  display: grid;
  gap: calc(8.6 / var(--design_width) * 100vw);
}
.section__head h2 .head__title span {
  position: relative;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}
.section__head.head__first__edition h2 span.head__title__sub {
  width: calc(67 / var(--design_width) * 100vw);
}
.section__head.head__first__edition h2 .head__title span.head__title__h2 {
  width: calc(144.18 / var(--design_width) * 100vw);
}
.section__head.head__first__edition h2 .head__title span.head__title__line {
  width: calc(174 / var(--design_width) * 100vw);
}
.section__head.head__pre__order h2 span.head__title__sub {
  width: calc(173.89 / var(--design_width) * 100vw);
}
.section__head.head__pre__order h2 .head__title span.head__title__h2 {
  width: calc(216.77 / var(--design_width) * 100vw);
}
.section__head.head__pre__order h2 .head__title span.head__title__line {
  width: calc(215 / var(--design_width) * 100vw);
}

.section__read {
  position: relative;
}
.section__read p {
  font-family: var(--Font__Ja__zen-old-mincho-regular);
  font-size: calc(14 / var(--design_width) * 100vw);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.028em;
  text-align: center;
}
.section__read.first__edition__read {
  padding-block: calc(18 / var(--design_width) * 100vw) calc(15 / var(--design_width) * 100vw);
}
.section__read.pre__order__read {
  padding-block: calc(18 / var(--design_width) * 100vw) calc(34.1 / var(--design_width) * 100vw);
  width: calc(247 / var(--design_width) * 100vw);
  margin-inline: auto;
}

.section__video {
  position: relative;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}
.section__video video {
  -o-object-position: center;
     object-position: center;
  width: 100%;
  height: 100%;
  width: calc(334 / var(--design_width) * 100vw);
}
.section__main {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}
.section__main span {
  position: absolute;
  z-index: 1;
}
.section__main[data-section-main=section__first__edition] .icon__info {
  top: calc(-2 / var(--design_width) * 100vw);
  right: calc(0 / var(--design_width) * 100vw);
  width: calc(96 / var(--design_width) * 100vw);
  height: calc(96 / var(--design_width) * 100vw);
  aspect-ratio: 1/1;
}
.section__main[data-section-main=section__first__edition] .frametype__name {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: calc(6 / var(--design_width) * 100vw);
  width: calc(11 / var(--design_width) * 100vw);
}
.section__main[data-section-main=section__first__edition] .product__category {
  right: calc(-1 / var(--design_width) * 100vw);
  bottom: calc(-16 / var(--design_width) * 100vw);
  width: calc(185 / var(--design_width) * 100vw);
  -webkit-transform: rotate(352deg);
          transform: rotate(352deg);
}
.section__main[data-section-main=section__pre__order] .icon__info {
  top: calc(-25 / var(--design_width) * 100vw);
  right: calc(-3 / var(--design_width) * 100vw);
  width: calc(95 / var(--design_width) * 100vw);
  height: calc(95 / var(--design_width) * 100vw);
  aspect-ratio: 1/1;
}
.section__main[data-section-main=section__pre__order] .frametype__name {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: calc(7 / var(--design_width) * 100vw);
  width: calc(11 / var(--design_width) * 100vw);
}
.section__main[data-section-main=section__pre__order] .product__category {
  right: calc(-1 / var(--design_width) * 100vw);
  bottom: calc(-10 / var(--design_width) * 100vw);
  width: calc(199 / var(--design_width) * 100vw);
  -webkit-transform: rotate(-10deg);
          transform: rotate(-10deg);
}

.lp__benefit {
  position: relative;
  padding-block: calc(56 / var(--design_width) * 100vw) calc(39 / var(--design_width) * 100vw);
}
.lp__benefit .benefit__lists {
  position: relative;
  width: calc(322 / var(--design_width) * 100vw);
  margin-inline: auto;
}
.lp__benefit .benefit__lists .benefit__lists__head {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}
.lp__benefit .benefit__lists .benefit__lists__head h3 {
  display: grid;
  gap: calc(2 / var(--design_width) * 100vw);
}
.lp__benefit .benefit__lists .benefit__lists__head h3 span {
  position: relative;
  display: block;
  margin-inline: auto;
}
.lp__benefit .benefit__lists .benefit__lists__head h3 span.benefit__head__title__h3 {
  width: calc(279 / var(--design_width) * 100vw);
}
.lp__benefit .benefit__lists .benefit__lists__head h3 span.benefit__head__line {
  width: calc(225 / var(--design_width) * 100vw);
}
.lp__benefit .benefit__lists.lists__first__edition {
  padding-block: calc(23 / var(--design_width) * 100vw) calc(31 / var(--design_width) * 100vw);
  border-radius: calc(4 / var(--design_width) * 100vw);
  background-color: #FFF8F5;
}
.lp__benefit .benefit__lists.lists__pre__order {
  padding-block: calc(23 / var(--design_width) * 100vw) calc(31 / var(--design_width) * 100vw);
  border-radius: calc(4 / var(--design_width) * 100vw);
  background-color: #FFFDF5;
}
.lp__benefit .benefit__lists .benefit__lists__container {
  position: relative;
  -webkit-padding-before: calc(23 / var(--design_width) * 100vw);
          padding-block-start: calc(23 / var(--design_width) * 100vw);
  display: grid;
  gap: calc(24 / var(--design_width) * 100vw);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}
.lp__benefit .benefit__lists .benefit__lists__container .list__item {
  position: relative;
  display: grid;
  gap: calc(13.5 / var(--design_width) * 100vw);
}
.lp__benefit .benefit__lists .benefit__lists__container .list__item h4 span {
  position: relative;
  display: block;
  width: calc(275.4 / var(--design_width) * 100vw);
}
.lp__benefit .benefit__lists .benefit__lists__container .list__item .list__desc {
  width: calc(278 / var(--design_width) * 100vw);
}
.lp__benefit .benefit__lists .benefit__lists__container .list__item .list__desc p {
  font-family: var(--Font__Ja__zen-kaku-gothic-new-regular);
  font-size: calc(13 / var(--design_width) * 100vw);
  font-weight: 400;
  line-height: 1.6153846154;
  letter-spacing: 0.028em;
}

.lp__cv {
  position: relative;
}
.lp__cv .cv__product__wrapper {
  position: relative;
  display: grid;
  gap: calc(11 / var(--design_width) * 100vw);
  -webkit-padding-after: calc(9 / var(--design_width) * 100vw);
          padding-block-end: calc(9 / var(--design_width) * 100vw);
}
.lp__cv .cv__product__wrapper span {
  position: inherit;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}
.lp__cv .cv__product__wrapper span.product__name {
  font-family: var(--Font__Ja__zen-kaku-gothic-new-regular);
  font-size: calc(16 / var(--design_width) * 100vw);
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.008em;
}
.lp__cv .cv__product__wrapper span.product__price {
  font-family: var(--Font__En__plus-jakarta-sans);
  font-size: calc(17 / var(--design_width) * 100vw);
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.005em;
  text-box: trim-both cap alphabetic;
}
.lp__cv .cv__product__wrapper span.product__price::before {
  content: "¥";
  font-family: var(--Font__En__plus-jakarta-sans);
  font-size: calc(14 / var(--design_width) * 100vw);
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.1em;
  text-box: trim-both cap alphabetic;
}
.lp__cv .cv__product__wrapper span.product__price::after {
  content: "(Tax in)";
  padding-inline: calc(4 / var(--design_width) * 100vw);
  font-family: var(--Font__En__outfit);
  font-size: calc(10 / var(--design_width) * 100vw);
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.038em;
  text-box: trim-both cap alphabetic;
}

#lp__wrapper {
  width: 100%;
  height: auto;
  background-color: #fff;
  color: var(--color-body);
}

#lp__wrapper {
  position: relative;
}
.lp__container {
  position: relative;
  width: calc(375 / var(--design_width) * 100vw + 66 / var(--design_width) * 100vw);
  height: auto;
  margin-block: calc(75 / var(--design_width) * 100vw);
  -webkit-margin-start: auto;
          margin-inline-start: auto;
  -webkit-margin-end: calc(95 / var(--design_width) * 100vw);
          margin-inline-end: calc(95 / var(--design_width) * 100vw);
  padding-block: calc(30 / var(--design_width) * 100vw) calc(37 / var(--design_width) * 100vw);
  background-color: var(--color-white);
  z-index: 10;
}
@media (max-width: 766px) {
  .lp__container {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
  }
}
.lp__container .container__base {
  position: relative;
  width: calc(375 / var(--design_width) * 100vw);
  height: auto;
  margin-inline: auto;
}
.lp__container .container__base .lp__mv {
  position: relative;
  pointer-events: none;
}
.lp__container .container__base .lp__mv .mv__title__sub {
  position: absolute;
  top: calc(17.3 / var(--design_width) * 100vw);
  right: calc(12 / var(--design_width) * 100vw);
  width: calc(9.1 / var(--design_width) * 100vw);
  z-index: 1;
}
.lp__container .container__base .lp__mv .mv__icon {
  position: absolute;
  top: calc(254.4 / var(--design_width) * 100vw);
  right: calc(16.6 / var(--design_width) * 100vw);
  width: calc(88.14 / var(--design_width) * 100vw);
  z-index: 1;
}
.lp__container .container__base .lp__mv .mv__title {
  position: absolute;
  bottom: calc(60.6 / var(--design_width) * 100vw);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  z-index: 2;
}
.lp__container .container__base .lp__mv .mv__title h1 {
  display: grid;
  gap: calc(6.4 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__mv .mv__title h1 span {
  position: relative;
  display: block;
}
.lp__container .container__base .lp__mv .mv__title h1 span.mv__title__h1__sub {
  left: calc(91 / var(--design_width) * 100vw);
  width: calc(193.04 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__mv .mv__title h1 span.mv__title__h1__main {
  left: calc(37 / var(--design_width) * 100vw);
  width: calc(302 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__mv .mv__image {
  position: relative;
  overflow: hidden;
}
.lp__container .container__base .lp__intro {
  position: relative;
}
.lp__container .container__base .lp__intro .intro__read {
  position: relative;
  padding-block: calc(28 / var(--design_width) * 100vw) calc(35 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__intro .intro__read p {
  font-family: var(--Font__Ja__zen-old-mincho-regular);
  font-size: calc(12 / var(--design_width) * 100vw);
  font-weight: 500;
  line-height: 1.8333333333;
  letter-spacing: 0.028em;
  text-align: center;
}
.lp__container .container__base .lp__intro .intro__read p .read__line {
  position: relative;
  display: inline-block;
  opacity: 1;
  z-index: 0;
}
.lp__container .container__base .lp__intro .intro__read p .read__line::after {
  content: "";
  position: absolute;
  left: calc(-3 / var(--design_width) * 100vw);
  bottom: calc(1 / var(--design_width) * 100vw);
  width: 100%;
  height: calc(7 / var(--design_width) * 100vw);
  background-image: url("/assets/images/intro/read__line.svg");
  background-repeat: no-repeat;
  background-position: left;
  background-size: contain;
  -webkit-clip-path: inset(0 100% 0 0);
          clip-path: inset(0 100% 0 0);
  will-change: clip-path;
  pointer-events: none;
  z-index: -1;
}
.lp__container .container__base .lp__intro .intro__read p .read__line.clip-path-left {
  opacity: 1;
  -webkit-animation: none;
          animation: none;
  -webkit-clip-path: none;
          clip-path: none;
}
.lp__container .container__base .lp__intro .intro__read p .read__line.clip-path-left.is-show::after {
  -webkit-animation: readLineClipPathLeft_anime 1.2s cubic-bezier(0.8, 0, 0.17, 1) both;
          animation: readLineClipPathLeft_anime 1.2s cubic-bezier(0.8, 0, 0.17, 1) both;
}
@-webkit-keyframes readLineClipPathLeft_anime {
  from {
    -webkit-clip-path: inset(0 100% 0 0);
            clip-path: inset(0 100% 0 0);
  }
  to {
    -webkit-clip-path: inset(0);
            clip-path: inset(0);
  }
}
@keyframes readLineClipPathLeft_anime {
  from {
    -webkit-clip-path: inset(0 100% 0 0);
            clip-path: inset(0 100% 0 0);
  }
  to {
    -webkit-clip-path: inset(0);
            clip-path: inset(0);
  }
}
.lp__container .container__base .lp__intro .intro__desc {
  position: relative;
  display: grid;
  gap: calc(10.8 / var(--design_width) * 100vw);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}
.lp__container .container__base .lp__intro .intro__desc .intro__check {
  position: relative;
  width: calc(144.45 / var(--design_width) * 100vw);
  margin-inline: auto;
}
.lp__container .container__base .lp__intro .intro__desc .intro__desc__image {
  position: relative;
  width: calc(322 / var(--design_width) * 100vw);
  margin-inline: auto;
}
.lp__container .container__base .lp__intro .intro__profile {
  position: relative;
  width: calc(322 / var(--design_width) * 100vw);
  -webkit-margin-before: calc(38 / var(--design_width) * 100vw);
          margin-block-start: calc(38 / var(--design_width) * 100vw);
  margin-inline: auto;
  padding-block: calc(29 / var(--design_width) * 100vw) calc(19 / var(--design_width) * 100vw);
  padding-inline: calc(22 / var(--design_width) * 100vw);
  border-radius: calc(4 / var(--design_width) * 100vw);
  background-color: #F4F4F4;
}
.lp__container .container__base .lp__intro .intro__profile .profile__head {
  position: relative;
  display: grid;
  gap: calc(10 / var(--design_width) * 100vw);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding-block: calc(22 / var(--design_width) * 100vw) calc(25 / var(--design_width) * 100vw);
  padding-inline: calc(2 / var(--design_width) * 100vw);
  border-top: solid calc(1 / var(--design_width) * 100vw) var(--color-black);
  border-bottom: solid calc(1 / var(--design_width) * 100vw) var(--color-black);
}
.lp__container .container__base .lp__intro .intro__profile .profile__head span {
  position: relative;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  letter-spacing: 0.028em;
  text-align: center;
}
.lp__container .container__base .lp__intro .intro__profile .profile__head span.profile__title {
  font-family: var(--Font__Ja__zen-kaku-gothic-new-regular);
  font-size: calc(11 / var(--design_width) * 100vw);
  font-weight: 400;
  line-height: 1;
}
.lp__container .container__base .lp__intro .intro__profile .profile__head span.profile__name {
  font-family: var(--Font__Ja__zen-old-mincho-regular);
  font-size: calc(22 / var(--design_width) * 100vw);
  font-weight: 500;
  line-height: 1;
}
.lp__container .container__base .lp__intro .intro__profile .profile__image {
  position: absolute;
  top: calc(16 / var(--design_width) * 100vw);
  right: calc(17 / var(--design_width) * 100vw);
  width: calc(125 / var(--design_width) * 100vw);
  height: calc(125 / var(--design_width) * 100vw);
  aspect-ratio: 1/1;
  z-index: 1;
}
.lp__container .container__base .lp__intro .intro__profile .profile__desc {
  position: relative;
  -webkit-padding-before: calc(26 / var(--design_width) * 100vw);
          padding-block-start: calc(26 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__intro .intro__profile .profile__desc p {
  font-family: var(--Font__Ja__zen-kaku-gothic-new-regular);
  font-size: calc(11 / var(--design_width) * 100vw);
  font-weight: 400;
  line-height: 1.7272727273;
  letter-spacing: 0.028em;
}
.lp__container .container__base .lp__intro .intro__profile .profile__name__sub {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
  width: calc(9.27 / var(--design_width) * 100vw);
  z-index: 1;
}
.lp__container .container__base .first__edition {
  position: relative;
  padding-block: calc(32 / var(--design_width) * 100vw) calc(52 / var(--design_width) * 100vw);
}
.lp__container .container__base .pre__order {
  position: relative;
  padding-block: calc(53 / var(--design_width) * 100vw) calc(0 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__style {
  position: relative;
  padding-block: calc(47 / var(--design_width) * 100vw) calc(0 / var(--design_width) * 100vw);
  background-color: #EFF5FF;
}
.lp__container .container__base .lp__style .style__container {
  position: relative;
  -webkit-padding-after: calc(60 / var(--design_width) * 100vw);
          padding-block-end: calc(60 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__style h3 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: end;
      -ms-flex-align: end;
          align-items: end;
  gap: calc(11 / var(--design_width) * 100vw);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.lp__container .container__base .lp__style h3 span {
  position: relative;
  display: block;
}
.lp__container .container__base .lp__style h3 span.style__title {
  width: calc(40 / var(--design_width) * 100vw);
  -webkit-padding-after: calc(4 / var(--design_width) * 100vw);
          padding-block-end: calc(4 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__style h3 span.style__num {
  width: calc(40 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__style .style__read {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding-block: calc(19.4 / var(--design_width) * 100vw) calc(25 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__style .style__read p {
  font-family: var(--Font__Ja__zen-old-mincho-regular);
  font-size: calc(14 / var(--design_width) * 100vw);
  font-weight: 500;
  line-height: 1.7142857143;
  letter-spacing: 0.028em;
}
.lp__container .container__base .lp__style .style__view {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.lp__container .container__base .lp__style .style__view span {
  position: absolute;
  z-index: 1;
}
.lp__container .container__base .lp__style .style__view .style__image {
  width: calc(315 / var(--design_width) * 100vw);
  overflow: hidden;
}
.lp__container .container__base .lp__style .style__credit {
  position: relative;
  display: grid;
  gap: calc(19 / var(--design_width) * 100vw);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-padding-before: calc(28 / var(--design_width) * 100vw);
          padding-block-start: calc(28 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__style .style__credit .credit__body {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: calc(9 / var(--design_width) * 100vw);
  -webkit-flex-flow: nowrap;
      -ms-flex-flow: nowrap;
          flex-flow: nowrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.lp__container .container__base .lp__style .style__credit .credit__body .credit__item {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: end;
      -ms-flex-align: end;
          align-items: end;
}
.lp__container .container__base .lp__style .style__credit .credit__body .credit__item span {
  position: relative;
  display: block;
  text-box: trim-both cap alphabetic;
}
.lp__container .container__base .lp__style .style__credit .credit__body .credit__item span.credit__name {
  font-family: var(--Font__En__josefin);
  font-size: calc(13 / var(--design_width) * 100vw);
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.001em;
}
.lp__container .container__base .lp__style .style__credit .credit__body .credit__item span.credit__price {
  font-family: var(--Font__En__plus-jakarta-sans);
  font-size: calc(13 / var(--design_width) * 100vw);
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.005em;
}
.lp__container .container__base .lp__style .style__credit .credit__body .credit__item span.credit__price::before {
  content: "¥";
  font-family: var(--Font__En__plus-jakarta-sans);
  font-size: calc(11 / var(--design_width) * 100vw);
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.1em;
}
.lp__container .container__base .lp__style .style__credit .credit__body .credit__item span.credit__price::after {
  content: "(Tax in)";
  -webkit-padding-start: calc(2 / var(--design_width) * 100vw);
          padding-inline-start: calc(2 / var(--design_width) * 100vw);
  font-family: var(--Font__En__outfit);
  font-size: calc(8 / var(--design_width) * 100vw);
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.038em;
}
.lp__container .container__base .lp__style__pre__order {
  position: relative;
  padding-block: calc(50.8 / var(--design_width) * 100vw) calc(75.5 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__style__pre__order .style__container {
  position: relative;
}
.lp__container .container__base .lp__style__pre__order .style__view {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.lp__container .container__base .lp__style__pre__order .style__view span {
  position: absolute;
  z-index: 1;
}
.lp__container .container__base .lp__style__pre__order .style__view .style__image {
  width: calc(282 / var(--design_width) * 100vw);
  overflow: hidden;
}
.lp__container .container__base .lp__style__pre__order .style__credit {
  position: relative;
  display: grid;
  gap: calc(19 / var(--design_width) * 100vw);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-padding-before: calc(28 / var(--design_width) * 100vw);
          padding-block-start: calc(28 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__style__pre__order .style__credit .credit__body {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: calc(9 / var(--design_width) * 100vw);
  -webkit-flex-flow: nowrap;
      -ms-flex-flow: nowrap;
          flex-flow: nowrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.lp__container .container__base .lp__style__pre__order .style__credit .credit__body .credit__item {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: end;
      -ms-flex-align: end;
          align-items: end;
}
.lp__container .container__base .lp__style__pre__order .style__credit .credit__body .credit__item span {
  position: relative;
  display: block;
  text-box: trim-both cap alphabetic;
}
.lp__container .container__base .lp__style__pre__order .style__credit .credit__body .credit__item span.credit__name {
  font-family: var(--Font__En__josefin);
  font-size: calc(13 / var(--design_width) * 100vw);
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.001em;
}
.lp__container .container__base .lp__style__pre__order .style__credit .credit__body .credit__item span.credit__price {
  font-family: var(--Font__En__plus-jakarta-sans);
  font-size: calc(13 / var(--design_width) * 100vw);
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.005em;
}
.lp__container .container__base .lp__style__pre__order .style__credit .credit__body .credit__item span.credit__price::before {
  content: "¥";
  font-family: var(--Font__En__plus-jakarta-sans);
  font-size: calc(11 / var(--design_width) * 100vw);
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.1em;
}
.lp__container .container__base .lp__style__pre__order .style__credit .credit__body .credit__item span.credit__price::after {
  content: "(Tax in)";
  -webkit-padding-start: calc(2 / var(--design_width) * 100vw);
          padding-inline-start: calc(2 / var(--design_width) * 100vw);
  font-family: var(--Font__En__outfit);
  font-size: calc(8 / var(--design_width) * 100vw);
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.038em;
}
.lp__container .container__base .lp__footer {
  position: relative;
}
.lp__container .container__base .lp__footer .footer__info {
  position: relative;
  display: grid;
  gap: calc(26.9 / var(--design_width) * 100vw);
  -webkit-padding-after: calc(76 / var(--design_width) * 100vw);
          padding-block-end: calc(76 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__footer .footer__info span {
  position: relative;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}
.lp__container .container__base .lp__footer .footer__info span.footer__info__main {
  width: calc(220 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__footer .footer__info span.footer__info__sub {
  width: calc(190.75 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__footer .copyright {
  position: relative;
  font-family: var(--Font__En__josefin);
  font-size: calc(11 / var(--design_width) * 100vw);
  font-weight: 400;
  line-height: 1.7272727273;
  letter-spacing: 0.025em;
  text-align: center;
}
.lp__container .container__base .lp__footer .footer__after {
  position: relative;
  display: grid;
  gap: calc(19 / var(--design_width) * 100vw);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  -webkit-padding-before: calc(28 / var(--design_width) * 100vw);
          padding-block-start: calc(28 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__footer .footer__after .logo__lp {
  position: relative;
  width: calc(156 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__footer .footer__after .footer__icon {
  position: relative;
  display: grid;
  gap: calc(28 / var(--design_width) * 100vw);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}
.lp__container .container__base .lp__footer .footer__after .footer__icon span {
  position: relative;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}
.lp__container .container__base .lp__footer .footer__after .footer__icon span.logo__elura {
  width: calc(70 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__footer .footer__after .footer__icon span.icon__ig {
  width: calc(13 / var(--design_width) * 100vw);
  height: calc(13 / var(--design_width) * 100vw);
  aspect-ratio: 1/1;
}

.lp__background {
  position: fixed;
  left: 0;
  width: 100%;
  display: block;
}
@media (max-width: 766px) {
  .lp__background {
    display: none;
  }
}
.lp__background .background__image {
  content: "";
  background-image: url("../../assets/images/background/background__pc.jpg");
  background-position: top left;
  background-repeat: no-repeat;
  background-size: cover;
  position: fixed;
  top: calc(var(--header_height) + 110px);
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.background__title__sub {
  position: fixed;
  top: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  right: calc(20 / var(--design_width) * 100vw);
  display: block;
  width: calc(9 / var(--design_width) * 100vw);
  pointer-events: none;
  z-index: 1;
}
@media (max-width: 766px) {
  .background__title__sub {
    display: none;
  }
}

.style__container[data-style-num=STYLE__01] h3,
.style__container[data-style-num=STYLE__01] .style__read {
  -webkit-margin-start: calc(29 / var(--design_width) * 100vw);
          margin-inline-start: calc(29 / var(--design_width) * 100vw);
}
.style__container[data-style-num=STYLE__01] .style__read p {
  text-align: left;
}
.style__container[data-style-num=STYLE__01] .style__view {
  -webkit-margin-end: auto;
          margin-inline-end: auto;
}
.style__container[data-style-num=STYLE__01] .style__view .style__image__title {
  top: calc(14.6 / var(--design_width) * 100vw);
  right: calc(-19 / var(--design_width) * 100vw);
  width: calc(28.76 / var(--design_width) * 100vw);
}
.style__container[data-style-num=STYLE__01] .style__credit {
  margin-inline: auto;
}
.style__container[data-style-num=STYLE__01] .style__credit .credit__body .credit__item {
  width: calc(143 / var(--design_width) * 100vw);
}
.style__container[data-style-num=STYLE__02] h3,
.style__container[data-style-num=STYLE__02] .style__read {
  -webkit-margin-start: auto;
          margin-inline-start: auto;
  -webkit-margin-end: calc(27 / var(--design_width) * 100vw);
          margin-inline-end: calc(27 / var(--design_width) * 100vw);
}
.style__container[data-style-num=STYLE__02] .style__read p {
  text-align: right;
}
.style__container[data-style-num=STYLE__02] .style__view {
  -webkit-margin-start: auto;
          margin-inline-start: auto;
}
.style__container[data-style-num=STYLE__02] .style__view .style__image__title {
  top: calc(12.4 / var(--design_width) * 100vw);
  left: calc(-11 / var(--design_width) * 100vw);
  width: calc(27.99 / var(--design_width) * 100vw);
}
.style__container[data-style-num=STYLE__02] .style__credit {
  margin-inline: auto;
}
.style__container[data-style-num=STYLE__02] .style__credit .credit__body .credit__item {
  width: calc(143 / var(--design_width) * 100vw);
}
.style__container[data-style-num=STYLE__03] h3,
.style__container[data-style-num=STYLE__03] .style__read {
  -webkit-margin-start: calc(29 / var(--design_width) * 100vw);
          margin-inline-start: calc(29 / var(--design_width) * 100vw);
}
.style__container[data-style-num=STYLE__03] .style__read p {
  text-align: left;
}
.style__container[data-style-num=STYLE__03] .style__view {
  -webkit-margin-end: auto;
          margin-inline-end: auto;
}
.style__container[data-style-num=STYLE__03] .style__view .style__image__title {
  top: calc(15.3 / var(--design_width) * 100vw);
  right: calc(-15 / var(--design_width) * 100vw);
  width: calc(27.99 / var(--design_width) * 100vw);
}
.style__container[data-style-num=STYLE__03] .style__credit {
  margin-inline: auto;
}
.style__container[data-style-num=STYLE__03] .style__credit .credit__body .credit__item {
  width: calc(143 / var(--design_width) * 100vw);
}
.style__container[data-style-num=STYLE__04] h3,
.style__container[data-style-num=STYLE__04] .style__read {
  -webkit-margin-start: auto;
          margin-inline-start: auto;
  -webkit-margin-end: calc(19 / var(--design_width) * 100vw);
          margin-inline-end: calc(19 / var(--design_width) * 100vw);
}
.style__container[data-style-num=STYLE__04] .style__read p {
  text-align: right;
}
.style__container[data-style-num=STYLE__04] .style__view {
  -webkit-margin-start: auto;
          margin-inline-start: auto;
}
.style__container[data-style-num=STYLE__04] .style__view .style__image__title {
  top: calc(17.4 / var(--design_width) * 100vw);
  left: calc(-16 / var(--design_width) * 100vw);
  width: calc(27.99 / var(--design_width) * 100vw);
}
.style__container[data-style-num=STYLE__04] .style__credit {
  margin-inline: auto;
}
.style__container[data-style-num=STYLE__04] .style__credit .credit__body .credit__item {
  width: calc(143 / var(--design_width) * 100vw);
}
.style__container[data-style-category=Style__PrOdr] .style__view {
  margin-inline: auto;
}
.style__container[data-style-category=Style__PrOdr] .style__credit {
  margin-inline: auto;
}
.style__container[data-style-category=Style__PrOdr] .style__credit .credit__body .credit__item {
  width: calc(155.61 / var(--design_width) * 100vw);
}

.dummy {
  position: relative;
  width: 100%;
  height: 100dvh;
}
.dummy:nth-of-type(odd) {
  background-color: #262626;
}
.dummy:nth-of-type(even) {
  background-color: #e5e5e5;
}
.dummy span {
  font-size: calc(14 / var(--design_width) * 100vw);
  font-weight: 400;
  letter-spacing: 0em;
  line-height: 1;
  text-align: center;
  color: #fff;
  position: absolute;
  display: inline-block;
  inset: 0;
  margin: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  mix-blend-mode: difference;
}
@media (max-width: 766px) {
  .dummy span {
    font-size: calc(14 / var(--design_width) * 100vw);
  }
}
.dummy span::before {
  content: "Dummy : ";
  font-weight: 600;
}/*# sourceMappingURL=style.css.map */