@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(10px);
            filter: blur(10px);
  }
  to {
    opacity: 1;
    -webkit-filter: blur(0);
            filter: blur(0);
  }
}

@keyframes blurIn_anim {
  from {
    opacity: 0;
    -webkit-filter: blur(10px);
            filter: blur(10px);
  }
  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.09);
            transform: scale(1.09);
    opacity: 0;
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@keyframes zoomOut_anime {
  from {
    -webkit-transform: scale(1.09);
            transform: scale(1.09);
    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: 1366;
  --design_height: 740;
}
@media (max-width: 1032px) {
  :root {
    --design_width: 428;
    --design_height: 926;
  }
}
:root {
  --header_height: 0;
}
@media (max-width: 1032px) {
  :root {
    --header_height: 0;
  }
}
:root {
  --Font__Eng__01: "futura-pt", sans-serif;
  --Font__Eng__02: "futura-pt-bold", sans-serif;
  --Font__Jpn__01: "Noto Sans JP", sans-serif;
  --Color__Primary: #FFF7C1;
  --Color__Secondary: #E7E7E4;
  --Color__Look__men__01: #C37C78;
  --Color__Look__men__02: #78BEF1;
  --Color__Look__men__03: #9298E0;
  --Color__Look__women__01: #FDA559;
  --Color__Look__women__02: #D9FF36;
}

body {
  margin: 0;
}

body.is-modal-open {
  overflow: hidden;
}

main * h1, main * h2, main * h3, main * h4, main * h5, main * h6 {
  font-size: unset;
  font-weight: unset;
}
main * picture,
main * img {
  width: 100%;
  display: block;
  overflow: hidden;
}
main * ul, main * li {
  list-style: none;
}
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;
  }
}

.btn__check {
  display: block;
  width: auto;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  border-radius: 9999px;
  color: #121212;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.btn__check.btn__body {
  position: relative;
  display: grid;
  width: calc(100 / var(--design_width) * 100vw);
  -webkit-margin-after: calc(7 / var(--design_width) * 100vw);
          margin-block-end: calc(7 / var(--design_width) * 100vw);
  padding-block: calc(4.5 / var(--design_width) * 100vw);
  background-color: var(--Color__Primary);
  border: solid calc(1 / var(--design_width) * 100vw) #1A1311;
  text-align: center;
}
.btn__check.btn__body:hover {
  cursor: pointer;
  background-color: #121212;
  color: var(--Color__Primary);
}
.btn__check.btn__body span {
  font-family: var(--Font__Eng__01);
  font-size: calc(12 / var(--design_width) * 100vw);
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0em;
  text-align: center;
}
.btn__check.btn__body__look__credit {
  position: relative;
  display: grid;
  width: calc(120 / var(--design_width) * 100vw);
  padding-block: calc(2.5 / var(--design_width) * 100vw);
  background-color: #fff;
  border: solid calc(1 / var(--design_width) * 100vw) #1A1311;
  text-align: center;
}
.btn__check.btn__body__look__credit:hover {
  cursor: pointer;
  background-color: #121212;
  color: #fff;
}
.btn__check.btn__body__look__credit span {
  font-family: var(--Font__Eng__01);
  font-size: calc(14 / var(--design_width) * 100vw);
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.03em;
  text-align: center;
}
.btn__check.btn__body__series_all {
  position: relative;
  display: grid;
  width: calc(358 / var(--design_width) * 100vw);
  margin-inline: auto;
  padding-block: calc(11 / var(--design_width) * 100vw);
  background-color: #fff;
  border: solid calc(1 / var(--design_width) * 100vw) #8E8E8E;
  text-align: center;
}
.btn__check.btn__body__series_all::after {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: calc(15.2 / var(--design_width) * 100vw);
  display: grid;
  content: "";
  background-image: url("/static/pages/women/easycare-stretchpants/26spring/assets/images/common/button__elm__arrow.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: calc(6.13 / var(--design_width) * 100vw);
  height: calc(11.4 / var(--design_width) * 100vw);
  z-index: 1;
}
.btn__check.btn__body__series_all:hover {
  cursor: pointer;
  background-color: #121212;
  color: #fff;
}
.btn__check.btn__body__series_all:hover::after {
  -webkit-filter: invert(100%) sepia(0%) brightness(100%) contrast(100%);
          filter: invert(100%) sepia(0%) brightness(100%) contrast(100%);
}
.btn__check.btn__body__series_all span {
  font-family: var(--Font__Jpn__01);
  font-size: calc(13 / var(--design_width) * 100vw);
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.02em;
  text-align: center;
}

.nav__fixed {
  position: fixed;
  display: block;
  width: calc(428 / var(--design_width) * 100vw);
  z-index: 999;
}
.nav__fixed[data-fixed-elm=NavHeader] {
  display: none;
}
@media (max-width: 1032px) {
  .nav__fixed[data-fixed-elm=NavHeader] {
    display: block;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .nav__fixed[data-fixed-elm=NavHeader].ShowBtn {
    -webkit-animation-name: ShowBtn_Anime_NavHeader;
            animation-name: ShowBtn_Anime_NavHeader;
    -webkit-animation-duration: 0.6s;
            animation-duration: 0.6s;
    -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 ShowBtn_Anime_NavHeader {
    from {
      opacity: 0;
      -webkit-transform: translate(-50%, -100%);
              transform: translate(-50%, -100%);
    }
    to {
      opacity: 1;
      -webkit-transform: translate(-50%, 0);
              transform: translate(-50%, 0);
    }
  }
  @keyframes ShowBtn_Anime_NavHeader {
    from {
      opacity: 0;
      -webkit-transform: translate(-50%, -100%);
              transform: translate(-50%, -100%);
    }
    to {
      opacity: 1;
      -webkit-transform: translate(-50%, 0);
              transform: translate(-50%, 0);
    }
  }
  .nav__fixed[data-fixed-elm=NavHeader].HideBtn {
    -webkit-animation-name: HideBtn_Anime_NavHeader;
            animation-name: HideBtn_Anime_NavHeader;
    -webkit-animation-duration: 0.6s;
            animation-duration: 0.6s;
    -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 HideBtn_Anime_NavHeader {
    from {
      opacity: 1;
      -webkit-transform: translate(-50%, 0);
              transform: translate(-50%, 0);
    }
    to {
      opacity: 0;
      -webkit-transform: translate(-50%, -100%);
              transform: translate(-50%, -100%);
    }
  }
  @keyframes HideBtn_Anime_NavHeader {
    from {
      opacity: 1;
      -webkit-transform: translate(-50%, 0);
              transform: translate(-50%, 0);
    }
    to {
      opacity: 0;
      -webkit-transform: translate(-50%, -100%);
              transform: translate(-50%, -100%);
    }
  }
  .nav__fixed[data-fixed-elm=NavHeader] .nav__fixed__head {
    position: relative;
    display: block;
    padding-block: calc(27.8 / var(--design_width) * 100vw);
    padding-inline: calc(20 / var(--design_width) * 100vw) calc(15 / var(--design_width) * 100vw);
    background-color: var(--Color__Primary);
    border-top: solid calc(1 / var(--design_width) * 100vw) #363638;
    border-bottom: solid calc(1 / var(--design_width) * 100vw) #363638;
  }
  .nav__fixed[data-fixed-elm=NavHeader] .nav__fixed__head .nav__fixed__head__title {
    position: relative;
  }
  .nav__fixed[data-fixed-elm=NavHeader] .nav__fixed__head .nav__fixed__head__title img {
    width: calc(134.35 / var(--design_width) * 100vw);
  }
  .nav__fixed[data-fixed-elm=NavHeader] .nav__fixed__head button.nav__fixed__head__button {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 0;
    display: grid;
    gap: calc(12 / var(--design_width) * 100vw);
    padding-block: calc(24 / var(--design_width) * 100vw);
    padding-inline: calc(15 / var(--design_width) * 100vw);
    z-index: 1;
  }
  .nav__fixed[data-fixed-elm=NavHeader] .nav__fixed__head button.nav__fixed__head__button::before, .nav__fixed[data-fixed-elm=NavHeader] .nav__fixed__head button.nav__fixed__head__button::after {
    content: "";
    width: calc(33.87 / var(--design_width) * 100vw);
    height: calc(1 / var(--design_width) * 100vw);
    background-color: #000;
    z-index: 1;
  }
}
.nav__fixed[data-fixed-elm=NavButton] {
  display: block;
  bottom: calc(20 / var(--design_width) * 100vw);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.nav__fixed[data-fixed-elm=NavButton].ShowBtn {
  -webkit-animation-name: ShowBtn_Anime_NavButton;
          animation-name: ShowBtn_Anime_NavButton;
  -webkit-animation-duration: 0.6s;
          animation-duration: 0.6s;
  -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 ShowBtn_Anime_NavButton {
  from {
    opacity: 0;
    -webkit-transform: translate(-50%, 100%);
            transform: translate(-50%, 100%);
  }
  to {
    opacity: 1;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
}
@keyframes ShowBtn_Anime_NavButton {
  from {
    opacity: 0;
    -webkit-transform: translate(-50%, 100%);
            transform: translate(-50%, 100%);
  }
  to {
    opacity: 1;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
}
.nav__fixed[data-fixed-elm=NavButton].HideBtn {
  -webkit-animation-name: HideBtn_Anime_NavButton;
          animation-name: HideBtn_Anime_NavButton;
  -webkit-animation-duration: 0.6s;
          animation-duration: 0.6s;
  -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 HideBtn_Anime_NavButton {
  from {
    opacity: 1;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate(-50%, 100%);
            transform: translate(-50%, 100%);
  }
}
@keyframes HideBtn_Anime_NavButton {
  from {
    opacity: 1;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate(-50%, 100%);
            transform: translate(-50%, 100%);
  }
}
.nav__fixed[data-fixed-elm=NavButton] .nav__fixed__button {
  position: relative;
  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;
  gap: calc(40 / var(--design_width) * 100vw);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}
.nav__fixed[data-fixed-elm=NavButton] .nav__fixed__button a {
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.nav__fixed[data-fixed-elm=NavButton] .nav__fixed__button .nav__button__gender {
  position: relative;
  display: grid;
  width: calc(166 / var(--design_width) * 100vw);
  border: solid calc(1 / var(--design_width) * 100vw) #BFBFBF;
  border-radius: calc(32 / var(--design_width) * 100vw);
  padding-block: calc(3 / var(--design_width) * 100vw);
  background-color: rgba(255, 247, 193, 0.85);
}
.nav__fixed[data-fixed-elm=NavButton] .nav__fixed__button .nav__button__gender span {
  position: relative;
  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;
  gap: calc(2 / var(--design_width) * 100vw);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  font-family: var(--Font__Eng__01);
  font-weight: 500;
  font-size: calc(17 / var(--design_width) * 100vw);
  line-height: 1;
  letter-spacing: 0.03em;
  text-align: center;
}
.nav__fixed[data-fixed-elm=NavButton] .nav__fixed__button .nav__button__gender span::before {
  position: relative;
  content: "for";
  font-size: calc(10 / var(--design_width) * 100vw);
  line-height: 1;
}
.nav__fixed[data-fixed-elm=NavButton] .nav__fixed__button .nav__button__gender span.for__mens::before {
  color: #78BEF1;
}
.nav__fixed[data-fixed-elm=NavButton] .nav__fixed__button .nav__button__gender span.for__womens::before {
  color: #EABBC2;
}
.nav__fixed.nav__hide {
  display: none;
  opacity: 0;
}

#lp__wrapper {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  background-color: #fff;
  color: #1A1311;
}

#lp__wrapper {
  display: grid;
  grid-template-columns: calc(469 / var(--design_width) * 100vw) calc(428 / var(--design_width) * 100vw) auto;
  gap: 0;
  -webkit-box-align: start;
  -webkit-align-items: start;
      -ms-flex-align: start;
          align-items: start;
}
@media (max-width: 1032px) {
  #lp__wrapper {
    grid-template-columns: 100%;
  }
}
#lp__wrapper .pc__left {
  position: -webkit-sticky;
  position: sticky;
  inset: 0;
  display: block;
  width: 100%;
  height: 100vh;
  container-type: inline-size;
  background-color: var(--Color__Primary);
  overflow: hidden;
}
@media (max-width: 1032px) {
  #lp__wrapper .pc__left {
    display: none;
  }
}
#lp__wrapper .pc__left .pc__left__wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 10;
}
#lp__wrapper .pc__left .pc__left__wrapper .pc__left__title__sub {
  width: calc(186.26 / var(--design_width) * 100vw);
  -webkit-margin-after: calc(45 / var(--design_width) * 100vw);
          margin-block-end: calc(45 / var(--design_width) * 100vw);
  margin-inline: auto;
}
#lp__wrapper .pc__left .pc__left__wrapper .pc__left__title__main {
  display: grid;
  gap: calc(10 / var(--design_width) * 100vw);
}
#lp__wrapper .pc__left .pc__left__wrapper .pc__left__title__main h1 {
  display: grid;
  gap: calc(8.7 / var(--design_width) * 100vw);
}
#lp__wrapper .pc__left .pc__left__wrapper .pc__left__title__main h1 span {
  position: relative;
  display: block;
  margin-inline: auto;
}
#lp__wrapper .pc__left .pc__left__wrapper .pc__left__title__main h1 span.mv__h1__sub {
  width: calc(167.48 / var(--design_width) * 100vw);
  padding-block: calc(2 / var(--design_width) * 100vw);
  padding-inline: calc(4 / var(--design_width) * 100vw);
  background-color: #fff;
}
#lp__wrapper .pc__left .pc__left__wrapper .pc__left__title__main h1 span.mv__h1__main {
  width: calc(375 / var(--design_width) * 100vw);
}
#lp__wrapper .pc__left .pc__left__wrapper .pc__left__title__main .mv__h1__eng {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}
#lp__wrapper .pc__left .pc__left__wrapper .pc__left__title__main .mv__h1__eng span {
  font-family: var(--Font__Eng__01);
  font-size: calc(15 / var(--design_width) * 100vw);
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.015em;
  text-align: center;
  color: #1A1311;
}
#lp__wrapper .pc__left .pc__left__wrapper .series_all {
  position: relative;
  display: block;
  -webkit-margin-before: calc(32.5 / var(--design_width) * 100vw);
          margin-block-start: calc(32.5 / var(--design_width) * 100vw);
}

.viewarea__wrapper {
  position: relative;
}

.lp__container {
  position: relative;
  container-type: inline-size;
  overflow: hidden;
  -webkit-box-shadow: 0 0 calc(6 / var(--design_width) * 100vw) rgba(0, 0, 0, 0.16);
          box-shadow: 0 0 calc(6 / var(--design_width) * 100vw) rgba(0, 0, 0, 0.16);
  z-index: 10;
}
@media (max-width: 1032px) {
  .lp__container {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
.lp__container .lp__mv {
  display: none;
}
@media (max-width: 1032px) {
  .lp__container .lp__mv {
    position: relative;
    display: block;
    height: 100%;
    background-color: #fff;
    overflow: hidden;
  }
}
.lp__container .lp__mv .mv__title__main,
.lp__container .lp__mv .mv__title__sub {
  position: absolute;
  z-index: 10;
}
.lp__container .lp__mv .mv__title__sub {
  top: calc(25.6 / var(--design_width) * 100vw);
  left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  width: calc(128.27 / var(--design_width) * 100vw);
  mix-blend-mode: exclusion;
}
.lp__container .lp__mv .mv__title__sub img {
  -webkit-filter: invert(100%) sepia(0%) brightness(100%) contrast(100%);
          filter: invert(100%) sepia(0%) brightness(100%) contrast(100%);
}
.lp__container .lp__mv .mv__title__main {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: grid;
  gap: calc(10 / var(--design_width) * 100vw);
}
@media (max-width: 1032px) {
  .lp__container .lp__mv .mv__title__main {
    top: calc(292 / var(--design_width) * 100vw);
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
.lp__container .lp__mv .mv__title__main h1 {
  display: grid;
  gap: calc(8 / var(--design_width) * 100vw);
}
.lp__container .lp__mv .mv__title__main h1 span {
  position: relative;
  display: block;
  margin-inline: auto;
}
.lp__container .lp__mv .mv__title__main h1 span.mv__h1__sub {
  width: calc(152.06 / var(--design_width) * 100vw);
  padding-block: calc(2 / var(--design_width) * 100vw);
  padding-inline: calc(4 / var(--design_width) * 100vw);
  background-color: var(--Color__Primary);
}
.lp__container .lp__mv .mv__title__main h1 span.mv__h1__main {
  width: calc(340.48 / var(--design_width) * 100vw);
}
.lp__container .lp__mv .mv__title__main h1 span.mv__h1__main img {
  -webkit-filter: invert(100%) sepia(0%) brightness(100%) contrast(100%);
          filter: invert(100%) sepia(0%) brightness(100%) contrast(100%);
}
.lp__container .lp__mv .mv__title__main .mv__h1__eng {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}
.lp__container .lp__mv .mv__title__main .mv__h1__eng span {
  font-family: var(--Font__Eng__01);
  font-size: calc(14 / var(--design_width) * 100vw);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.015em;
  text-align: center;
  color: #fff;
}
.lp__container .lp__mv .mv__slider__wrapper {
  position: relative;
  display: grid;
  height: 100vh;
}
@media (max-width: 1032px) {
  .lp__container .lp__mv .mv__slider__wrapper {
    height: 100%;
  }
}
.lp__container .lp__mv .mv__slider__wrapper .mv__slider {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.lp__container .lp__mv .mv__slider__wrapper .mv__slider .mv__slider__01 {
  position: relative;
  width: 100%;
}
.lp__container .lp__mv .mv__slider__wrapper .mv__slider .mv__slider__01 .mv__nav {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: grid;
  gap: calc(6 / var(--design_width) * 100vw);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  z-index: 10;
}
.lp__container .lp__mv .mv__slider__wrapper .mv__slider .mv__slider__01 .mv__nav .mv__nav__data {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: calc(5 / var(--design_width) * 100vw);
}
.lp__container .lp__mv .mv__slider__wrapper .mv__slider .mv__slider__01 .mv__nav .mv__nav__data::before {
  position: absolute;
  top: -40%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  content: "for";
  font-family: var(--Font__Eng__01);
  font-size: calc(10 / var(--design_width) * 100vw);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.03em;
  color: #F9F58D;
}
.lp__container .lp__mv .mv__slider__wrapper .mv__slider .mv__slider__01 .mv__nav .mv__nav__data span {
  position: relative;
  display: block;
}
.lp__container .lp__mv .mv__slider__wrapper .mv__slider .mv__slider__01 .mv__nav .mv__nav__data span.mv__nav__gender, .lp__container .lp__mv .mv__slider__wrapper .mv__slider .mv__slider__01 .mv__nav .mv__nav__data span.mv__nav__style {
  font-family: var(--Font__Eng__01);
  font-size: calc(17 / var(--design_width) * 100vw);
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.03em;
  text-align: center;
  color: #fff;
}
.lp__container .lp__mv .mv__slider__wrapper .mv__slider .mv__slider__01 .mv__nav .mv__nav__button {
  position: relative;
  display: block;
  background-image: url("/static/pages/women/easycare-stretchpants/26spring/assets/images/common/btn__arrow.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: calc(17 / var(--design_width) * 100vw);
  height: calc(17 / var(--design_width) * 100vw);
  aspect-ratio: 1/1;
  margin-inline: auto;
}
.lp__container .lp__mv .mv__slider__wrapper .mv__slider .mv__slider__01 .swiper-wrapper {
  width: calc(214 / var(--design_width) * 100vw) !important;
}
.lp__container .lp__mv .mv__slider__wrapper .mv__slider .mv__slider__01 .swiper-wrapper .swiper-slide {
  position: relative;
}
.lp__container .lp__mv .mv__slider__wrapper .mv__slider .mv__slider__01 .swiper-wrapper .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.lp__container .lp__mv .mv__slider__wrapper .mv__slider .mv__slider__01 .swiper-wrapper .swiper-slide-active img,
.lp__container .lp__mv .mv__slider__wrapper .mv__slider .mv__slider__01 .swiper-wrapper .swiper-slide-duplicate-active img {
  -webkit-animation: mvSlide_anim 2.4s cubic-bezier(0.215, 0.61, 0.355, 1) both;
          animation: mvSlide_anim 2.4s cubic-bezier(0.215, 0.61, 0.355, 1) both;
}
@-webkit-keyframes mvSlide_anim {
  from {
    -webkit-filter: blur(6px);
            filter: blur(6px);
    -webkit-transform: scale(1.03);
            transform: scale(1.03);
  }
  to {
    -webkit-filter: blur(0);
            filter: blur(0);
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes mvSlide_anim {
  from {
    -webkit-filter: blur(6px);
            filter: blur(6px);
    -webkit-transform: scale(1.03);
            transform: scale(1.03);
  }
  to {
    -webkit-filter: blur(0);
            filter: blur(0);
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.lp__container .lp__intro {
  position: fixed;
  top: 0;
  right: 0;
  width: calc(469 / var(--design_width) * 100vw);
  height: 100vh;
  mix-blend-mode: multiply;
  -webkit-box-shadow: inset 0 0 calc(6 / var(--design_width) * 100vw) rgba(0, 0, 0, 0.16);
          box-shadow: inset 0 0 calc(6 / var(--design_width) * 100vw) rgba(0, 0, 0, 0.16);
  background-color: var(--Color__Primary);
}
@media (max-width: 1032px) {
  .lp__container .lp__intro {
    position: relative;
    top: unset;
    right: unset;
    width: 100%;
    height: auto;
    mix-blend-mode: unset;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
.lp__container .lp__intro .intro__wrapper {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin-inline: auto;
  width: calc(358 / var(--design_width) * 100vw);
}
@media (max-width: 1032px) {
  .lp__container .lp__intro .intro__wrapper {
    top: unset;
    -webkit-transform: unset;
            transform: unset;
    -webkit-padding-before: calc(30 / var(--design_width) * 100vw);
            padding-block-start: calc(30 / var(--design_width) * 100vw);
    -webkit-padding-after: calc(45 / var(--design_width) * 100vw);
            padding-block-end: calc(45 / var(--design_width) * 100vw);
  }
}
.lp__container .lp__intro .intro__wrapper .intro__head {
  position: relative;
}
.lp__container .lp__intro .intro__wrapper .intro__head h2 {
  display: grid;
  font-size: calc(3 / var(--design_width) * 100vw);
}
.lp__container .lp__intro .intro__wrapper .intro__head h2 span {
  position: relative;
  display: block;
  text-align: center;
}
.lp__container .lp__intro .intro__wrapper .intro__head h2 span.intro__title__main {
  font-family: var(--Font__Eng__01);
  font-weight: 500;
  font-size: calc(16 / var(--design_width) * 100vw);
  line-height: 1;
  letter-spacing: 0.03em;
}
.lp__container .lp__intro .intro__wrapper .intro__head h2 span.intro__title__sub {
  font-family: var(--Font__Jpn__01);
  font-weight: 400;
  font-size: calc(12 / var(--design_width) * 100vw);
  line-height: 1.5833333333;
  letter-spacing: 0em;
}
.lp__container .lp__intro .intro__wrapper .intro__image {
  position: relative;
  display: block;
  width: 100%;
  -webkit-margin-before: calc(15 / var(--design_width) * 100vw);
          margin-block-start: calc(15 / var(--design_width) * 100vw);
  -webkit-margin-after: calc(10 / var(--design_width) * 100vw);
          margin-block-end: calc(10 / var(--design_width) * 100vw);
  overflow: hidden;
}
.lp__container .lp__intro .intro__wrapper .intro__image .intro__image__title {
  position: absolute;
  display: grid;
  gap: calc(10.9 / var(--design_width) * 100vw);
  top: calc(154.5 / var(--design_width) * 100vw);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  color: #fff;
  z-index: 1;
}
.lp__container .lp__intro .intro__wrapper .intro__image .intro__image__title span {
  position: relative;
  display: block;
}
.lp__container .lp__intro .intro__wrapper .intro__image .intro__image__title span.intro__image__title__main {
  position: relative;
  width: calc(226.07 / var(--design_width) * 100vw);
}
.lp__container .lp__intro .intro__wrapper .intro__image .intro__image__title span.intro__image__title__main img, .lp__container .lp__intro .intro__wrapper .intro__image .intro__image__title span.intro__image__title__main svg {
  -webkit-filter: invert(100%) sepia(0%) brightness(100%) contrast(100%);
          filter: invert(100%) sepia(0%) brightness(100%) contrast(100%);
}
.lp__container .lp__intro .intro__wrapper .intro__image .intro__image__title span.intro__image__title__sub {
  font-family: var(--Font__Eng__01);
  font-weight: 500;
  font-size: calc(13 / var(--design_width) * 100vw);
  line-height: 1;
  letter-spacing: 0.03em;
  text-align: center;
}
.lp__container .lp__intro .intro__wrapper .intro__image img {
  width: 100%;
  height: 100%;
}
.lp__container .lp__intro .intro__wrapper .intro__read {
  position: relative;
}
.lp__container .lp__intro .intro__wrapper .intro__read p {
  font-family: var(--Font__Jpn__01);
  font-weight: 400;
  font-size: calc(13 / var(--design_width) * 100vw);
  line-height: 1.5384615385;
  letter-spacing: 0.03em;
}
.lp__container .lp__intro .intro__wrapper button {
  position: relative;
  display: block;
  cursor: pointer;
}
.lp__container .lp__intro .intro__wrapper button.button__intro {
  position: relative;
  width: 100%;
  padding-block: calc(7.5 / var(--design_width) * 100vw);
  border: solid calc(1 / var(--design_width) * 100vw) #8E8E8E;
  border-radius: calc(32 / var(--design_width) * 100vw);
  -webkit-margin-before: calc(17 / var(--design_width) * 100vw);
          margin-block-start: calc(17 / var(--design_width) * 100vw);
  background-color: #fff;
  color: #1A1311;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
@media (min-width: 1280px) {
  .lp__container .lp__intro .intro__wrapper button.button__intro:hover {
    background-color: #1A1311;
    color: #fff;
  }
  .lp__container .lp__intro .intro__wrapper button.button__intro:hover::after {
    -webkit-filter: invert(100%) sepia(0%) brightness(100%) contrast(100%);
            filter: invert(100%) sepia(0%) brightness(100%) contrast(100%);
  }
}
.lp__container .lp__intro .intro__wrapper button.button__intro::after {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: calc(13 / var(--design_width) * 100vw);
  display: inline-block;
  content: "";
  background-image: url("/static/pages/women/easycare-stretchpants/26spring/assets/images/common/button__elm__plus.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: calc(10.73 / var(--design_width) * 100vw);
  height: calc(11.54 / var(--design_width) * 100vw);
  z-index: 1;
}
.lp__container .lp__intro .intro__wrapper button.button__intro span {
  display: grid;
  font-family: var(--Font__Jpn__01);
  font-weight: 500;
  font-size: calc(13 / var(--design_width) * 100vw);
  line-height: 1.4615384615;
  letter-spacing: -0.02em;
}
.lp__container .lp__look__container {
  position: relative;
  -webkit-padding-before: calc(80 / var(--design_width) * 100vw);
          padding-block-start: calc(80 / var(--design_width) * 100vw);
  background-color: #fff;
}
.lp__container .lp__look__container:first-of-type {
  -webkit-padding-before: calc(40 / var(--design_width) * 100vw);
          padding-block-start: calc(40 / var(--design_width) * 100vw);
}
@media (max-width: 1032px) {
  .lp__container .lp__look__container:first-of-type {
    -webkit-padding-before: calc(80 / var(--design_width) * 100vw);
            padding-block-start: calc(80 / var(--design_width) * 100vw);
  }
}
.lp__container .lp__look__container a.credit__icon {
  position: absolute;
  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;
  gap: calc(4 / var(--design_width) * 100vw);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding-block: calc(2 / var(--design_width) * 100vw);
  padding-inline: calc(10 / var(--design_width) * 100vw);
  border: solid calc(1 / var(--design_width) * 100vw) #fff;
  border-radius: 9999px;
  z-index: 1;
}
.lp__container .lp__look__container a.credit__icon span {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-family: var(--Font__Eng__01);
  font-weight: 600;
  font-size: calc(12 / var(--design_width) * 100vw);
  line-height: 1;
  letter-spacing: 0em;
  color: #fff;
}
.lp__container .lp__look__container a.credit__icon span.item__price::before {
  content: "¥";
}
.lp__container .lp__look__container .look__head {
  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: start;
  -webkit-align-items: start;
      -ms-flex-align: start;
          align-items: start;
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  -webkit-margin-after: calc(30 / var(--design_width) * 100vw);
          margin-block-end: calc(30 / var(--design_width) * 100vw);
  padding-inline: calc(30 / var(--design_width) * 100vw);
}
.lp__container .lp__look__container .look__head .look__title {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.lp__container .lp__look__container .look__head .look__title h3 {
  display: grid;
  gap: calc(11 / var(--design_width) * 100vw);
}
.lp__container .lp__look__container .look__head .look__title h3 span {
  position: relative;
  display: block;
}
.lp__container .lp__look__container .look__head .look__title h3 span.h3__look__num {
  font-family: var(--Font__Eng__01);
  font-weight: 500;
  font-size: calc(13 / var(--design_width) * 100vw);
  line-height: 1;
  letter-spacing: 0.03em;
}
.lp__container .lp__look__container .look__head .look__title h3 span.h3__look__title {
  font-family: var(--Font__Jpn__01);
  font-weight: 700;
  font-size: calc(17 / var(--design_width) * 100vw);
  line-height: 1.2941176471;
  letter-spacing: 0em;
}
.lp__container .lp__look__container .look__head .look__style__data {
  position: relative;
  top: calc(-4 / var(--design_width) * 100vw);
  display: grid;
  width: calc(126 / var(--design_width) * 100vw);
}
.lp__container .lp__look__container .look__head .look__style__data .style__type {
  position: relative;
  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-margin-after: calc(11 / var(--design_width) * 100vw);
          margin-block-end: calc(11 / var(--design_width) * 100vw);
}
.lp__container .lp__look__container .look__head .look__style__data .style__type span {
  position: relative;
  display: inline-block;
}
.lp__container .lp__look__container .look__head .look__style__data .style__type span.style__type__title {
  -webkit-margin-end: calc(3.5 / var(--design_width) * 100vw);
          margin-inline-end: calc(3.5 / var(--design_width) * 100vw);
  font-family: var(--Font__Eng__01);
  font-weight: 500;
  font-size: calc(13 / var(--design_width) * 100vw);
  line-height: 1;
  letter-spacing: 0.03em;
}
.lp__container .lp__look__container .look__head .look__style__data .style__type span.style__type__name {
  font-family: var(--Font__Eng__01);
  font-weight: 500;
  font-size: calc(19 / var(--design_width) * 100vw);
  line-height: 1;
  letter-spacing: 0.03em;
}
.lp__container .lp__look__container .look__head .look__style__data .style__type__credit__lists {
  position: relative;
  display: grid;
  gap: calc(6 / var(--design_width) * 100vw);
}
.lp__container .lp__look__container .look__head .look__style__data .style__type__credit__lists .credit__list {
  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;
}
.lp__container .lp__look__container .look__head .look__style__data .style__type__credit__lists .credit__list span {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.lp__container .lp__look__container .look__head .look__style__data .style__type__credit__lists .credit__list span.item__name, .lp__container .lp__look__container .look__head .look__style__data .style__type__credit__lists .credit__list span.item__price {
  font-family: var(--Font__Eng__01);
  font-weight: 500;
  font-size: calc(13 / var(--design_width) * 100vw);
  line-height: 1;
  letter-spacing: 0.03em;
}
.lp__container .lp__look__container .look__head .look__style__data .style__type__credit__lists .credit__list span.item__price::before {
  content: "¥";
}
.lp__container .lp__look__container .look__head .look__style__data .style__type__credit__lists .credit__list span.item__price::after {
  content: "yen";
}
.lp__container .lp__look__container .look__head .look__style__data .bar__result {
  position: relative;
  display: block;
  width: 100%;
  height: calc(1 / var(--design_width) * 100vw);
  margin-block: calc(8 / var(--design_width) * 100vw);
  background-color: #707070;
}
.lp__container .lp__look__container .look__head .look__style__data .style__type__credit__total {
  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: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.lp__container .lp__look__container .look__head .look__style__data .style__type__credit__total span {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  letter-spacing: 0.03em;
}
.lp__container .lp__look__container .look__head .look__style__data .style__type__credit__total span.item__name {
  font-family: var(--Font__Eng__01);
  font-weight: 500;
  font-size: calc(13 / var(--design_width) * 100vw);
  line-height: 1;
}
.lp__container .lp__look__container .look__head .look__style__data .style__type__credit__total span.item__price {
  font-family: var(--Font__Eng__02);
  font-weight: 700;
  font-size: calc(15 / var(--design_width) * 100vw);
  line-height: 1;
}
.lp__container .lp__look__container .look__head .look__style__data .style__type__credit__total span.item__price::before {
  content: "¥";
}
.lp__container .lp__look__container .look__head .look__style__data .style__type__credit__total span.item__price::after {
  content: "yen";
}
.lp__container .lp__look__container .look__main {
  position: relative;
  display: block;
  -webkit-padding-after: calc(40 / var(--design_width) * 100vw);
          padding-block-end: calc(40 / var(--design_width) * 100vw);
  overflow: hidden;
}
.lp__container .lp__look__container .look__main .look__image__main {
  position: relative;
  display: block;
}
.lp__container .lp__look__container .look__main .look__image__main .Loook__Credit__Window {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  will-change: opacity;
  -webkit-transition: opacity 0.3s ease, visibility 0s linear 0.3s;
  transition: opacity 0.3s ease, visibility 0s linear 0.3s;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: auto;
  -webkit-padding-before: calc(48 / var(--design_width) * 100vw);
          padding-block-start: calc(48 / var(--design_width) * 100vw);
  -webkit-padding-after: calc(30 / var(--design_width) * 100vw);
          padding-block-end: calc(30 / var(--design_width) * 100vw);
  background-color: rgba(255, 247, 193, 0.9);
  z-index: 30;
}
.lp__container .lp__look__container .look__main .look__image__main .Loook__Credit__Window.is-show {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  -webkit-transition: opacity 0.3s ease, visibility 0s;
  transition: opacity 0.3s ease, visibility 0s;
}
.lp__container .lp__look__container .look__main .look__image__main .Loook__Credit__Window .credit__wrapper {
  position: relative;
  display: grid;
  gap: calc(10.5 / var(--design_width) * 100vw);
  width: calc(339 / var(--design_width) * 100vw);
  margin-inline: auto;
}
.lp__container .lp__look__container .look__main .look__image__main .Loook__Credit__Window .credit__wrapper .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: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.lp__container .lp__look__container .look__main .look__image__main .Loook__Credit__Window .credit__wrapper .credit__item .credit__data {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: calc(23 / var(--design_width) * 100vw);
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.lp__container .lp__look__container .look__main .look__image__main .Loook__Credit__Window .credit__wrapper .credit__item .credit__data span {
  position: relative;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-family: var(--Font__Eng__01);
  font-weight: 500;
}
.lp__container .lp__look__container .look__main .look__image__main .Loook__Credit__Window .credit__wrapper .credit__item .credit__data span.credit__name {
  font-size: calc(16 / var(--design_width) * 100vw);
  line-height: 1;
  letter-spacing: 0.03em;
}
.lp__container .lp__look__container .look__main .look__image__main .Loook__Credit__Window .credit__wrapper .credit__item .credit__data span.credit__price {
  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;
  font-size: calc(16 / var(--design_width) * 100vw);
  line-height: 1;
  letter-spacing: 0em;
}
.lp__container .lp__look__container .look__main .look__image__main .Loook__Credit__Window .credit__wrapper .credit__item .credit__data span.credit__price::before {
  content: "¥";
}
.lp__container .lp__look__container .look__main .look__image__main .Loook__Credit__Window .credit__wrapper .credit__item .credit__data span.credit__price::after {
  content: "(tax in)";
  -webkit-margin-start: calc(2 / var(--design_width) * 100vw);
          margin-inline-start: calc(2 / var(--design_width) * 100vw);
  font-size: calc(12 / var(--design_width) * 100vw);
  line-height: 1;
}
.lp__container .lp__look__container .look__main .look__image__main button {
  display: block;
  width: auto;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  cursor: pointer;
}
.lp__container .lp__look__container .look__main .look__image__main button.button__toggle__opn {
  position: absolute;
  right: calc(20 / var(--design_width) * 100vw);
  bottom: calc(17 / var(--design_width) * 100vw);
  width: calc(40 / var(--design_width) * 100vw);
  height: calc(40 / var(--design_width) * 100vw);
  aspect-ratio: 1/1;
  border-radius: 100%;
  border: solid calc(1 / var(--design_width) * 100vw) #fff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 20;
}
.lp__container .lp__look__container .look__main .look__image__main button.button__toggle__opn::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: calc(17.28 / var(--design_width) * 100vw);
  height: calc(2 / var(--design_width) * 100vw);
  background-color: #fff;
  z-index: 1;
}
.lp__container .lp__look__container .look__main .look__image__main button.button__toggle__opn::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
          transform: translate(-50%, -50%) rotate(90deg);
  width: calc(17.28 / var(--design_width) * 100vw);
  height: calc(2 / var(--design_width) * 100vw);
  background-color: #fff;
  z-index: 1;
}
.lp__container .lp__look__container .look__main .look__image__main button.button__toggle__opn span {
  position: absolute;
  bottom: 100%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-family: var(--Font__Eng__01);
  font-weight: 500;
  font-size: calc(12 / var(--design_width) * 100vw);
  line-height: 1;
  letter-spacing: 0em;
  text-align: center;
  color: #fff;
}
.lp__container .lp__look__container .look__main .look__image__main button.button__toggle__opn {
  -webkit-animation: btn_anim 2.5s infinite ease;
          animation: btn_anim 2.5s infinite ease;
}
@-webkit-keyframes btn_anim {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  12% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  20% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  28% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  36% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes btn_anim {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  12% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  20% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  28% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  36% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.lp__container .lp__look__container .look__main .look__image__main button.button__toggle__clse {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  z-index: 1;
}
.lp__container .lp__look__container .look__main .look__image__main button.button__toggle__clse span {
  position: relative;
  display: block;
  width: calc(40 / var(--design_width) * 100vw);
  height: calc(40 / var(--design_width) * 100vw);
  aspect-ratio: 1/1;
}
.lp__container .lp__look__container .look__main .look__image__main button.button__toggle__clse span::before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
  content: "";
  width: calc(18 / var(--design_width) * 100vw);
  height: calc(2 / var(--design_width) * 100vw);
  background-color: #121212;
}
.lp__container .lp__look__container .look__main .look__image__main button.button__toggle__clse span::after {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
  content: "";
  width: calc(18 / var(--design_width) * 100vw);
  height: calc(2 / var(--design_width) * 100vw);
  background-color: #121212;
}
.lp__container .lp__look__container .look__main .look__image__main .look__nnum__wmns {
  position: absolute;
  top: calc(29 / var(--design_width) * 100vw);
  left: calc(30 / var(--design_width) * 100vw);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  z-index: 10;
}
.lp__container .lp__look__container .look__main .look__image__main .look__nnum__wmns span {
  position: relative;
  display: block;
  font-family: var(--Font__Eng__01);
  font-size: calc(18 / var(--design_width) * 100vw);
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.03em;
}
.lp__container .lp__look__container .look__main .look__image__main img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.lp__container .lp__look__container .look__main .look__image__main .look__slider__wmns {
  position: relative;
}
.lp__container .lp__look__container .look__main .look__image__main.is-credit-open .credit__icon,
.lp__container .lp__look__container .look__main .look__image__main.is-credit-open .button__toggle__opn {
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.lp__container .lp__look__container .look__main .look__main__read {
  position: relative;
  display: block;
  -webkit-padding-before: calc(10 / var(--design_width) * 100vw);
          padding-block-start: calc(10 / var(--design_width) * 100vw);
  padding-inline: calc(30 / var(--design_width) * 100vw);
}
.lp__container .lp__look__container .look__main .look__main__read p {
  font-family: var(--Font__Jpn__01);
  font-weight: 400;
  font-size: calc(13 / var(--design_width) * 100vw);
  line-height: 1.5384615385;
  letter-spacing: 0em;
}
.lp__container .lp__look__container .look__sub {
  position: relative;
}
.lp__container .lp__look__container .look__sub .look__image__sub {
  position: relative;
}
.lp__container .lp__look__container .look__sub .look__image__sub img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.lp__container .lp__look__container .look__sub .look__image__sub .look__image__sub__catch {
  position: absolute;
  display: grid;
  gap: calc(4.8 / var(--design_width) * 100vw);
  z-index: 1;
}
.lp__container .lp__look__container .look__sub .look__image__sub .look__image__sub__catch span {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding-block: calc(2 / var(--design_width) * 100vw);
  padding-inline: calc(2 / var(--design_width) * 100vw);
  background-color: var(--Color__Primary);
  font-family: var(--Font__Jpn__01);
  font-weight: 500;
  font-size: calc(13 / var(--design_width) * 100vw);
  line-height: 1;
  letter-spacing: 0.03em;
}
.lp__container #Look__Mens.lp__look__container[data-look=mens__look__01] span.h3__look__num {
  color: var(--Color__Look__men__01);
}
.lp__container #Look__Mens.lp__look__container[data-look=mens__look__01] span.style__type__title {
  color: var(--Color__Look__men__01);
}
.lp__container #Look__Mens.lp__look__container[data-look=mens__look__01] .credit__icon.item__credit__01 {
  top: calc(167 / var(--design_width) * 100vw);
  right: calc(93 / var(--design_width) * 100vw);
}
.lp__container #Look__Mens.lp__look__container[data-look=mens__look__01] .credit__icon.item__credit__02 {
  top: calc(354 / var(--design_width) * 100vw);
  left: calc(97 / var(--design_width) * 100vw);
}
.lp__container #Look__Mens.lp__look__container[data-look=mens__look__01] .credit__icon.item__credit__03 {
  top: calc(247 / var(--design_width) * 100vw);
  left: calc(149 / var(--design_width) * 100vw);
}
.lp__container #Look__Mens.lp__look__container[data-look=mens__look__01] .credit__icon.item__credit__04 {
  top: calc(280 / var(--design_width) * 100vw);
  left: calc(40 / var(--design_width) * 100vw);
}
.lp__container #Look__Mens.lp__look__container[data-look=mens__look__01] .credit__icon {
  background-color: var(--Color__Look__men__01);
}
.lp__container #Look__Mens.lp__look__container[data-look=mens__look__01] .button__toggle__opn {
  background-color: var(--Color__Look__men__01);
}
.lp__container #Look__Mens.lp__look__container[data-look=mens__look__01] .look__image__sub.image__sub__01 {
  width: calc(261 / var(--design_width) * 100vw);
  -webkit-margin-start: calc(30 / var(--design_width) * 100vw);
          margin-inline-start: calc(30 / var(--design_width) * 100vw);
}
.lp__container #Look__Mens.lp__look__container[data-look=mens__look__01] .look__image__sub.image__sub__02 {
  width: calc(314 / var(--design_width) * 100vw);
  -webkit-margin-start: auto;
          margin-inline-start: auto;
  -webkit-margin-before: calc(-44 / var(--design_width) * 100vw);
          margin-block-start: calc(-44 / var(--design_width) * 100vw);
  -webkit-margin-after: auto;
          margin-block-end: auto;
}
.lp__container #Look__Mens.lp__look__container[data-look=mens__look__01] .look__image__sub__catch {
  top: calc(178 / var(--design_width) * 100vw);
  left: calc(-67 / var(--design_width) * 100vw);
}
.lp__container #Look__Mens.lp__look__container[data-look=mens__look__02] span.h3__look__num {
  color: var(--Color__Look__men__02);
}
.lp__container #Look__Mens.lp__look__container[data-look=mens__look__02] span.style__type__title {
  color: var(--Color__Look__men__02);
}
.lp__container #Look__Mens.lp__look__container[data-look=mens__look__02] .credit__icon.item__credit__01 {
  top: calc(348.6 / var(--design_width) * 100vw);
  left: calc(100 / var(--design_width) * 100vw);
}
.lp__container #Look__Mens.lp__look__container[data-look=mens__look__02] .credit__icon.item__credit__04 {
  top: calc(152.3 / var(--design_width) * 100vw);
  left: calc(169 / var(--design_width) * 100vw);
}
.lp__container #Look__Mens.lp__look__container[data-look=mens__look__02] .credit__icon {
  background-color: var(--Color__Look__men__02);
}
.lp__container #Look__Mens.lp__look__container[data-look=mens__look__02] .button__toggle__opn {
  background-color: var(--Color__Look__men__02);
}
.lp__container #Look__Mens.lp__look__container[data-look=mens__look__02] .look__image__sub.image__sub__01 {
  width: calc(327.07 / var(--design_width) * 100vw);
  margin-inline: auto;
}
.lp__container #Look__Mens.lp__look__container[data-look=mens__look__02] .look__image__sub.image__sub__02 {
  width: calc(327.07 / var(--design_width) * 100vw);
  margin-inline: auto;
  -webkit-margin-before: calc(10 / var(--design_width) * 100vw);
          margin-block-start: calc(10 / var(--design_width) * 100vw);
}
.lp__container #Look__Mens.lp__look__container[data-look=mens__look__02] .look__image__sub__catch {
  top: calc(31 / var(--design_width) * 100vw);
  left: calc(-30 / var(--design_width) * 100vw);
}
.lp__container #Look__Mens.lp__look__container[data-look=mens__look__03] span.h3__look__num {
  color: var(--Color__Look__men__03);
}
.lp__container #Look__Mens.lp__look__container[data-look=mens__look__03] span.style__type__title {
  color: var(--Color__Look__men__03);
}
.lp__container #Look__Mens.lp__look__container[data-look=mens__look__03] .credit__icon.item__credit__01 {
  top: calc(317.2 / var(--design_width) * 100vw);
  left: calc(40.5 / var(--design_width) * 100vw);
}
.lp__container #Look__Mens.lp__look__container[data-look=mens__look__03] .credit__icon.item__credit__04 {
  top: calc(180.6 / var(--design_width) * 100vw);
  left: calc(165.5 / var(--design_width) * 100vw);
}
.lp__container #Look__Mens.lp__look__container[data-look=mens__look__03] .credit__icon {
  background-color: var(--Color__Look__men__03);
}
.lp__container #Look__Mens.lp__look__container[data-look=mens__look__03] .button__toggle__opn {
  background-color: var(--Color__Look__men__03);
}
.lp__container #Look__Mens.lp__look__container[data-look=mens__look__03] .look__image__sub.image__sub__01 {
  width: calc(300 / var(--design_width) * 100vw);
  -webkit-margin-start: auto;
          margin-inline-start: auto;
}
.lp__container #Look__Mens.lp__look__container[data-look=mens__look__03] .look__image__sub.image__sub__02 {
  width: calc(340 / var(--design_width) * 100vw);
  -webkit-margin-start: calc(20 / var(--design_width) * 100vw);
          margin-inline-start: calc(20 / var(--design_width) * 100vw);
  -webkit-margin-before: calc(13.4 / var(--design_width) * 100vw);
          margin-block-start: calc(13.4 / var(--design_width) * 100vw);
}
.lp__container #Look__Mens.lp__look__container[data-look=mens__look__03] .look__image__sub__catch {
  top: calc(73.5 / var(--design_width) * 100vw);
  left: calc(-87 / var(--design_width) * 100vw);
}
.lp__container #Look__Womens.lp__look__container[data-look=womens__look__01] span.h3__look__num {
  color: var(--Color__Look__women__01);
}
.lp__container #Look__Womens.lp__look__container[data-look=womens__look__01] span.style__type__title {
  color: var(--Color__Look__women__01);
}
.lp__container #Look__Womens.lp__look__container[data-look=womens__look__01] .credit__icon span {
  color: #000;
}
.lp__container #Look__Womens.lp__look__container[data-look=womens__look__01] .credit__icon.item__credit__01_01 {
  top: calc(382.5 / var(--design_width) * 100vw);
  left: calc(182.5 / var(--design_width) * 100vw);
}
.lp__container #Look__Womens.lp__look__container[data-look=womens__look__01] .credit__icon.item__credit__01_02 {
  top: calc(362.5 / var(--design_width) * 100vw);
  left: calc(214 / var(--design_width) * 100vw);
}
.lp__container #Look__Womens.lp__look__container[data-look=womens__look__01] .credit__icon.item__credit__02_01 {
  top: calc(395.4 / var(--design_width) * 100vw);
  left: calc(89.4 / var(--design_width) * 100vw);
}
.lp__container #Look__Womens.lp__look__container[data-look=womens__look__01] .credit__icon.item__credit__02_02 {
  top: calc(344.4 / var(--design_width) * 100vw);
  left: calc(22.4 / var(--design_width) * 100vw);
}
.lp__container #Look__Womens.lp__look__container[data-look=womens__look__01] .credit__icon.item__credit__03_01 {
  top: calc(354.4 / var(--design_width) * 100vw);
  left: calc(257.4 / var(--design_width) * 100vw);
}
.lp__container #Look__Womens.lp__look__container[data-look=womens__look__01] .credit__icon.item__credit__03_02 {
  top: calc(354.4 / var(--design_width) * 100vw);
  left: calc(235.4 / var(--design_width) * 100vw);
}
.lp__container #Look__Womens.lp__look__container[data-look=womens__look__01] .credit__icon {
  background-color: var(--Color__Look__women__01);
}
.lp__container #Look__Womens.lp__look__container[data-look=womens__look__01] .button__toggle__opn span {
  color: #000;
}
.lp__container #Look__Womens.lp__look__container[data-look=womens__look__01] .button__toggle__opn {
  background-color: var(--Color__Look__women__01);
}
.lp__container #Look__Womens.lp__look__container[data-look=womens__look__01] .look__nnum__wmns span {
  color: var(--Color__Look__women__01);
}
.lp__container #Look__Womens.lp__look__container[data-look=womens__look__01] .look__image__sub.image__sub__01 {
  width: calc(261 / var(--design_width) * 100vw);
  -webkit-margin-start: calc(30 / var(--design_width) * 100vw);
          margin-inline-start: calc(30 / var(--design_width) * 100vw);
}
.lp__container #Look__Womens.lp__look__container[data-look=womens__look__01] .look__image__sub.image__sub__02 {
  width: calc(314 / var(--design_width) * 100vw);
  -webkit-margin-start: auto;
          margin-inline-start: auto;
  -webkit-margin-before: calc(-44 / var(--design_width) * 100vw);
          margin-block-start: calc(-44 / var(--design_width) * 100vw);
  -webkit-margin-after: auto;
          margin-block-end: auto;
}
.lp__container #Look__Womens.lp__look__container[data-look=womens__look__01] .look__image__sub__catch {
  top: calc(178 / var(--design_width) * 100vw);
  left: calc(-67 / var(--design_width) * 100vw);
}
.lp__container #Look__Womens.lp__look__container[data-look=womens__look__02] span.h3__look__num {
  color: var(--Color__Look__women__02);
}
.lp__container #Look__Womens.lp__look__container[data-look=womens__look__02] span.style__type__title {
  color: var(--Color__Look__women__02);
}
.lp__container #Look__Womens.lp__look__container[data-look=womens__look__02] .credit__icon span {
  color: #000;
}
.lp__container #Look__Womens.lp__look__container[data-look=womens__look__02] .credit__icon.item__credit__01_01 {
  top: calc(297.5 / var(--design_width) * 100vw);
  left: calc(245.3 / var(--design_width) * 100vw);
}
.lp__container #Look__Womens.lp__look__container[data-look=womens__look__02] .credit__icon.item__credit__01_02 {
  top: calc(370.5 / var(--design_width) * 100vw);
  left: calc(244.3 / var(--design_width) * 100vw);
}
.lp__container #Look__Womens.lp__look__container[data-look=womens__look__02] .credit__icon.item__credit__02_01 {
  top: calc(340.4 / var(--design_width) * 100vw);
  left: calc(214 / var(--design_width) * 100vw);
}
.lp__container #Look__Womens.lp__look__container[data-look=womens__look__02] .credit__icon.item__credit__02_02 {
  top: calc(340.4 / var(--design_width) * 100vw);
  left: calc(219 / var(--design_width) * 100vw);
}
.lp__container #Look__Womens.lp__look__container[data-look=womens__look__02] .credit__icon.item__credit__03_01 {
  top: calc(297.5 / var(--design_width) * 100vw);
  left: calc(59 / var(--design_width) * 100vw);
}
.lp__container #Look__Womens.lp__look__container[data-look=womens__look__02] .credit__icon.item__credit__03_02 {
  top: calc(352.5 / var(--design_width) * 100vw);
  left: calc(71 / var(--design_width) * 100vw);
}
.lp__container #Look__Womens.lp__look__container[data-look=womens__look__02] .credit__icon {
  background-color: var(--Color__Look__women__02);
}
.lp__container #Look__Womens.lp__look__container[data-look=womens__look__02] .button__toggle__opn span {
  color: #000;
}
.lp__container #Look__Womens.lp__look__container[data-look=womens__look__02] .button__toggle__opn {
  background-color: var(--Color__Look__women__02);
}
.lp__container #Look__Womens.lp__look__container[data-look=womens__look__02] .look__nnum__wmns span {
  color: var(--Color__Look__women__02);
}
.lp__container #Look__Womens.lp__look__container[data-look=womens__look__02] .look__image__sub.image__sub__01 {
  width: calc(261 / var(--design_width) * 100vw);
  -webkit-margin-start: calc(30 / var(--design_width) * 100vw);
          margin-inline-start: calc(30 / var(--design_width) * 100vw);
}
.lp__container #Look__Womens.lp__look__container[data-look=womens__look__02] .look__image__sub.image__sub__02 {
  width: calc(314 / var(--design_width) * 100vw);
  -webkit-margin-start: auto;
          margin-inline-start: auto;
  -webkit-margin-before: calc(-44 / var(--design_width) * 100vw);
          margin-block-start: calc(-44 / var(--design_width) * 100vw);
  -webkit-margin-after: auto;
          margin-block-end: auto;
}
.lp__container #Look__Womens.lp__look__container[data-look=womens__look__02] .look__image__sub__catch {
  top: calc(178 / var(--design_width) * 100vw);
  left: calc(-67 / var(--design_width) * 100vw);
}
.lp__container .lp__footer {
  position: relative;
  -webkit-padding-before: calc(30 / var(--design_width) * 100vw);
          padding-block-start: calc(30 / var(--design_width) * 100vw);
  background-color: #fff;
}
.lp__container .lp__footer .footer__banner {
  position: relative;
}
.lp__container .lp__footer .footer__banner .footer__banner__title__sub,
.lp__container .lp__footer .footer__banner .footer__banner__inner {
  position: absolute;
  top: calc(176.5 / var(--design_width) * 100vw);
  z-index: 1;
}
.lp__container .lp__footer .footer__banner .footer__banner__title__sub {
  top: calc(18.9 / var(--design_width) * 100vw);
  left: calc(20 / var(--design_width) * 100vw);
  width: calc(162.48 / var(--design_width) * 100vw);
}
.lp__container .lp__footer .footer__banner .footer__banner__inner {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: grid;
  gap: calc(20 / var(--design_width) * 100vw);
  color: #fff;
}
.lp__container .lp__footer .footer__banner .footer__banner__inner .footer__banner__title__main {
  position: relative;
  display: grid;
  gap: calc(10.9 / var(--design_width) * 100vw);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}
.lp__container .lp__footer .footer__banner .footer__banner__inner .footer__banner__title__main span {
  position: relative;
  display: block;
}
.lp__container .lp__footer .footer__banner .footer__banner__inner .footer__banner__title__main span.bnr_tt__main {
  width: calc(224.45 / var(--design_width) * 100vw);
}
.lp__container .lp__footer .footer__banner .footer__banner__inner .footer__banner__title__main span.bnr_tt__main img, .lp__container .lp__footer .footer__banner .footer__banner__inner .footer__banner__title__main span.bnr_tt__main svg {
  -webkit-filter: invert(100%) sepia(0%) brightness(100%) contrast(100%);
          filter: invert(100%) sepia(0%) brightness(100%) contrast(100%);
}
.lp__container .lp__footer .footer__banner .footer__banner__inner .footer__banner__title__main span.bnr_tt__sub {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  font-family: var(--Font__Eng__01);
  font-weight: 500;
  font-size: calc(13 / var(--design_width) * 100vw);
  line-height: 1;
  letter-spacing: 0.03em;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.lp__container .lp__footer .footer__banner .footer__banner__inner .nav__footer {
  position: relative;
  width: calc(271 / var(--design_width) * 100vw);
  border-top: solid calc(1 / var(--design_width) * 100vw) #fff;
  border-bottom: solid calc(1 / var(--design_width) * 100vw) #fff;
  padding-block: calc(9.15 / var(--design_width) * 100vw);
  text-align: center;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.lp__container .lp__footer .footer__banner .footer__banner__inner .nav__footer:hover {
  opacity: 0.6;
}
.lp__container .lp__footer .footer__banner .footer__banner__inner .nav__footer::after {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: calc(4.6 / var(--design_width) * 100vw);
  content: "";
  background-image: url("/static/pages/women/easycare-stretchpants/26spring/assets/images/common/btn__arrow__footer__nav.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: calc(14.76 / var(--design_width) * 100vw);
  aspect-ratio: 1/1;
  z-index: 1;
}
.lp__container .lp__footer .footer__banner .footer__banner__inner .nav__footer span {
  position: relative;
  display: block;
}
.lp__container .lp__footer .footer__banner .footer__banner__inner .nav__footer span.nav__title__main {
  font-family: var(--Font__Eng__01);
  font-weight: 500;
  font-size: calc(20 / var(--design_width) * 100vw);
  line-height: 1.1;
  letter-spacing: 0.05em;
}
.lp__container .lp__footer .footer__banner .footer__banner__inner .nav__footer span.nav__title__sub {
  font-family: var(--Font__Jpn__01);
  font-weight: 400;
  font-size: calc(11 / var(--design_width) * 100vw);
  line-height: 1.6363636364;
  letter-spacing: -0.03em;
}
.lp__container .lp__footer .footer__banner .footer__image {
  position: relative;
  width: auto;
  overflow: hidden;
}
.lp__container .lp__footer .footer__banner .footer__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.lp__container .lp__footer .footer__data {
  position: relative;
  display: grid;
  gap: calc(30 / var(--design_width) * 100vw);
  -webkit-padding-before: calc(30.3 / var(--design_width) * 100vw);
          padding-block-start: calc(30.3 / var(--design_width) * 100vw);
  -webkit-padding-after: calc(31.3 / var(--design_width) * 100vw);
          padding-block-end: calc(31.3 / var(--design_width) * 100vw);
}
.lp__container .lp__footer .footer__data .staff__credit {
  position: relative;
}
.lp__container .lp__footer .footer__data .staff__credit p {
  font-family: var(--Font__Eng__01);
  font-size: calc(12 / var(--design_width) * 100vw);
  font-weight: 500;
  line-height: 1.3333333333;
  letter-spacing: 0.035em;
  text-align: center;
}
.lp__container .lp__footer .footer__data .footer__end {
  position: relative;
  display: grid;
  gap: calc(21 / var(--design_width) * 100vw);
}
.lp__container .lp__footer .footer__data .footer__end .logo__gw {
  position: relative;
  width: calc(112.16 / var(--design_width) * 100vw);
  margin-inline: auto;
}
.lp__container .lp__footer .footer__data .footer__end .footer__copyright {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}
.lp__container .lp__footer .footer__data .footer__end .footer__copyright span {
  font-family: var(--Font__Eng__01);
  font-size: calc(11 / var(--design_width) * 100vw);
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0em;
  text-align: center;
}

.c-modal-wrapper {
  position: fixed;
  display: none;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: opacity 0.3s ease, visibility 0s linear 0.3s;
  transition: opacity 0.3s ease, visibility 0s linear 0.3s;
  will-change: opacity;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.c-modal-wrapper.is-mounted {
  display: block;
}
.c-modal-wrapper.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  -webkit-transition: opacity 0.3s ease, visibility 0s linear 0s;
  transition: opacity 0.3s ease, visibility 0s linear 0s;
}
.c-modal-wrapper.is-locking {
  visibility: visible;
  pointer-events: none;
}
.c-modal-wrapper .c-modal-view {
  width: 100%;
  height: 100%;
  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;
}
.c-modal-wrapper .c-modal-view .c-modal-view__contents {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-inline: auto;
  width: calc(428 / var(--design_width) * 100vw);
  height: 100%;
  container-type: inline-size;
}
.c-modal-wrapper .c-modal-view .c-modal-view__contents .c-modal-view__block {
  width: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-y: contain;
  scrollbar-width: none;
}
.c-modal-wrapper .c-modal-view .c-modal-view__contents .c-modal-view__block .c-modal-contents__item {
  display: none;
}
.c-modal-wrapper .c-modal-view .c-modal-view__contents .c-modal-view__block .c-modal-contents__item.is-active {
  display: block;
}
.c-modal-wrapper .c-modal-view .c-modal-view__contents .c-modal-view__block .c-modal-contents__item .lp-modal-contents__box {
  position: relative;
  display: block;
  width: 100%;
  background-color: var(--Color__Secondary);
}
.c-modal-wrapper .c-modal-view .c-modal-view__contents .c-modal-view__block .c-modal-contents__item .lp-modal-contents__box .nav__fixed__head {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  padding-block: calc(27.8 / var(--design_width) * 100vw);
  padding-inline: calc(20 / var(--design_width) * 100vw) calc(15 / var(--design_width) * 100vw);
  background-color: var(--Color__Secondary);
  border-top: solid calc(1 / var(--design_width) * 100vw) #363638;
  border-bottom: solid calc(1 / var(--design_width) * 100vw) #363638;
  z-index: 1000;
}
.c-modal-wrapper .c-modal-view .c-modal-view__contents .c-modal-view__block .c-modal-contents__item .lp-modal-contents__box .nav__fixed__head .nav__fixed__head__title {
  position: relative;
}
.c-modal-wrapper .c-modal-view .c-modal-view__contents .c-modal-view__block .c-modal-contents__item .lp-modal-contents__box .nav__fixed__head .nav__fixed__head__title img {
  width: calc(134.35 / var(--design_width) * 100vw);
}
.c-modal-wrapper .c-modal-view .c-modal-view__contents .c-modal-view__block .c-modal-contents__item .lp-modal-contents__box .nav__fixed__head button.nav__fixed__head__button {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
  display: grid;
  padding-inline: calc(15 / var(--design_width) * 100vw);
  padding-block: calc(28 / var(--design_width) * 100vw);
  z-index: 1;
}
.c-modal-wrapper .c-modal-view .c-modal-view__contents .c-modal-view__block .c-modal-contents__item .lp-modal-contents__box .nav__fixed__head button.nav__fixed__head__button::before, .c-modal-wrapper .c-modal-view .c-modal-view__contents .c-modal-view__block .c-modal-contents__item .lp-modal-contents__box .nav__fixed__head button.nav__fixed__head__button::after {
  content: "";
  width: calc(33.87 / var(--design_width) * 100vw);
  height: calc(1 / var(--design_width) * 100vw);
  background-color: #000;
  z-index: 1;
}
.c-modal-wrapper .c-modal-view .c-modal-view__contents .c-modal-view__block .c-modal-contents__item .lp-modal-contents__box .nav__fixed__head button.nav__fixed__head__button::before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.c-modal-wrapper .c-modal-view .c-modal-view__contents .c-modal-view__block .c-modal-contents__item .lp-modal-contents__box .nav__fixed__head button.nav__fixed__head__button::after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.c-modal-wrapper .c-modal-view .c-modal-view__contents .c-modal-view__block .c-modal-contents__item .lp-modal-contents__box .about__content {
  position: relative;
  padding-top: 0;
}
.c-modal-wrapper .c-modal-view .c-modal-view__contents .c-modal-view__block .c-modal-contents__item .lp-modal-contents__box .about__content[data-about=ItemVariation] .about__title {
  border-bottom: solid calc(1 / var(--design_width) * 100vw) #363638;
}
.c-modal-wrapper .c-modal-view .c-modal-view__contents .c-modal-view__block .c-modal-contents__item .lp-modal-contents__box .about__content[data-about=Function] .about__title {
  border-top: solid calc(1 / var(--design_width) * 100vw) #363638;
  border-bottom: solid calc(1 / var(--design_width) * 100vw) #363638;
}
.c-modal-wrapper .c-modal-view .c-modal-view__contents .c-modal-view__block .c-modal-contents__item .lp-modal-contents__box .about__content[data-about=Function] .about__detail {
  position: relative;
  -webkit-padding-before: calc(30 / var(--design_width) * 100vw);
          padding-block-start: calc(30 / var(--design_width) * 100vw);
}
.c-modal-wrapper .c-modal-view .c-modal-view__contents .c-modal-view__block .c-modal-contents__item .lp-modal-contents__box .about__content[data-about=Function] .about__detail .about__detail__wrapper {
  position: relative;
  -webkit-margin-after: calc(39 / var(--design_width) * 100vw);
          margin-block-end: calc(39 / var(--design_width) * 100vw);
}
.c-modal-wrapper .c-modal-view .c-modal-view__contents .c-modal-view__block .c-modal-contents__item .lp-modal-contents__box .about__content[data-about=Function] .about__detail .about__detail__wrapper .about__detail__head {
  position: relative;
  display: grid;
  gap: calc(6 / var(--design_width) * 100vw);
  -webkit-margin-after: calc(15 / var(--design_width) * 100vw);
          margin-block-end: calc(15 / var(--design_width) * 100vw);
  text-align: center;
}
.c-modal-wrapper .c-modal-view .c-modal-view__contents .c-modal-view__block .c-modal-contents__item .lp-modal-contents__box .about__content[data-about=Function] .about__detail .about__detail__wrapper .about__detail__head h3 span {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}
.c-modal-wrapper .c-modal-view .c-modal-view__contents .c-modal-view__block .c-modal-contents__item .lp-modal-contents__box .about__content[data-about=Function] .about__detail .about__detail__wrapper .about__detail__head h3 span.about__detail__title {
  font-family: var(--Font__Eng__01);
  font-size: calc(17 / var(--design_width) * 100vw);
  font-weight: 500;
  line-height: 1.1764705882;
  letter-spacing: 0.03em;
}
.c-modal-wrapper .c-modal-view .c-modal-view__contents .c-modal-view__block .c-modal-contents__item .lp-modal-contents__box .about__content[data-about=Function] .about__detail .about__detail__wrapper .about__detail__head .about__detail__read {
  position: relative;
}
.c-modal-wrapper .c-modal-view .c-modal-view__contents .c-modal-view__block .c-modal-contents__item .lp-modal-contents__box .about__content[data-about=Function] .about__detail .about__detail__wrapper .about__detail__head .about__detail__read p {
  font-family: var(--Font__Jpn__01);
  font-size: calc(13 / var(--design_width) * 100vw);
  font-weight: 400;
  line-height: 1.3846153846;
  letter-spacing: 0.03em;
}
.c-modal-wrapper .c-modal-view .c-modal-view__contents .c-modal-view__block .c-modal-contents__item .lp-modal-contents__box .about__content[data-about=Function] .about__detail .about__detail__wrapper .about__detail__head .about__detail__note {
  position: relative;
}
.c-modal-wrapper .c-modal-view .c-modal-view__contents .c-modal-view__block .c-modal-contents__item .lp-modal-contents__box .about__content[data-about=Function] .about__detail .about__detail__wrapper .about__detail__head .about__detail__note p {
  font-family: var(--Font__Jpn__01);
  font-size: calc(11 / var(--design_width) * 100vw);
  font-weight: 400;
  line-height: 1.6363636364;
  letter-spacing: 0.03em;
  color: #767676;
}
.c-modal-wrapper .c-modal-view .c-modal-view__contents .c-modal-view__block .c-modal-contents__item .lp-modal-contents__box .about__content[data-about=Function] .about__detail .about__detail__wrapper .about__detail__image {
  position: relative;
}
.c-modal-wrapper .c-modal-view .c-modal-view__contents .c-modal-view__block .c-modal-contents__item .lp-modal-contents__box .about__content[data-about=Function] .about__detail .about__detail__wrapper .about__detail__image.image__single {
  display: block;
}
.c-modal-wrapper .c-modal-view .c-modal-view__contents .c-modal-view__block .c-modal-contents__item .lp-modal-contents__box .about__content[data-about=Function] .about__detail .about__detail__wrapper .about__detail__image.image__column {
  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;
}
.c-modal-wrapper .c-modal-view .c-modal-view__contents .c-modal-view__block .c-modal-contents__item .lp-modal-contents__box .about__content[data-about=Function] .about__detail .about__detail__wrapper .about__detail__image .detail__img {
  position: relative;
  overflow: hidden;
}
.c-modal-wrapper .c-modal-view .c-modal-view__contents .c-modal-view__block .c-modal-contents__item .lp-modal-contents__box .about__content[data-about=Function] .about__detail .about__detail__wrapper .about__detail__image .detail__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.c-modal-wrapper .c-modal-view .c-modal-view__contents .c-modal-view__block .c-modal-contents__item .lp-modal-contents__box .about__content .about__title {
  position: relative;
  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: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-block: calc(6.95 / var(--design_width) * 100vw);
  padding-inline: calc(20 / var(--design_width) * 100vw);
}
.c-modal-wrapper .c-modal-view .c-modal-view__contents .c-modal-view__block .c-modal-contents__item .lp-modal-contents__box .about__content .about__title span {
  position: relative;
  display: grid;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.c-modal-wrapper .c-modal-view .c-modal-view__contents .c-modal-view__block .c-modal-contents__item .lp-modal-contents__box .about__content .about__title span.about__title__eng {
  font-family: var(--Font__Eng__01);
  font-weight: 500;
  font-size: calc(17 / var(--design_width) * 100vw);
  line-height: 1;
  letter-spacing: 0.03em;
  text-align: left;
}
.c-modal-wrapper .c-modal-view .c-modal-view__contents .c-modal-view__block .c-modal-contents__item .lp-modal-contents__box .about__content .about__title span.about__title__jpn {
  font-family: var(--Font__Jpn__01);
  font-weight: 500;
  font-size: calc(12 / var(--design_width) * 100vw);
  line-height: 1;
  letter-spacing: 0.03em;
  text-align: right;
}
.c-modal-wrapper .c-modal-view .c-modal-view__contents .c-modal-view__block .c-modal-contents__item .lp-modal-contents__box .about__content .about__slider__ctrl {
  position: relative;
  width: 100%;
  -webkit-padding-before: calc(13 / var(--design_width) * 100vw);
          padding-block-start: calc(13 / var(--design_width) * 100vw);
  -webkit-margin-after: calc(24 / var(--design_width) * 100vw);
          margin-block-end: calc(24 / var(--design_width) * 100vw);
  border-bottom: solid calc(1 / var(--design_width) * 100vw) #ccc;
}
.c-modal-wrapper .c-modal-view .c-modal-view__contents .c-modal-view__block .c-modal-contents__item .lp-modal-contents__box .about__content .about__slider__ctrl .swiper-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  width: calc(343 / var(--design_width) * 100vw);
  height: auto;
  margin-inline: auto;
}
.c-modal-wrapper .c-modal-view .c-modal-view__contents .c-modal-view__block .c-modal-contents__item .lp-modal-contents__box .about__content .about__slider__ctrl .swiper-wrapper .swiper-slide {
  position: relative;
  display: grid;
  gap: calc(7 / var(--design_width) * 100vw);
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
  margin: 0 !important;
  color: #9A9A9A;
  cursor: pointer;
  -webkit-transition: color 0.4s ease;
  transition: color 0.4s ease;
}
.c-modal-wrapper .c-modal-view .c-modal-view__contents .c-modal-view__block .c-modal-contents__item .lp-modal-contents__box .about__content .about__slider__ctrl .swiper-wrapper .swiper-slide span {
  position: relative;
  display: block;
  font-family: var(--Font__Eng__01);
  font-weight: 400;
  font-size: calc(12 / var(--design_width) * 100vw);
  line-height: 1;
  letter-spacing: 0em;
}
.c-modal-wrapper .c-modal-view .c-modal-view__contents .c-modal-view__block .c-modal-contents__item .lp-modal-contents__box .about__content .about__slider__ctrl .swiper-wrapper .swiper-slide::after {
  display: block;
  content: "";
  width: 100%;
  height: calc(2 / var(--design_width) * 100vw);
  background-color: #363638;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: center;
          transform-origin: center;
  opacity: 0;
  -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
  transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
  transition: transform 0.4s ease, opacity 0.4s ease;
  transition: transform 0.4s ease, opacity 0.4s ease, -webkit-transform 0.4s ease;
}
.c-modal-wrapper .c-modal-view .c-modal-view__contents .c-modal-view__block .c-modal-contents__item .lp-modal-contents__box .about__content .about__slider__ctrl .swiper-wrapper .swiper-slide-thumb-active {
  color: #363638 !important;
}
.c-modal-wrapper .c-modal-view .c-modal-view__contents .c-modal-view__block .c-modal-contents__item .lp-modal-contents__box .about__content .about__slider__ctrl .swiper-wrapper .swiper-slide-thumb-active::after {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
  opacity: 1;
}
.c-modal-wrapper .c-modal-view .c-modal-view__contents .c-modal-view__block .c-modal-contents__item .lp-modal-contents__box .about__content .about__slider__main {
  position: relative;
  -webkit-padding-after: calc(49 / var(--design_width) * 100vw);
          padding-block-end: calc(49 / var(--design_width) * 100vw);
}
.c-modal-wrapper .c-modal-view .c-modal-view__contents .c-modal-view__block .c-modal-contents__item .lp-modal-contents__box .about__content .about__slider__main .swiper-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.c-modal-wrapper .c-modal-view .c-modal-view__contents .c-modal-view__block .c-modal-contents__item .lp-modal-contents__box .about__content .about__slider__main .swiper-wrapper .swiper-slide {
  width: calc(320 / var(--design_width) * 100vw) !important;
}
.c-modal-wrapper .c-modal-view .c-modal-view__contents .c-modal-view__block .c-modal-contents__item .lp-modal-contents__box .about__content .about__slider__main .swiper-wrapper .swiper-slide .about__item__wrapper {
  position: relative;
  display: grid;
  gap: calc(9 / var(--design_width) * 100vw);
  width: calc(320 / var(--design_width) * 100vw);
}
.c-modal-wrapper .c-modal-view .c-modal-view__contents .c-modal-view__block .c-modal-contents__item .lp-modal-contents__box .about__content .about__slider__main .swiper-wrapper .swiper-slide .about__item__wrapper .about__item__main {
  position: relative;
}
.c-modal-wrapper .c-modal-view .c-modal-view__contents .c-modal-view__block .c-modal-contents__item .lp-modal-contents__box .about__content .about__slider__main .swiper-wrapper .swiper-slide .about__item__wrapper .about__item__main .icon__gender {
  position: absolute;
  top: calc(11 / var(--design_width) * 100vw);
  left: calc(18 / var(--design_width) * 100vw);
  z-index: 1;
}
.c-modal-wrapper .c-modal-view .c-modal-view__contents .c-modal-view__block .c-modal-contents__item .lp-modal-contents__box .about__content .about__slider__main .swiper-wrapper .swiper-slide .about__item__wrapper .about__item__main .icon__gender span {
  display: grid;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-family: var(--Font__Eng__01);
  font-weight: 500;
  font-size: calc(18 / var(--design_width) * 100vw);
  line-height: 1;
  letter-spacing: 0em;
}
.c-modal-wrapper .c-modal-view .c-modal-view__contents .c-modal-view__block .c-modal-contents__item .lp-modal-contents__box .about__content .about__slider__main .swiper-wrapper .swiper-slide .about__item__wrapper .about__item__main .icon__gender span::before {
  position: relative;
  left: calc(-4 / var(--design_width) * 100vw);
  content: "for";
  font-weight: 500;
  font-size: calc(14 / var(--design_width) * 100vw);
  line-height: 1;
  letter-spacing: 0.03em;
}
.c-modal-wrapper .c-modal-view .c-modal-view__contents .c-modal-view__block .c-modal-contents__item .lp-modal-contents__box .about__content .about__slider__main .swiper-wrapper .swiper-slide .about__item__wrapper .about__item__main .icon__gender span.for__mens::before {
  color: #78BEF1;
}
.c-modal-wrapper .c-modal-view .c-modal-view__contents .c-modal-view__block .c-modal-contents__item .lp-modal-contents__box .about__content .about__slider__main .swiper-wrapper .swiper-slide .about__item__wrapper .about__item__main .icon__gender span.for__womens::before {
  color: #EABBC2;
}
.c-modal-wrapper .c-modal-view .c-modal-view__contents .c-modal-view__block .c-modal-contents__item .lp-modal-contents__box .about__content .about__slider__main .swiper-wrapper .swiper-slide .about__item__wrapper .about__item__main .about__item__image {
  position: relative;
  width: 100%;
  height: 100%;
}
.c-modal-wrapper .c-modal-view .c-modal-view__contents .c-modal-view__block .c-modal-contents__item .lp-modal-contents__box .about__content .about__slider__main .swiper-wrapper .swiper-slide .about__item__wrapper .about__item__credit {
  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;
}
.c-modal-wrapper .c-modal-view .c-modal-view__contents .c-modal-view__block .c-modal-contents__item .lp-modal-contents__box .about__content .about__slider__main .swiper-wrapper .swiper-slide .about__item__wrapper .about__item__credit .credit__data {
  position: relative;
  display: grid;
  gap: calc(1 / var(--design_width) * 100vw);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.c-modal-wrapper .c-modal-view .c-modal-view__contents .c-modal-view__block .c-modal-contents__item .lp-modal-contents__box .about__content .about__slider__main .swiper-wrapper .swiper-slide .about__item__wrapper .about__item__credit .credit__data span {
  position: relative;
  display: block;
}
.c-modal-wrapper .c-modal-view .c-modal-view__contents .c-modal-view__block .c-modal-contents__item .lp-modal-contents__box .about__content .about__slider__main .swiper-wrapper .swiper-slide .about__item__wrapper .about__item__credit .credit__data span.credit__name {
  font-family: var(--Font__Jpn__01);
  font-weight: 400;
  font-size: calc(11 / var(--design_width) * 100vw);
  line-height: 1.2727272727;
  letter-spacing: 0.03em;
}
.c-modal-wrapper .c-modal-view .c-modal-view__contents .c-modal-view__block .c-modal-contents__item .lp-modal-contents__box .about__content .about__slider__main .swiper-wrapper .swiper-slide .about__item__wrapper .about__item__credit .credit__data span.credit__price {
  font-family: var(--Font__Eng__01);
  font-weight: 600;
  font-size: calc(20 / var(--design_width) * 100vw);
  line-height: 1.2;
  letter-spacing: 0em;
}
.c-modal-wrapper .c-modal-view .c-modal-view__contents .c-modal-view__block .c-modal-contents__item .lp-modal-contents__box .about__content .about__slider__main .swiper-wrapper .swiper-slide .about__item__wrapper .about__item__credit .credit__data span.credit__price::before {
  content: "¥";
}
.c-modal-wrapper .c-modal-view .c-modal-view__contents .c-modal-view__block .c-modal-contents__item .lp-modal-contents__box .series_all {
  position: relative;
  display: block;
  -webkit-padding-after: calc(53 / var(--design_width) * 100vw);
          padding-block-end: calc(53 / 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: 1032px) {
  .dummy span {
    font-size: calc(14 / var(--design_width) * 100vw);
  }
}
.dummy span::before {
  content: "Dummy : ";
  font-weight: 600;
}/*# sourceMappingURL=style.css.map */