@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);
}

:where(*) {
  --scroll-effect: none;
  --scroll-once: true;
}

.fade-in {
  opacity: 0;
}
.fade-in.is-show {
  -webkit-animation-name: fadeIn_anim;
          animation-name: fadeIn_anim;
  -webkit-animation-duration: var(--scroll-duration, 1s);
          animation-duration: var(--scroll-duration, 1s);
  -webkit-animation-timing-function: var(--scroll-easing, ease);
          animation-timing-function: var(--scroll-easing, ease);
  -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: var(--scroll-duration, 1s);
          animation-duration: var(--scroll-duration, 1s);
  -webkit-animation-timing-function: var(--scroll-easing, ease);
          animation-timing-function: var(--scroll-easing, ease);
  -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: var(--scroll-duration, 1s);
          animation-duration: var(--scroll-duration, 1s);
  -webkit-animation-timing-function: var(--scroll-easing, ease);
          animation-timing-function: var(--scroll-easing, ease);
  -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: var(--scroll-duration, 1s);
          animation-duration: var(--scroll-duration, 1s);
  -webkit-animation-timing-function: var(--scroll-easing, ease);
          animation-timing-function: var(--scroll-easing, ease);
  -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: var(--scroll-duration, 1s);
          animation-duration: var(--scroll-duration, 1s);
  -webkit-animation-timing-function: var(--scroll-easing, ease);
          animation-timing-function: var(--scroll-easing, ease);
  -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.is-show {
  -webkit-animation-name: zoomOut_anime;
          animation-name: zoomOut_anime;
  -webkit-animation-duration: var(--scroll-duration, 1s);
          animation-duration: var(--scroll-duration, 1s);
  -webkit-animation-timing-function: var(--scroll-easing, ease);
          animation-timing-function: var(--scroll-easing, ease);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

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

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

@-webkit-keyframes clipPath_Left_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 clipPath_Left_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);
  }
}
.clip-path-left-index.is-show {
  -webkit-animation-name: clipPathLeftIndex_anime;
          animation-name: clipPathLeftIndex_anime;
  -webkit-animation-duration: var(--scroll-duration, 1.2s);
          animation-duration: var(--scroll-duration, 1.2s);
  -webkit-animation-timing-function: var(--scroll-easing, cubic-bezier(0.8, 0, 0.17, 1));
          animation-timing-function: var(--scroll-easing, cubic-bezier(0.8, 0, 0.17, 1));
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

@-webkit-keyframes clipPathLeftIndex_anime {
  0% {
    -webkit-clip-path: inset(0 100% 0 0);
            clip-path: inset(0 100% 0 0);
  }
  99.999% {
    -webkit-clip-path: inset(0);
            clip-path: inset(0);
  }
  100% {
    -webkit-clip-path: none;
            clip-path: none;
  }
}

@keyframes clipPathLeftIndex_anime {
  0% {
    -webkit-clip-path: inset(0 100% 0 0);
            clip-path: inset(0 100% 0 0);
  }
  99.999% {
    -webkit-clip-path: inset(0);
            clip-path: inset(0);
  }
  100% {
    -webkit-clip-path: none;
            clip-path: none;
  }
}
.clip-path-right {
  opacity: 0;
}
.clip-path-right.is-show {
  -webkit-animation-name: clipPathRight_anime;
          animation-name: clipPathRight_anime;
  -webkit-animation-duration: var(--scroll-duration, 1.2s);
          animation-duration: var(--scroll-duration, 1.2s);
  -webkit-animation-timing-function: var(--scroll-easing, ease);
          animation-timing-function: var(--scroll-easing, ease);
  -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: var(--scroll-duration, 1.2s);
          animation-duration: var(--scroll-duration, 1.2s);
  -webkit-animation-timing-function: var(--scroll-easing, cubic-bezier(0.8, 0, 0.17, 1));
          animation-timing-function: var(--scroll-easing, 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: var(--scroll-duration, 1.2s);
          animation-duration: var(--scroll-duration, 1.2s);
  -webkit-animation-timing-function: var(--scroll-easing, cubic-bezier(0.8, 0, 0.17, 1));
          animation-timing-function: var(--scroll-easing, 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: var(--scroll-duration, 1.2s);
          animation-duration: var(--scroll-duration, 1.2s);
  -webkit-animation-timing-function: var(--scroll-easing, cubic-bezier(0.8, 0, 0.17, 1));
          animation-timing-function: var(--scroll-easing, 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: var(--scroll-duration, 1.2s);
          animation-duration: var(--scroll-duration, 1.2s);
  -webkit-animation-timing-function: var(--scroll-easing, cubic-bezier(0.8, 0, 0.17, 1));
          animation-timing-function: var(--scroll-easing, 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: var(--scroll-duration, 1.2s);
          animation-duration: var(--scroll-duration, 1.2s);
  -webkit-animation-timing-function: var(--scroll-easing, cubic-bezier(0.8, 0, 0.17, 1));
          animation-timing-function: var(--scroll-easing, 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: var(--scroll-duration, 1.2s);
          animation-duration: var(--scroll-duration, 1.2s);
  -webkit-animation-timing-function: var(--scroll-easing, cubic-bezier(0.8, 0, 0.17, 1));
          animation-timing-function: var(--scroll-easing, 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;
  }
}
.slot-y-bottom {
  opacity: 0;
}
.slot-y-bottom.is-show {
  -webkit-animation-name: slotYBottom_anime;
          animation-name: slotYBottom_anime;
  -webkit-animation-duration: var(--scroll-duration, 1.2s);
          animation-duration: var(--scroll-duration, 1.2s);
  -webkit-animation-timing-function: var(--scroll-easing, cubic-bezier(0.8, 0, 0.17, 1));
          animation-timing-function: var(--scroll-easing, cubic-bezier(0.8, 0, 0.17, 1));
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  opacity: 0;
}

@-webkit-keyframes slotYBottom_anime {
  from {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

@keyframes slotYBottom_anime {
  from {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
.mask-bg-slide-left {
  -webkit-animation-duration: var(--scroll-duration, 1.2s);
          animation-duration: var(--scroll-duration, 1.2s);
  -webkit-animation-delay: var(--delay, 0s);
          animation-delay: var(--delay, 0s);
  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: #000;
  -webkit-transform: translateX(-101%);
          transform: translateX(-101%);
  z-index: 1;
  pointer-events: none;
}
.mask-bg-slide-left.is-show > * {
  -webkit-animation-name: maskBgRevealImg_anime;
          animation-name: maskBgRevealImg_anime;
  -webkit-animation-duration: inherit;
          animation-duration: inherit;
  -webkit-animation-delay: inherit;
          animation-delay: inherit;
  -webkit-animation-timing-function: var(--scroll-easing, cubic-bezier(0.8, 0, 0.17, 1));
          animation-timing-function: var(--scroll-easing, cubic-bezier(0.8, 0, 0.17, 1));
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.mask-bg-slide-left.is-show::after {
  -webkit-animation-name: maskBgSlideLeft_anime;
          animation-name: maskBgSlideLeft_anime;
  -webkit-animation-duration: inherit;
          animation-duration: inherit;
  -webkit-animation-delay: inherit;
          animation-delay: inherit;
  -webkit-animation-timing-function: var(--scroll-easing, cubic-bezier(0.8, 0, 0.17, 1));
          animation-timing-function: var(--scroll-easing, cubic-bezier(0.8, 0, 0.17, 1));
  -webkit-animation-fill-mode: both;
          animation-fill-mode: 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;
  }
}
.slot-mask-up {
  opacity: 0;
}
.slot-mask-up.is-show {
  -webkit-animation-name: slotMaskUp_anime;
          animation-name: slotMaskUp_anime;
  -webkit-animation-duration: var(--scroll-duration, 1s);
          animation-duration: var(--scroll-duration, 1s);
  -webkit-animation-timing-function: var(--scroll-easing, cubic-bezier(0.8, 0, 0.17, 1));
          animation-timing-function: var(--scroll-easing, cubic-bezier(0.8, 0, 0.17, 1));
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  opacity: 0;
}

@-webkit-keyframes slotMaskUp_anime {
  from {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

@keyframes slotMaskUp_anime {
  from {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
:root {
  --design_width: 1366;
  --design_height: 740;
}
@media (max-width: 1032px) {
  :root {
    --design_width: 376;
    --design_height: 812;
    --sp-index-title-height: calc(46.093 / var(--design_width) * 100vw);
  }
}
:root {
  --header_height: 0;
}
@media (max-width: 1032px) {
  :root {
    --header_height: 0;
  }
}
:root {
  --helvetica-nowdisplay__bold: "HelveticaNowDisplay-Bd", sans-serif;
  --helvetica-nowdisplay__medium: "HelveticaNowDisplay-Md", sans-serif;
  --helvetica-nowdisplay__regular: "HelveticaNowDisplay-Regular", sans-serif;
  --noto-sans-jp-: "Noto Sans JP", 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;
}

#main {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
}
#main picture, #main img {
  width: 100%;
  display: block;
  overflow: hidden;
}
#main 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) {
  #main a:hover {
    cursor: pointer;
  }
}

.button__base {
  display: block;
  width: auto;
  height: auto;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.button__base:hover {
  cursor: pointer;
}
.button__base.cv__chek {
  position: relative;
  display: block;
}
.button__base.cv__chek span {
  display: block;
  font-size: calc(13 / var(--design_width) * 100vw);
  line-height: 100%;
  letter-spacing: 0em;
  text-decoration: underline;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.button__base.cv__chek span:hover {
  opacity: 0.6;
}
.button__base.cv__product {
  position: fixed;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: calc(30 / var(--design_width) * 100vw);
  display: block;
  width: calc(275 / var(--design_width) * 100vw);
  border: solid calc(1 / var(--design_width) * 100vw);
  border-radius: 999px;
  background-color: rgba(229, 240, 94, 0.8);
  color: var(--color-black);
  overflow: hidden;
  z-index: 999;
}
.button__base.cv__product::after {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: calc(15 / var(--design_width) * 100vw);
  background-image: url("/static/pages/women/outer/2026winter/assets/images/common/button__arrow.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: calc(9.46 / var(--design_width) * 100vw);
  height: calc(9.26 / var(--design_width) * 100vw);
  z-index: 1;
}
.button__base.cv__product:hover {
  background-color: rgb(229, 240, 94);
}
.button__base.cv__product a {
  position: relative;
  display: block;
  padding-block: calc(15 / var(--design_width) * 100vw);
  border-radius: 999px;
}
.button__base.cv__product a span {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  font-family: var(--noto-sans-jp-);
  font-size: calc(13 / var(--design_width) * 100vw);
  line-height: 100%;
  letter-spacing: -0.02em;
  text-box: trim-both cap alphabetic;
}
.button__base.cv__allitems {
  position: relative;
  width: 100%;
  padding-block: calc(10 / var(--design_width) * 100vw);
  background-color: #E5F05E;
  border-top: solid 1px var(--color-black);
  border-bottom: solid 1px var(--color-black);
}
.button__base.cv__allitems .button__inner {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: calc(9 / var(--design_width) * 100vw);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}
.button__base.cv__allitems span {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.button__base.cv__allitems span.button__title {
  font-family: var(--noto-sans-jp-);
  font-size: calc(13 / var(--design_width) * 100vw);
  line-height: 100%;
  letter-spacing: -0.02em;
  color: var(--color-black);
  text-box: trim-both cap alphabetic;
}
.button__base.cv__allitems span.button__arrow {
  width: calc(9.46 / var(--design_width) * 100vw);
}
.button__base.cv__allitems:hover {
  background-color: var(--color-black);
}
.button__base.cv__allitems:hover span.button__title {
  color: var(--color-white);
}
.button__base.cv__allitems:hover span.button__arrow {
  -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(103deg) brightness(105%) contrast(105%);
          filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(103deg) brightness(105%) contrast(105%);
}

.flex__r {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
}

#lp__wrapper {
  display: grid;
  -webkit-box-align: start;
  -webkit-align-items: start;
      -ms-flex-align: start;
          align-items: start;
  grid-template-columns: calc(495 / var(--design_width) * 100vw) calc(376 / var(--design_width) * 100vw) auto;
  gap: 0;
  width: 100%;
  height: auto;
  background-color: var(--color-white);
  color: var(--color-body);
}
@media (max-width: 1032px) {
  #lp__wrapper {
    grid-template-columns: 100%;
    overflow-x: clip;
    overflow-y: visible;
    padding-top: 100vh;
    padding-top: 100svh;
  }
}
#lp__wrapper .lp__left {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  border-right: solid calc(1 / var(--design_width) * 100vw) var(--color-black);
}
@media (max-width: 1032px) {
  #lp__wrapper .lp__left {
    position: fixed;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100vh;
    height: 100svh;
    border-right: initial;
    z-index: 0;
  }
}
#lp__wrapper .lp__right {
  position: fixed;
  top: 0;
  right: 0;
  display: block;
  width: calc(495 / var(--design_width) * 100vw);
  height: 100vh;
  border-left: solid calc(1 / var(--design_width) * 100vw) var(--color-black);
}
@media (max-width: 1032px) {
  #lp__wrapper .lp__right {
    position: relative;
    top: initial;
    right: initial;
    display: block;
    width: 100%;
    height: calc(100vh - var(--sp-index-title-height));
    height: calc(100svh - var(--sp-index-title-height));
    border-left: initial;
    z-index: 1;
    background-color: var(--color-white);
  }
}

.lp__top {
  position: relative;
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  height: 100vh;
}
@media (max-width: 1032px) {
  .lp__top {
    height: 100vh;
    height: 100svh;
  }
}
@media (max-width: 1032px) {
  .lp__top .click__area {
    position: absolute;
    top: 0;
    left: 0;
    inset: 0;
    z-index: 3;
  }
}
.lp__top .logo__gw,
.lp__top .lp__mv,
.lp__top .lp__title {
  pointer-events: none;
}
.lp__top .logo__gw {
  position: absolute;
  top: calc(17 / var(--design_width) * 100vw);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: calc(74 / var(--design_width) * 100vw);
  z-index: 1;
}
.lp__top .lp__mv {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 0;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  overflow: hidden;
  aspect-ratio: 376/569;
}
.lp__top .lp__mv .mv__image {
  width: 50%;
  display: grid;
  height: 100%;
  min-width: 0;
  min-height: 0;
}
.lp__top .lp__mv .mv__image:nth-child(1) {
  grid-template-rows: minmax(0, 668fr) minmax(0, 940fr) minmax(0, 668fr);
}
.lp__top .lp__mv .mv__image:nth-child(2) {
  grid-template-rows: minmax(0, 1336fr) minmax(0, 940fr);
}
.lp__top .lp__mv .mv__image .image__container {
  position: relative;
  overflow: hidden;
  min-height: 0;
}
.lp__top .lp__mv .mv__image .image__container span {
  display: block;
}
.lp__top .lp__mv .mv__image .image__container span.title__sub__eng {
  position: absolute;
  right: calc(15.85 / var(--design_width) * 100vw);
  bottom: calc(13.07 / var(--design_width) * 100vw);
  width: calc(80.62 / var(--design_width) * 100vw);
  z-index: 1;
}
.lp__top .lp__mv .mv__image .image__container img {
  -o-object-position: top center;
     object-position: top center;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.lp__top .lp__title {
  display: none;
}
@media (max-width: 1032px) {
  .lp__top .lp__title {
    display: block;
  }
}
.lp__top .lp__title {
  position: relative;
  width: 100%;
  padding-block: calc(16 / var(--design_width) * 100vw) calc(16 / var(--design_width) * 100vw);
  border-top: solid calc(1 / var(--design_width) * 100vw) var(--color-black);
  background-color: var(--color-white);
}
.lp__top .lp__title h1 {
  display: grid;
  gap: calc(6 / var(--design_width) * 100vw);
}
.lp__top .lp__title h1 span {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}
.lp__top .lp__title h1 span.title__eng {
  width: calc(175.07 / var(--design_width) * 100vw);
}
.lp__top .lp__title h1 span.title__jpn {
  width: calc(231.97 / var(--design_width) * 100vw);
}

.index__title__sp {
  display: none;
}
@media (max-width: 1032px) {
  .index__title__sp {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    -webkit-align-self: start;
        -ms-flex-item-align: start;
            align-self: start;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: calc(12 / var(--design_width) * 100vw);
    width: 100%;
    height: var(--sp-index-title-height);
    padding-block: calc(15 / var(--design_width) * 100vw);
    background-color: var(--color-white);
    z-index: 20;
    border-top: solid 1px var(--color-black);
    border-bottom: solid 1px var(--color-black);
  }
  .index__title__sp span {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
  .index__title__sp .title__eng {
    width: calc(166.61 / var(--design_width) * 100vw);
  }
  .index__title__sp .title__jpn {
    width: calc(164.1 / var(--design_width) * 100vw);
  }
}

.index__container {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: calc(376 / var(--design_width) * 100vw);
}
@media (min-width: 1033px) {
  .index__container {
    -webkit-transform: translate(-50%, -50%) scale(0.9);
            transform: translate(-50%, -50%) scale(0.9);
  }
}
@media (max-width: 1032px) {
  .index__container {
    position: relative;
    top: initial;
    left: initial;
    -webkit-transform: initial;
            transform: initial;
  }
}
.index__container .index__title {
  position: relative;
  display: grid;
  gap: calc(6 / var(--design_width) * 100vw);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  -webkit-padding-after: calc(15 / var(--design_width) * 100vw);
          padding-block-end: calc(15 / var(--design_width) * 100vw);
}
@media (max-width: 1032px) {
  .index__container .index__title {
    display: none;
  }
}
.index__container .index__title span {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}
.index__container .index__title span.title__eng {
  width: calc(163.89 / var(--design_width) * 100vw);
}
.index__container .index__title span.title__jpn {
  width: calc(217.14 / var(--design_width) * 100vw);
}
@media (max-width: 1032px) {
  .index__container .index__title span {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-inline: auto;
  }
  .index__container .index__title span.title__eng {
    width: calc(166.61 / var(--design_width) * 100vw);
  }
  .index__container .index__title span.title__jpn {
    width: calc(164.1 / var(--design_width) * 100vw);
  }
}
.index__container .index__nav__container {
  position: relative;
  border-left: solid 1px var(--color-black);
  border-right: solid 1px var(--color-black);
}
@media (max-width: 1032px) {
  .index__container .index__nav__container {
    border-left: initial;
    border-right: initial;
  }
}
.index__container .index__nav__container .index__nav {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: 100%;
}
.index__container .index__nav__container .index__nav::after {
  z-index: 3;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 1px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: var(--color-black);
  pointer-events: none;
}
@media (hover: hover) and (pointer: fine) {
  .index__container .index__nav__container .index__nav > a:hover .thmb__image img {
    -webkit-transform: scale(1.04);
            transform: scale(1.04);
  }
}
.index__container .index__nav__container .index__nav > a {
  display: block;
  width: auto;
  min-width: 0;
}
.index__container .index__nav__container .index__nav > a .intex__thmb .thmb__head {
  position: relative;
  z-index: 4;
  border-top: 1px solid var(--color-black);
  border-bottom: 1px solid var(--color-black);
  padding-block: calc(7 / var(--design_width) * 100vw);
}
.index__container .index__nav__container .index__nav > a .intex__thmb .thmb__head span {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  font-family: var(--helvetica-nowdisplay__bold);
  font-size: calc(9 / var(--design_width) * 100vw);
  line-height: 100%;
  letter-spacing: 0em;
}
.index__container .index__nav__container .index__nav > a .intex__thmb .thmb__main {
  position: relative;
  display: grid;
  grid-template-columns: calc(52 / var(--design_width) * 100vw) minmax(0, 1fr);
  width: 100%;
  height: calc(174 / var(--design_width) * 100vw);
}
.index__container .index__nav__container .index__nav > a .intex__thmb .thmb__main .thmb__title {
  position: relative;
  z-index: 2;
  min-width: 0;
  width: calc(52 / var(--design_width) * 100vw);
  height: calc(174 / var(--design_width) * 100vw);
  border-right: 1px solid var(--color-black);
}
.index__container .index__nav__container .index__nav > a .intex__thmb .thmb__main .thmb__title img {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  width: 100%;
  height: 100%;
}
.index__container .index__nav__container .index__nav > a .intex__thmb .thmb__main .thmb__image {
  position: relative;
  z-index: 0;
  min-width: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.index__container .index__nav__container .index__nav > a .intex__thmb .thmb__main .thmb__image .thmb__zoom {
  position: relative;
  top: -2px;
  left: -2px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
}
.index__container .index__nav__container .index__nav > a .intex__thmb .thmb__main .thmb__image img {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  width: 100%;
  height: 100%;
}

.index__nav .thmb__image.image__sequence .thmb__zoom {
  position: relative;
}
.index__nav .thmb__image.image__sequence .thmb__zoom > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.index__nav .thmb__image.image__sequence .thmb__zoom > img:nth-child(2) {
  -webkit-animation: indexImageSwitch 2.4s step-end infinite;
          animation: indexImageSwitch 2.4s step-end infinite;
}

.product__wrapper .product__image__main > .product__image__reveal {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.product__wrapper .product__image__main .image__sequence,
.product__wrapper .line__up__visual > .image__sequence {
  position: relative;
  width: 100%;
  height: 100%;
}
.product__wrapper .product__image__main .image__sequence > img,
.product__wrapper .line__up__visual > .image__sequence > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.product__wrapper .product__image__main .image__sequence > img:nth-child(2),
.product__wrapper .line__up__visual > .image__sequence > img:nth-child(2) {
  -webkit-animation: indexImageSwitch 2.4s step-end infinite;
          animation: indexImageSwitch 2.4s step-end infinite;
}

@-webkit-keyframes indexImageSwitch {
  0%, 100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

@keyframes indexImageSwitch {
  0%, 100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@media (max-width: 1032px) {
  #lp__wrapper .lp__right .index__container {
    height: 100%;
    min-height: 0;
  }
  #lp__wrapper .lp__right .index__nav__container {
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto;
    height: 100%;
    min-height: 0;
  }
  #lp__wrapper .lp__right .index__nav {
    min-height: 0;
    height: 100%;
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }
  #lp__wrapper .lp__right .index__nav > a {
    min-height: 0;
  }
  #lp__wrapper .lp__right .index__nav > a:nth-child(-n+2) .intex__thmb .thmb__head {
    border-top: none;
  }
  #lp__wrapper .lp__right .index__nav .intex__thmb {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    height: 100%;
    min-height: 0;
  }
  #lp__wrapper .lp__right .index__nav .thmb__main {
    height: 100%;
    min-height: 0;
    grid-template-rows: minmax(0, 1fr);
  }
  #lp__wrapper .lp__right .index__nav .thmb__main .thmb__title,
  #lp__wrapper .lp__right .index__nav .thmb__main .thmb__image {
    height: 100%;
    min-height: 0;
  }
}
@media (max-width: 1032px) {
  .product__wrapper {
    scroll-margin-top: calc(var(--sp-index-title-height) - 2px);
  }
}

.lp__container {
  position: relative;
  overflow: hidden;
  scrollbar-gutter: stable;
  z-index: 10;
}
@media (max-width: 1032px) {
  .lp__container {
    scrollbar-gutter: initial;
  }
}
.lp__container .product__container {
  position: relative;
  overflow: hidden;
  background-image: -webkit-linear-gradient(bottom, transparent calc(100% - 1px), rgba(223, 223, 223, 0.6) calc(100% - 1px)), -webkit-linear-gradient(left, transparent calc(100% - 1px), rgba(223, 223, 223, 0.6) calc(100% - 1px));
  background-image: linear-gradient(0deg, transparent calc(100% - 1px), rgba(223, 223, 223, 0.6) calc(100% - 1px)), linear-gradient(90deg, transparent calc(100% - 1px), rgba(223, 223, 223, 0.6) calc(100% - 1px));
  background-size: calc(18 / var(--design_width) * 100vw) calc(18 / var(--design_width) * 100vw);
  background-repeat: repeat;
  background-position: center center;
  padding-block: calc(0 / var(--design_width) * 100vw) calc(0 / var(--design_width) * 100vw);
  background-color: var(--color-white);
}
@media (max-width: 1032px) {
  .lp__container .product__container {
    padding-block: calc(94 / var(--design_width) * 100vw) calc(0 / var(--design_width) * 100vw);
  }
}
.lp__container .product__container .product__wrapper {
  position: relative;
  padding-block: calc(0 / var(--design_width) * 100vw) calc(67 / var(--design_width) * 100vw);
}
.lp__container .product__container .product__wrapper .product__head {
  position: relative;
  border-bottom: solid calc(1 / var(--design_width) * 100vw) var(--color-black);
  background-color: var(--color-white);
  z-index: 1;
}
.lp__container .product__container .product__wrapper .product__head .head__wrapper {
  width: 100%;
  border-top: solid calc(1 / var(--design_width) * 100vw) var(--color-black);
}
.lp__container .product__container .product__wrapper .product__head .head__wrapper span {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}
.lp__container .product__container .product__wrapper .product__head .head__wrapper span.product__num {
  margin-block: calc(13 / var(--design_width) * 100vw);
  font-family: var(--helvetica-nowdisplay__bold);
  font-size: calc(11 / var(--design_width) * 100vw);
  line-height: 100%;
  letter-spacing: 0em;
  text-align: center;
}
.lp__container .product__container .product__wrapper .product__head .head__wrapper span.product__title {
  margin-block: calc(13 / var(--design_width) * 100vw);
  font-family: var(--noto-sans-jp-);
  font-size: calc(11 / var(--design_width) * 100vw);
  font-weight: 500;
  line-height: 100%;
  letter-spacing: 0em;
  text-align: center;
}
.lp__container .product__container .product__wrapper .product__image__main {
  position: relative;
  width: 100%;
  aspect-ratio: 376/450;
  background-color: var(--color-white);
  z-index: 0;
  margin-top: -1px;
}
.lp__container .product__container .product__wrapper .product__image__main picture {
  position: relative;
  overflow: hidden;
}
.lp__container .product__container .product__wrapper .product__image__main picture img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  width: 100%;
  height: 100%;
}
.lp__container .product__container .product__wrapper .product__detail {
  position: relative;
  padding-block: calc(36 / var(--design_width) * 100vw) calc(29 / 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 .product__container .product__wrapper .product__detail .detail__container {
  position: relative;
  width: calc(324 / var(--design_width) * 100vw);
  margin-inline: auto;
  border: solid calc(1 / var(--design_width) * 100vw) var(--color-black);
  background-color: var(--color-white);
  border-radius: calc(11 / var(--design_width) * 100vw);
  padding-block: calc(22 / var(--design_width) * 100vw) calc(37 / var(--design_width) * 100vw);
  -webkit-filter: drop-shadow(0 0 calc(6 / var(--design_width) * 100vw) rgba(0, 0, 0, 0.15));
          filter: drop-shadow(0 0 calc(6 / var(--design_width) * 100vw) rgba(0, 0, 0, 0.15));
}
.lp__container .product__container .product__wrapper .product__detail .detail__container .detail__head {
  position: relative;
  width: calc(270 / var(--design_width) * 100vw);
  margin-inline: auto;
  border-bottom: solid calc(1 / var(--design_width) * 100vw) #979797;
  -webkit-padding-after: calc(5 / var(--design_width) * 100vw);
          padding-block-end: calc(5 / var(--design_width) * 100vw);
  overflow: hidden;
}
.lp__container .product__container .product__wrapper .product__detail .detail__container .detail__head span {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  font-family: var(--helvetica-nowdisplay__bold);
  font-size: calc(13 / var(--design_width) * 100vw);
  line-height: 100%;
  letter-spacing: 0em;
  text-align: center;
  color: #7F7F7F;
}
.lp__container .product__container .product__wrapper .product__detail .detail__container .detail__function {
  position: relative;
  display: grid;
  gap: calc(17 / var(--design_width) * 100vw);
  padding-block: calc(22 / var(--design_width) * 100vw) calc(24 / var(--design_width) * 100vw);
}
.lp__container .product__container .product__wrapper .product__detail .detail__container .detail__function .function__wrapper {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: calc(270 / var(--design_width) * 100vw);
  margin-inline: auto;
}
.lp__container .product__container .product__wrapper .product__detail .detail__container .detail__function .function__num {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-padding-before: calc(6 / var(--design_width) * 100vw);
          padding-block-start: calc(6 / var(--design_width) * 100vw);
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  overflow: hidden;
}
.lp__container .product__container .product__wrapper .product__detail .detail__container .detail__function .function__num span {
  display: block;
  font-family: var(--helvetica-nowdisplay__bold);
  font-size: calc(13 / var(--design_width) * 100vw);
  line-height: 100%;
  letter-spacing: 0em;
  text-box: trim-both cap alphabetic;
}
.lp__container .product__container .product__wrapper .product__detail .detail__container .detail__function .function__detail {
  width: calc(238 / var(--design_width) * 100vw);
}
.lp__container .product__container .product__wrapper .product__detail .detail__container .detail__function .function__detail span {
  display: block;
  font-family: var(--noto-sans-jp-);
  font-size: calc(13 / var(--design_width) * 100vw);
  font-weight: 500;
  line-height: 154%;
  letter-spacing: 0em;
}
.lp__container .product__container .product__wrapper .product__detail .detail__container .recommend__title {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  padding-block: calc(12 / var(--design_width) * 100vw);
  overflow: hidden;
}
.lp__container .product__container .product__wrapper .product__detail .detail__container .recommend__title span {
  font-family: var(--noto-sans-jp-);
  font-size: calc(15 / var(--design_width) * 100vw);
  font-weight: 700;
  line-height: 100%;
  letter-spacing: 0em;
}
.lp__container .product__container .product__wrapper .product__detail .detail__container .to__line {
  position: relative;
  width: calc(1 / var(--design_width) * 100vw);
  height: calc(40 / var(--design_width) * 100vw);
  margin-inline: auto;
  background-color: #BDBDBD;
}
.lp__container .product__container .product__wrapper .product__detail .detail__container .recommend__answer {
  position: relative;
  -webkit-padding-before: calc(16 / var(--design_width) * 100vw);
          padding-block-start: calc(16 / var(--design_width) * 100vw);
}
.lp__container .product__container .product__wrapper .product__detail .detail__container .recommend__answer h4 {
  display: grid;
  gap: calc(6 / var(--design_width) * 100vw);
}
.lp__container .product__container .product__wrapper .product__detail .detail__container .recommend__answer span {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  background-color: var(--color-black);
  padding-block: calc(6 / var(--design_width) * 100vw);
  padding-inline: calc(4 / var(--design_width) * 100vw);
  font-family: var(--noto-sans-jp-);
  font-size: calc(18 / var(--design_width) * 100vw);
  font-weight: 700;
  line-height: 100%;
  letter-spacing: 0em;
  text-align: center;
  color: var(--color-white);
  text-box: trim-both cap alphabetic;
}
.lp__container .product__container .product__wrapper .line__up {
  position: relative;
  background-color: var(--color-white);
}
.lp__container .product__container .product__wrapper .line__up .line__up__head {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  padding-block: calc(15 / var(--design_width) * 100vw) calc(13 / var(--design_width) * 100vw);
}
.lp__container .product__container .product__wrapper .line__up .line__up__head span {
  display: block;
  font-family: var(--helvetica-nowdisplay__bold);
  font-size: calc(13 / var(--design_width) * 100vw);
  font-weight: 700;
  line-height: 154%;
  letter-spacing: 0em;
  text-align: center;
}
.lp__container .product__container .product__wrapper .line__up .line__up__slider {
  position: relative;
  -webkit-padding-after: calc(30 / var(--design_width) * 100vw);
          padding-block-end: calc(30 / var(--design_width) * 100vw);
}
.lp__container .product__container .product__wrapper .line__up .line__up__slider .swiper-wrapper .swiper-slide {
  width: calc(280 / var(--design_width) * 100vw);
  opacity: 0.3;
  -webkit-transition: opacity 0.4s ease 0.4s;
  transition: opacity 0.4s ease 0.4s;
}
.lp__container .product__container .product__wrapper .line__up .line__up__slider .swiper-wrapper .swiper-slide-active {
  opacity: 1;
}
.lp__container .product__container .product__wrapper .line__up .line__up__slider figure {
  position: relative;
  display: block;
}
.lp__container .product__container .product__wrapper .line__up .line__up__slider figure .line__up__visual {
  --credit-duration: .4s;
  --credit-easing: ease;
  position: relative;
  isolation: isolate;
  display: block;
  width: 100%;
  aspect-ratio: 280/393;
  overflow: hidden;
}
.lp__container .product__container .product__wrapper .line__up .line__up__slider figure .line__up__visual .credit__toggle {
  position: absolute;
  right: calc(calc(15 / var(--design_width) * 100vw) - 14 / var(--design_width) * 100vw);
  bottom: calc(calc(12 / var(--design_width) * 100vw) - 14 / var(--design_width) * 100vw);
  background-image: url("../images/common/button__open.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: calc(15.5 / var(--design_width) * 100vw) calc(15.5 / var(--design_width) * 100vw);
  width: calc(calc(15.5 / var(--design_width) * 100vw) + 28 / var(--design_width) * 100vw);
  height: calc(calc(15.5 / var(--design_width) * 100vw) + 28 / var(--design_width) * 100vw);
  aspect-ratio: auto;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: opacity var(--credit-duration) var(--credit-easing), -webkit-transform var(--credit-duration) var(--credit-easing);
  transition: opacity var(--credit-duration) var(--credit-easing), -webkit-transform var(--credit-duration) var(--credit-easing);
  transition: transform var(--credit-duration) var(--credit-easing), opacity var(--credit-duration) var(--credit-easing);
  transition: transform var(--credit-duration) var(--credit-easing), opacity var(--credit-duration) var(--credit-easing), -webkit-transform var(--credit-duration) var(--credit-easing);
  z-index: 10;
  -webkit-tap-highlight-color: transparent;
}
.lp__container .product__container .product__wrapper .line__up .line__up__slider figure .line__up__visual .credit__toggle:focus:not(:focus-visible) {
  outline: none;
}
.lp__container .product__container .product__wrapper .line__up .line__up__slider figure .line__up__visual.is-open .credit__toggle {
  -webkit-transform: translateZ(0) rotate(45deg);
          transform: translateZ(0) rotate(45deg);
}
.lp__container .product__container .product__wrapper .line__up .line__up__slider figure .line__up__visual.is-open .credit__window {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.lp__container .product__container .product__wrapper .line__up .line__up__slider figure .line__up__visual .credit__window {
  position: absolute;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: opacity var(--credit-duration) var(--credit-easing), visibility 0s linear var(--credit-duration);
  transition: opacity var(--credit-duration) var(--credit-easing), visibility 0s linear var(--credit-duration);
  width: 100%;
  height: 100%;
  aspect-ratio: 280/393;
  background-color: rgba(194, 202, 98, 0.7);
  -webkit-backdrop-filter: blur(7px);
          backdrop-filter: blur(7px);
  z-index: 1;
}
.lp__container .product__container .product__wrapper .line__up .line__up__slider figure .line__up__visual .credit__window .credit__container {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: calc(65 / var(--design_width) * 100vw);
  width: calc(198 / var(--design_width) * 100vw);
  height: auto;
}
.lp__container .product__container .product__wrapper .line__up .line__up__slider figure .line__up__visual .credit__window .credit__container .credit__head {
  position: relative;
  -webkit-padding-after: calc(7 / var(--design_width) * 100vw);
          padding-block-end: calc(7 / var(--design_width) * 100vw);
}
.lp__container .product__container .product__wrapper .line__up .line__up__slider figure .line__up__visual .credit__window .credit__container .credit__head span {
  display: block;
  font-family: var(--helvetica-nowdisplay__bold);
  font-size: calc(10 / var(--design_width) * 100vw);
  line-height: 100%;
  letter-spacing: 0em;
  color: var(--color-white);
}
.lp__container .product__container .product__wrapper .line__up .line__up__slider figure .line__up__visual .credit__window .credit__container .credit__wrapper {
  position: relative;
}
.lp__container .product__container .product__wrapper .line__up .line__up__slider figure .line__up__visual .credit__window .credit__container .credit__wrapper .credit__body {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.lp__container .product__container .product__wrapper .line__up .line__up__slider figure .line__up__visual .credit__window .credit__container .credit__wrapper .credit__body .credit__item {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: auto;
}
.lp__container .product__container .product__wrapper .line__up .line__up__slider figure .line__up__visual .credit__window .credit__container .credit__wrapper .credit__body .credit__item span {
  display: block;
  font-size: calc(13 / var(--design_width) * 100vw);
  line-height: 100%;
  letter-spacing: 0em;
}
.lp__container .product__container .product__wrapper .line__up .line__up__slider figure .line__up__visual .credit__window .credit__container .credit__wrapper .credit__body .credit__item span.credit__name {
  text-transform: uppercase;
}
.lp__container .product__container .product__wrapper .line__up .line__up__slider figure .line__up__visual .credit__window .credit__container .credit__wrapper .credit__body .credit__item span.credit__price::before {
  content: "¥";
}
.lp__container .product__container .product__wrapper .line__up .line__up__slider figure .line__up__visual .credit__window .credit__container .credit__wrapper .credit__body span {
  display: block;
}
.lp__container .product__container .product__wrapper .line__up .line__up__slider figure .line__up__visual .credit__window .credit__container .credit__wrapper .credit__body span.comingsoon {
  font-family: var(--helvetica-nowdisplay__medium);
  font-size: calc(10 / var(--design_width) * 100vw);
  line-height: 85%;
  letter-spacing: 0em;
  text-align: center;
  text-box: trim-both cap alphabetic;
}
.lp__container .product__container .product__wrapper .line__up .line__up__slider figure .line__up__visual .product__look__title {
  position: absolute;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  top: calc(100 / var(--design_width) * 100vw);
  left: calc(13 / var(--design_width) * 100vw);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  mix-blend-mode: difference;
}
.lp__container .product__container .product__wrapper .line__up .line__up__slider figure .line__up__visual .product__look__title span {
  display: block;
  font-family: var(--helvetica-nowdisplay__bold);
  font-size: calc(13 / var(--design_width) * 100vw);
  line-height: 115%;
  letter-spacing: 0em;
  color: var(--color-white);
}
.lp__container .product__container .product__wrapper .line__up .line__up__slider figure .line__up__visual img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.lp__container .product__container .product__wrapper .line__up .line__up__slider figure figcaption {
  position: relative;
  padding-block: calc(10 / var(--design_width) * 100vw) calc(0 / var(--design_width) * 100vw);
}
.lp__container .product__container .product__wrapper .line__up .line__up__slider figure figcaption span {
  display: block;
  font-family: var(--noto-sans-jp-);
  font-size: calc(11 / var(--design_width) * 100vw);
  font-weight: 500;
  line-height: 136%;
  letter-spacing: 0em;
}
.lp__container .product__container .product__wrapper .line__up .line__up__after {
  position: relative;
  border-bottom: solid calc(1 / var(--design_width) * 100vw) var(--color-black);
}
.lp__container .product__container .product__wrapper .line__up .line__up__after > .after__num {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: block;
  width: calc(30 / var(--design_width) * 100vw);
  padding-block: calc(7 / var(--design_width) * 100vw);
  background-color: var(--color-white);
}
.lp__container .product__container .product__wrapper .line__up .line__up__after > .after__num.after__num {
  font-family: var(--helvetica-nowdisplay__bold);
  font-size: calc(11 / var(--design_width) * 100vw);
  line-height: 100%;
  letter-spacing: 0em;
  text-align: center;
}
.lp__container .product__container .product__wrapper .line__up .line__up__after .after__num__value {
  display: block;
}
.lp__container .product__container .product__wrapper .line__up .line__up__after .after__num__value.is-changing {
  -webkit-animation: clipPathPolygon_anime 0.6s ease both;
          animation: clipPathPolygon_anime 0.6s ease both;
}
.lp__container .lp__footer {
  position: relative;
  background-color: var(--color-white);
}
.lp__container .lp__footer .footer__main {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.lp__container .lp__footer .footer__main .click__area {
  position: absolute;
  top: 0;
  left: 0;
  inset: 0;
  z-index: 3;
}
.lp__container .lp__footer .footer__main .click__area:hover + .banner__info .banner__title__sub {
  color: #E5F05E;
}
.lp__container .lp__footer .footer__main .banner__info {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: grid;
  gap: calc(17 / var(--design_width) * 100vw);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  height: auto;
  z-index: 2;
}
.lp__container .lp__footer .footer__main .banner__info .banner__title {
  position: relative;
  display: grid;
  gap: calc(6 / var(--design_width) * 100vw);
}
.lp__container .lp__footer .footer__main .banner__info .banner__title span {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}
.lp__container .lp__footer .footer__main .banner__info .banner__title span.title__eng {
  width: calc(201.15 / var(--design_width) * 100vw);
}
.lp__container .lp__footer .footer__main .banner__info .banner__title span.title__jpn {
  width: calc(266.51 / var(--design_width) * 100vw);
}
.lp__container .lp__footer .footer__main .banner__info .banner__title span img {
  -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(16%) saturate(2%) hue-rotate(113deg) brightness(103%) contrast(101%);
          filter: brightness(0) saturate(100%) invert(100%) sepia(16%) saturate(2%) hue-rotate(113deg) brightness(103%) contrast(101%);
}
.lp__container .lp__footer .footer__main .banner__info .banner__title__sub {
  position: relative;
  display: block;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  font-family: var(--helvetica-nowdisplay__bold);
  font-size: calc(13 / var(--design_width) * 100vw);
  text-decoration: underline;
  text-underline-offset: calc(3 / var(--design_width) * 100vw);
  line-height: 100%;
  letter-spacing: 0em;
  text-align: center;
  color: var(--color-white);
  text-box: trim-both cap alphabetic;
}
.lp__container .lp__footer .footer__main .swiper-wrapper .swiper-slide {
  width: 100%;
}
.lp__container .lp__footer .footer__main picture {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 376/569;
  overflow: hidden;
}
.lp__container .lp__footer .footer__main picture img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  width: 100%;
  height: 100%;
}
.lp__container .lp__footer .footer__after {
  position: relative;
  padding-block: calc(30 / var(--design_width) * 100vw) calc(15 / var(--design_width) * 100vw);
  padding-inline: calc(25 / var(--design_width) * 100vw);
}
.lp__container .lp__footer .footer__after .staff {
  position: relative;
}
.lp__container .lp__footer .footer__after .staff p {
  font-family: var(--helvetica-nowdisplay__medium);
  font-size: calc(13 / var(--design_width) * 100vw);
  line-height: 146%;
  letter-spacing: 0em;
}
.lp__container .lp__footer .footer__after .footer__end {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-padding-before: calc(21 / var(--design_width) * 100vw);
          padding-block-start: calc(21 / var(--design_width) * 100vw);
}
.lp__container .lp__footer .footer__after .footer__end span {
  position: relative;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.lp__container .lp__footer .footer__after .footer__end span.copyright {
  font-family: var(--helvetica-nowdisplay__medium);
  font-size: calc(9 / var(--design_width) * 100vw);
  line-height: 100%;
  letter-spacing: 0em;
}
.lp__container .lp__footer .footer__after .footer__end span.logo__gw__footer {
  width: calc(82.5 / var(--design_width) * 100vw);
}

.credit__wrapper[data-credit-type=credit-main] {
  -webkit-padding-after: calc(11 / var(--design_width) * 100vw);
          padding-block-end: calc(11 / var(--design_width) * 100vw);
  border-bottom: solid calc(1 / var(--design_width) * 100vw) var(--color-black);
}
.credit__wrapper[data-credit-type=credit-main] .cv__chek span {
  font-family: var(--helvetica-nowdisplay__bold);
}
.credit__wrapper[data-credit-type=credit-main] .credit__item {
  gap: calc(14 / var(--design_width) * 100vw);
}
.credit__wrapper[data-credit-type=credit-main] .credit__item span.credit__name, .credit__wrapper[data-credit-type=credit-main] .credit__item span.credit__price {
  font-family: var(--helvetica-nowdisplay__bold);
}
.credit__wrapper[data-credit-type=credit-normal] {
  display: grid;
  gap: calc(11 / var(--design_width) * 100vw);
  -webkit-padding-before: calc(15 / var(--design_width) * 100vw);
          padding-block-start: calc(15 / var(--design_width) * 100vw);
}
.credit__wrapper[data-credit-type=credit-normal] .cv__chek span {
  font-family: var(--helvetica-nowdisplay__medium);
}
.credit__wrapper[data-credit-type=credit-normal] .credit__item {
  min-width: calc(140 / var(--design_width) * 100vw);
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.credit__wrapper[data-credit-type=credit-normal] .credit__item span.credit__name, .credit__wrapper[data-credit-type=credit-normal] .credit__item span.credit__price {
  font-family: var(--helvetica-nowdisplay__medium);
}

#main .cv__product {
  --product-row-height: calc(43 / var(--design_width) * 100vw);
  --product-switch-duration: .45s;
  --product-switch-easing: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  display: block;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: opacity 0.4s ease, visibility 0s linear 0.4s, background-color 0.4s ease;
  transition: opacity 0.4s ease, visibility 0s linear 0.4s, background-color 0.4s ease;
}
#main .cv__product.is-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
#main .cv__product .product__viewport {
  height: var(--product-row-height);
  overflow: hidden;
}
#main .cv__product .product__links {
  -webkit-transform: translateY(calc(var(--product-index, 0) * -1 * var(--product-row-height)));
          transform: translateY(calc(var(--product-index, 0) * -1 * var(--product-row-height)));
  -webkit-transition: -webkit-transform var(--product-switch-duration) var(--product-switch-easing);
  transition: -webkit-transform var(--product-switch-duration) var(--product-switch-easing);
  transition: transform var(--product-switch-duration) var(--product-switch-easing);
  transition: transform var(--product-switch-duration) var(--product-switch-easing), -webkit-transform var(--product-switch-duration) var(--product-switch-easing);
}
#main .cv__product a[data-product] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: var(--product-row-height);
  padding-block: 0;
  pointer-events: none;
  -webkit-transition: none;
  transition: none;
}
#main .cv__product a[data-product].is-active {
  pointer-events: auto;
}
#main .cv__product::after {
  pointer-events: none;
}

.logo__gw {
  --scroll-effect: fade-in;
  --scroll-once: true;
  --delay: 0.5s;
  --scroll-duration: 1.25s;
  --scroll-easing: ease;
  will-change: opacity, transform, filter;
  -webkit-animation-delay: var(--delay, 0s);
          animation-delay: var(--delay, 0s);
}
.logo__gw:not(.is-show) {
  opacity: 0;
}

.mv__image .image__container.mv__01 {
  --scroll-effect: clip-path-left;
  --scroll-once: true;
  --delay: 0s;
  --scroll-duration: initial;
  --scroll-easing: initial;
  will-change: opacity, transform, filter;
  -webkit-animation-delay: var(--delay, 0s);
          animation-delay: var(--delay, 0s);
}
.mv__image .image__container.mv__01:not(.is-show) {
  opacity: 0;
}
.mv__image .image__container.mv__01 img {
  --scroll-effect: zoom-out;
  --scroll-once: true;
  --delay: 0.3s;
  --scroll-duration: initial;
  --scroll-easing: initial;
  will-change: opacity, transform, filter;
  -webkit-animation-delay: var(--delay, 0s);
          animation-delay: var(--delay, 0s);
}
.mv__image .image__container.mv__01 img:not(.is-show) {
  opacity: 0;
}
.mv__image .image__container.mv__02 {
  --scroll-effect: clip-path-left;
  --scroll-once: true;
  --delay: 0.2s;
  --scroll-duration: initial;
  --scroll-easing: initial;
  will-change: opacity, transform, filter;
  -webkit-animation-delay: var(--delay, 0s);
          animation-delay: var(--delay, 0s);
}
.mv__image .image__container.mv__02:not(.is-show) {
  opacity: 0;
}
.mv__image .image__container.mv__02 img {
  --scroll-effect: zoom-out;
  --scroll-once: true;
  --delay: 0.5s;
  --scroll-duration: initial;
  --scroll-easing: initial;
  will-change: opacity, transform, filter;
  -webkit-animation-delay: var(--delay, 0s);
          animation-delay: var(--delay, 0s);
}
.mv__image .image__container.mv__02 img:not(.is-show) {
  opacity: 0;
}
.mv__image .image__container.mv__03 {
  --scroll-effect: clip-path-left;
  --scroll-once: true;
  --delay: 0.3s;
  --scroll-duration: initial;
  --scroll-easing: initial;
  will-change: opacity, transform, filter;
  -webkit-animation-delay: var(--delay, 0s);
          animation-delay: var(--delay, 0s);
}
.mv__image .image__container.mv__03:not(.is-show) {
  opacity: 0;
}
.mv__image .image__container.mv__03 img {
  --scroll-effect: zoom-out;
  --scroll-once: true;
  --delay: 0.6s;
  --scroll-duration: initial;
  --scroll-easing: initial;
  will-change: opacity, transform, filter;
  -webkit-animation-delay: var(--delay, 0s);
          animation-delay: var(--delay, 0s);
}
.mv__image .image__container.mv__03 img:not(.is-show) {
  opacity: 0;
}
.mv__image .image__container.mv__04 {
  --scroll-effect: clip-path-left;
  --scroll-once: true;
  --delay: 0s;
  --scroll-duration: initial;
  --scroll-easing: initial;
  will-change: opacity, transform, filter;
  -webkit-animation-delay: var(--delay, 0s);
          animation-delay: var(--delay, 0s);
}
.mv__image .image__container.mv__04:not(.is-show) {
  opacity: 0;
}
.mv__image .image__container.mv__04 img {
  --scroll-effect: zoom-out;
  --scroll-once: true;
  --delay: 0.3s;
  --scroll-duration: initial;
  --scroll-easing: initial;
  will-change: opacity, transform, filter;
  -webkit-animation-delay: var(--delay, 0s);
          animation-delay: var(--delay, 0s);
}
.mv__image .image__container.mv__04 img:not(.is-show) {
  opacity: 0;
}
.mv__image .image__container.mv__05 {
  --scroll-effect: clip-path-left;
  --scroll-once: true;
  --delay: 0.2s;
  --scroll-duration: initial;
  --scroll-easing: initial;
  will-change: opacity, transform, filter;
  -webkit-animation-delay: var(--delay, 0s);
          animation-delay: var(--delay, 0s);
}
.mv__image .image__container.mv__05:not(.is-show) {
  opacity: 0;
}
.mv__image .image__container.mv__05 img {
  --scroll-effect: zoom-out;
  --scroll-once: true;
  --delay: 0.5s;
  --scroll-duration: initial;
  --scroll-easing: initial;
  will-change: opacity, transform, filter;
  -webkit-animation-delay: var(--delay, 0s);
          animation-delay: var(--delay, 0s);
}
.mv__image .image__container.mv__05 img:not(.is-show) {
  opacity: 0;
}

.index__nav .thmb__head span {
  --scroll-effect: mask-bg-slide-left;
  --scroll-once: true;
  --delay: 0s;
  --scroll-duration: initial;
  --scroll-easing: initial;
  will-change: opacity, transform, filter;
  -webkit-animation-delay: var(--delay, 0s);
          animation-delay: var(--delay, 0s);
}
.index__nav .thmb__head span:not(.is-show) {
  opacity: 0;
}
.index__nav .thmb__main .thmb__title {
  --scroll-effect: fade-in;
  --scroll-once: true;
  --delay: 0.8s;
  --scroll-duration: initial;
  --scroll-easing: initial;
  will-change: opacity, transform, filter;
  -webkit-animation-delay: var(--delay, 0s);
          animation-delay: var(--delay, 0s);
}
.index__nav .thmb__main .thmb__title:not(.is-show) {
  opacity: 0;
}
.index__nav .thmb__main .thmb__image {
  --scroll-effect: clip-path-left-index;
  --scroll-once: true;
  --delay: 0s;
  --scroll-duration: initial;
  --scroll-easing: initial;
  will-change: opacity, transform, filter;
  -webkit-animation-delay: var(--delay, 0s);
          animation-delay: var(--delay, 0s);
}
.index__nav .thmb__main .thmb__image:not(.is-show) {
  opacity: 0;
}
.index__nav .thmb__main .thmb__image .thmb__zoom {
  --scroll-effect: zoom-out;
  --scroll-once: true;
  --delay: 0.5s;
  --scroll-duration: initial;
  --scroll-easing: initial;
  will-change: opacity, transform, filter;
  -webkit-animation-delay: var(--delay, 0s);
          animation-delay: var(--delay, 0s);
}
.index__nav .thmb__main .thmb__image .thmb__zoom:not(.is-show) {
  opacity: 0;
}

.product__wrapper .product__num {
  --scroll-effect: mask-bg-slide-left;
  --scroll-once: true;
  --delay: 0s;
  --scroll-duration: initial;
  --scroll-easing: initial;
  will-change: opacity, transform, filter;
  -webkit-animation-delay: var(--delay, 0s);
          animation-delay: var(--delay, 0s);
}
.product__wrapper .product__num:not(.is-show) {
  opacity: 0;
}
.product__wrapper .product__title {
  --scroll-effect: mask-bg-slide-left;
  --scroll-once: true;
  --delay: 0s;
  --scroll-duration: initial;
  --scroll-easing: initial;
  will-change: opacity, transform, filter;
  -webkit-animation-delay: var(--delay, 0s);
          animation-delay: var(--delay, 0s);
}
.product__wrapper .product__title:not(.is-show) {
  opacity: 0;
}
.product__wrapper .product__image__main > picture,
.product__wrapper .product__image__main > .product__image__reveal {
  --scroll-effect: clip-path-left;
  --scroll-once: true;
  --delay: 0.2s;
  --scroll-duration: initial;
  --scroll-easing: initial;
  will-change: opacity, transform, filter;
  -webkit-animation-delay: var(--delay, 0s);
          animation-delay: var(--delay, 0s);
}
.product__wrapper .product__image__main > picture:not(.is-show),
.product__wrapper .product__image__main > .product__image__reveal:not(.is-show) {
  opacity: 0;
}
.product__wrapper .product__image__main > picture > img,
.product__wrapper .product__image__main > .product__image__reveal > .image__sequence {
  --scroll-effect: zoom-out;
  --scroll-once: true;
  --delay: 0.5s;
  --scroll-duration: initial;
  --scroll-easing: initial;
  will-change: opacity, transform, filter;
  -webkit-animation-delay: var(--delay, 0s);
          animation-delay: var(--delay, 0s);
}
.product__wrapper .product__image__main > picture > img:not(.is-show),
.product__wrapper .product__image__main > .product__image__reveal > .image__sequence:not(.is-show) {
  opacity: 0;
}
.product__wrapper .detail__container {
  --scroll-effect: slide-up;
  --scroll-once: true;
  --delay: 0s;
  --scroll-duration: initial;
  --scroll-easing: initial;
  will-change: opacity, transform, filter;
  -webkit-animation-delay: var(--delay, 0s);
          animation-delay: var(--delay, 0s);
}
.product__wrapper .detail__container:not(.is-show) {
  opacity: 0;
}
.product__wrapper .detail__head {
  --scroll-effect: fade-in;
  --scroll-once: true;
  --delay: 0s;
  --scroll-duration: initial;
  --scroll-easing: initial;
  will-change: opacity, transform, filter;
  -webkit-animation-delay: var(--delay, 0s);
          animation-delay: var(--delay, 0s);
}
.product__wrapper .detail__head:not(.is-show) {
  opacity: 0;
}
.product__wrapper .function__num > span {
  --scroll-effect: clip-path-polygon;
  --scroll-once: true;
  --delay: 0.2s;
  --scroll-duration: initial;
  --scroll-easing: initial;
  will-change: opacity, transform, filter;
  -webkit-animation-delay: var(--delay, 0s);
          animation-delay: var(--delay, 0s);
}
.product__wrapper .function__num > span:not(.is-show) {
  opacity: 0;
}
.product__wrapper .function__detail {
  --scroll-effect: clip-path-left;
  --scroll-once: true;
  --delay: 0.3s;
  --scroll-duration: initial;
  --scroll-easing: initial;
  will-change: opacity, transform, filter;
  -webkit-animation-delay: var(--delay, 0s);
          animation-delay: var(--delay, 0s);
}
.product__wrapper .function__detail:not(.is-show) {
  opacity: 0;
}
.product__wrapper .recommend__title {
  --scroll-effect: clip-path-polygon;
  --scroll-once: true;
  --delay: 0.2s;
  --scroll-duration: initial;
  --scroll-easing: initial;
  will-change: opacity, transform, filter;
  -webkit-animation-delay: var(--delay, 0s);
          animation-delay: var(--delay, 0s);
}
.product__wrapper .recommend__title:not(.is-show) {
  opacity: 0;
}
.product__wrapper .to__line {
  --scroll-effect: clip-path-top;
  --scroll-once: true;
  --delay: 0.4s;
  --scroll-duration: initial;
  --scroll-easing: initial;
  will-change: opacity, transform, filter;
  -webkit-animation-delay: var(--delay, 0s);
          animation-delay: var(--delay, 0s);
}
.product__wrapper .to__line:not(.is-show) {
  opacity: 0;
}
.product__wrapper .recommend__answer > h4 > span {
  --scroll-effect: clip-path-left;
  --scroll-once: true;
  --delay: 0.3s;
  --scroll-duration: initial;
  --scroll-easing: initial;
  will-change: opacity, transform, filter;
  -webkit-animation-delay: var(--delay, 0s);
          animation-delay: var(--delay, 0s);
}
.product__wrapper .recommend__answer > h4 > span:not(.is-show) {
  opacity: 0;
}
.product__wrapper .line__up__head > span {
  --scroll-effect: mask-bg-slide-left;
  --scroll-once: true;
  --delay: 0s;
  --scroll-duration: initial;
  --scroll-easing: initial;
  will-change: opacity, transform, filter;
  -webkit-animation-delay: var(--delay, 0s);
          animation-delay: var(--delay, 0s);
}
.product__wrapper .line__up__head > span:not(.is-show) {
  opacity: 0;
}
.product__wrapper .line__up__slider {
  --scroll-effect: fade-in;
  --scroll-once: true;
  --delay: 0.35s;
  --scroll-duration: initial;
  --scroll-easing: initial;
  will-change: opacity, transform, filter;
  -webkit-animation-delay: var(--delay, 0s);
          animation-delay: var(--delay, 0s);
}
.product__wrapper .line__up__slider:not(.is-show) {
  opacity: 0;
}

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  -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;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
figure,
blockquote,
dl,
dd,
ul,
ol,
li {
  margin: 0;
  padding: 0;
  font-size: unset;
  font-weight: unset;
}

ul,
ol {
  list-style: none;
}

body {
  min-height: 100vh;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

main,
section,
article,
aside,
header,
footer,
nav,
picture,
figure {
  display: block;
}

img,
picture,
svg,
canvas,
video {
  display: block;
  max-width: 100%;
  height: auto;
}

img {
  border-style: none;
}

svg {
  fill: currentColor;
}

a {
  color: inherit;
  text-decoration: none;
  background-color: transparent;
}

a:not([class]) {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
}

button,
input,
optgroup,
select,
textarea {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
}

button,
select {
  text-transform: none;
}

button,
input[type=button],
input[type=submit],
input[type=reset] {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  border-radius: 0;
  cursor: pointer;
}

textarea {
  resize: vertical;
}

input[type=text],
input[type=email],
input[type=password],
input[type=search],
input[type=tel],
input[type=url],
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  border-radius: 0;
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  -webkit-appearance: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

hr {
  height: 0;
  color: inherit;
  border: 0;
}

iframe {
  border: 0;
}

summary {
  display: list-item;
}

[hidden] {
  display: none !important;
}

.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: 1032px) {
  .dummy span {
    font-size: calc(14 / var(--design_width) * 100vw);
  }
}
.dummy span::before {
  content: "Dummy : ";
  font-weight: 600;
}

.dummy__text {
  color: red;
}
.dummy__text::before {
  content: "ダミー：";
}/*# sourceMappingURL=style.css.map */