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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@keyframes zoomOut_anime {
  from {
    -webkit-transform: scale(1.02);
            transform: scale(1.02);
    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;
  }
}
.slide-up-ratio {
  opacity: 0;
}
.slide-up-ratio.is-show {
  -webkit-animation-name: slideUpRatio_anim;
          animation-name: slideUpRatio_anim;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -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: forwards;
          animation-fill-mode: forwards;
}

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

@keyframes slideUpRatio_anim {
  from {
    opacity: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.slide-down-ratio {
  opacity: 0;
}
.slide-down-ratio.is-show {
  -webkit-animation-name: slideDownRatio_anim;
          animation-name: slideDownRatio_anim;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -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: forwards;
          animation-fill-mode: forwards;
}

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

@keyframes slideDownRatio_anim {
  from {
    opacity: 0;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
: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__En__01: "Inter", sans-serif;
  --Font__Ja__01: "Noto Sans JP", sans-serif;
  --color-black: #000;
  --color-white: #fff;
  --color-gray-85: #262626;
  --color-gray-75: #4c4c4c;
  --color-gray-55: #737373;
  --color-gray-40: #999;
  --color-gray-25: #bfbfbf;
  --color-gray-10: #e5e5e5;
  --color-products-01: #5071B3;
  --color-products-02: #A4F1F4;
  --color-products-03: #D8CDAE;
  --color-products-04: #51A1D3;
  --products-filter__01: brightness(0) saturate(100%) invert(40%) sepia(46%) saturate(587%) hue-rotate(181deg) brightness(99%) contrast(89%);
  --products-filter__02: brightness(0) saturate(100%) invert(95%) sepia(74%) saturate(4173%) hue-rotate(165deg) brightness(107%) contrast(91%);
  --products-filter__03: brightness(0) saturate(100%) invert(87%) sepia(24%) saturate(249%) hue-rotate(7deg) brightness(95%) contrast(83%);
  --products-filter__04: brightness(0) saturate(100%) invert(63%) sepia(30%) saturate(858%) hue-rotate(162deg) brightness(89%) contrast(85%);
  --color-scene-01: #D9D20F;
  --color-scene-02: #80CCF4;
  --color-scene-03: #51A1D3;
  --color-scene-04: #E75F50;
}

main * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
main * picture, main * img {
  width: 100%;
  display: block;
  overflow: hidden;
}
main * a {
  text-decoration: none;
  color: unset;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
@media (hover: hover) and (pointer: fine) {
  main * a:hover {
    cursor: pointer;
  }
}

.button__base {
  display: block;
  width: auto;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.button__base:hover {
  cursor: pointer;
}
.button__base.cv__fixed {
  display: none;
}
@media (max-width: 1032px) {
  .button__base.cv__fixed {
    display: block;
    position: relative;
    width: calc(320 / var(--design_width) * 100vw);
    margin-inline: auto;
    padding-block: calc(18 / var(--design_width) * 100vw);
    border-radius: 999px;
    background-color: rgba(80, 113, 179, 0.73);
    text-align: center;
    color: var(--color-white);
  }
  .button__base.cv__fixed .btn__inner {
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-inline: auto;
    display: block;
    text-box: trim-both cap alphabetic;
    font-family: var(--Font__Ja__01);
    font-size: calc(15 / var(--design_width) * 100vw);
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.019em;
    text-align: center;
  }
  .button__base.cv__fixed .btn__arw {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 0;
    display: block;
  }
  .button__base.cv__fixed .btn__arw::before {
    position: absolute;
    right: calc(16 / var(--design_width) * 100vw);
    top: 0;
    bottom: 0;
    content: "";
    width: calc(10 / var(--design_width) * 100vw);
    height: calc(10 / var(--design_width) * 100vw);
    aspect-ratio: 1/1;
    margin-block: auto;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    border-right: calc(1 / var(--design_width) * 100vw) solid var(--color-white);
    border-top: calc(1 / var(--design_width) * 100vw) solid var(--color-white);
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
  }
  .button__base.cv__fixed:hover {
    background-color: var(--color-black);
  }
  .button__base.cv__fixed:hover .btn__inner {
    color: var(--color-white);
  }
  .button__base.cv__fixed:hover .btn__inner::before {
    border-right: calc(1 / var(--design_width) * 100vw) solid var(--color-white);
    border-top: calc(1 / var(--design_width) * 100vw) solid var(--color-white);
  }
}
.button__base.cv__products__all {
  position: relative;
  width: calc(357 / var(--design_width) * 100vw);
  margin-inline: auto;
  padding-block: calc(12.95 / var(--design_width) * 100vw);
  border: solid calc(1 / var(--design_width) * 100vw) var(--color-black);
  border-radius: 999px;
  background-color: var(--color-white);
  text-align: center;
  color: var(--color-black);
}
.button__base.cv__products__all .btn__inner {
  position: relative;
  display: block;
  text-box: trim-both cap alphabetic;
  font-family: var(--Font__Ja__01);
  font-size: calc(15 / var(--design_width) * 100vw);
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.019em;
  text-align: center;
}
.button__base.cv__products__all .btn__arw {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
  display: block;
}
.button__base.cv__products__all .btn__arw::before {
  position: absolute;
  right: calc(16 / var(--design_width) * 100vw);
  top: 0;
  bottom: 0;
  content: "";
  width: calc(10 / var(--design_width) * 100vw);
  height: calc(10 / var(--design_width) * 100vw);
  aspect-ratio: 1/1;
  margin-block: auto;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border-right: calc(1 / var(--design_width) * 100vw) solid var(--color-black);
  border-top: calc(1 / var(--design_width) * 100vw) solid var(--color-black);
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.button__base.cv__products__all:hover {
  background-color: var(--color-black);
}
.button__base.cv__products__all:hover span {
  color: var(--color-white);
}
.button__base.cv__products__all:hover span::before {
  border-right: calc(1 / var(--design_width) * 100vw) solid var(--color-white);
  border-top: calc(1 / var(--design_width) * 100vw) solid var(--color-white);
}
.button__base.cv__products__all:hover img {
  -webkit-filter: invert(100%) sepia(0%) brightness(100%) contrast(100%);
          filter: invert(100%) sepia(0%) brightness(100%) contrast(100%);
}
.button__base.cv__products__all img {
  position: relative;
  width: calc(76.22 / var(--design_width) * 100vw);
  height: calc(14.8 / var(--design_width) * 100vw);
  margin-inline: auto;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.button__base.cv__webstore {
  position: relative;
  width: calc(107.5 / var(--design_width) * 100vw);
  padding-block: calc(7.15 / var(--design_width) * 100vw);
  text-align: center;
}
.button__base.cv__webstore .btn__inner {
  position: relative;
  display: block;
  text-box: trim-both cap alphabetic;
  font-family: var(--Font__En__01);
  font-size: calc(13 / var(--design_width) * 100vw);
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0em;
  text-align: center;
  color: var(--color-white);
}
.button__base.cv__webstore:hover {
  opacity: 0.6;
}

.nav__fixed {
  position: fixed;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  z-index: 999;
}
.nav__fixed[data-fixed-elm=NavButton] {
  display: block;
  bottom: calc(30 / var(--design_width) * 100vw);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
  border-radius: 999px;
  overflow: hidden;
}
.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.nav__hide {
  display: none;
  opacity: 0;
}

#lp__wrapper {
  width: 100%;
  height: auto;
  background-color: #fff;
  color: #1A1311;
}

#lp__wrapper {
  display: grid;
  -webkit-box-align: start;
  -webkit-align-items: start;
      -ms-flex-align: start;
          align-items: start;
  grid-template-columns: calc(469 / var(--design_width) * 100vw) calc(428 / var(--design_width) * 100vw) auto;
  gap: 0;
}
@media (max-width: 1032px) {
  #lp__wrapper {
    grid-template-columns: 100%;
  }
}
#lp__wrapper .lp__left,
#lp__wrapper .lp__right {
  -webkit-box-shadow: inset 0 0 calc(6 / var(--design_width) * 100vw) 0 rgba(0, 0, 0, 0.16);
          box-shadow: inset 0 0 calc(6 / var(--design_width) * 100vw) 0 rgba(0, 0, 0, 0.16);
}
@media (max-width: 1032px) {
  #lp__wrapper .lp__left,
  #lp__wrapper .lp__right {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
#lp__wrapper .lp__left {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
@media (max-width: 1032px) {
  #lp__wrapper .lp__left {
    position: relative;
    top: unset;
    left: unset;
    display: block;
    width: 100%;
    height: auto;
  }
}
#lp__wrapper .lp__left .lp__mv {
  position: relative;
  display: block;
  height: 100vh;
  background-color: var(--color-white);
  mix-blend-mode: multiply;
  overflow: hidden;
}
@media (max-width: 1032px) {
  #lp__wrapper .lp__left .lp__mv {
    height: 100svh;
    mix-blend-mode: unset;
  }
}
#lp__wrapper .lp__left .lp__mv .mv__title {
  position: absolute;
  z-index: 2;
}
#lp__wrapper .lp__left .lp__mv .mv__title.title__sub {
  top: calc(14 / var(--design_width) * 100vw);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: calc(261.53 / var(--design_width) * 100vw);
}
#lp__wrapper .lp__left .lp__mv .mv__title.title__main {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: grid;
  gap: calc(30 / var(--design_width) * 100vw);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
#lp__wrapper .lp__left .lp__mv .mv__title.title__main h1 span {
  display: block;
  width: calc(350.07 / var(--design_width) * 100vw);
}
#lp__wrapper .lp__left .lp__mv .mv__title.title__main .logo__gw {
  position: relative;
  margin-inline: auto;
}
#lp__wrapper .lp__left .lp__mv .mv__title.title__main .logo__gw[data-logo-category=logo__mv] {
  width: calc(70.88 / var(--design_width) * 100vw);
}
#lp__wrapper .lp__left .lp__mv .mv__read {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: calc(26 / var(--design_width) * 100vw);
  width: calc(350 / var(--design_width) * 100vw);
  z-index: 2;
}
@media (max-width: 1032px) {
  #lp__wrapper .lp__left .lp__mv .mv__read {
    width: calc(350 / var(--design_width) * 100vw);
  }
}
#lp__wrapper .lp__left .lp__mv .mv__read p {
  font-family: var(--Font__Ja__01);
  font-size: calc(14 / var(--design_width) * 100vw);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.019em;
  color: var(--color-white);
}
#lp__wrapper .lp__left .lp__mv .mv__video__sdw {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: calc(165 / var(--design_width) * 100vw);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(84, 84, 84, 0)), to(rgb(0, 0, 0)));
  background: -webkit-linear-gradient(top, rgba(84, 84, 84, 0) 0%, rgb(0, 0, 0) 100%);
  background: linear-gradient(180deg, rgba(84, 84, 84, 0) 0%, rgb(0, 0, 0) 100%);
  opacity: 0.6;
  z-index: 1;
}
#lp__wrapper .lp__left .lp__mv .mv__video {
  position: relative;
  top: calc(-176 / var(--design_width) * 100vw);
  display: block;
  width: 100%;
  height: 100vh;
}
#lp__wrapper .lp__left .lp__mv .mv__video video {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center bottom;
     object-position: center bottom;
  width: auto;
  height: calc(991 / var(--design_width) * 100vw);
}
#lp__wrapper .lp__right {
  position: fixed;
  top: 0;
  right: 0;
  display: block;
  width: calc(469 / var(--design_width) * 100vw);
  height: 100vh;
}
@media (max-width: 1032px) {
  #lp__wrapper .lp__right {
    position: relative;
    top: unset;
    right: unset;
    display: block;
    width: 100%;
    height: auto;
  }
}
#lp__wrapper .lp__right .lp__intro {
  position: relative;
  height: 100vh;
  background-color: #B5D3F2;
  mix-blend-mode: multiply;
}
@media (max-width: 1032px) {
  #lp__wrapper .lp__right .lp__intro {
    height: auto;
  }
}
#lp__wrapper .lp__right .lp__intro .intro__wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: calc(388 / var(--design_width) * 100vw);
}
@media (max-width: 1032px) {
  #lp__wrapper .lp__right .lp__intro .intro__wrapper {
    position: relative;
    top: unset;
    left: unset;
    -webkit-transform: unset;
            transform: unset;
    margin-inline: auto;
    padding-block: calc(83 / var(--design_width) * 100vw) calc(49 / var(--design_width) * 100vw);
  }
}
#lp__wrapper .lp__right .lp__intro .intro__wrapper .intro__main {
  position: relative;
}
#lp__wrapper .lp__right .lp__intro .intro__wrapper .intro__main .intro__title {
  position: relative;
  top: calc(10 / var(--design_width) * 100vw);
  margin-inline: auto;
  width: calc(302.9 / var(--design_width) * 100vw);
  z-index: 1;
}
@media (max-width: 1032px) {
  #lp__wrapper .lp__right .lp__intro .intro__wrapper .intro__main .intro__title {
    position: absolute;
    top: calc(-40 / var(--design_width) * 100vw);
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    margin-inline: auto;
  }
}
#lp__wrapper .lp__right .lp__intro .intro__wrapper .intro__main .intro__title h2 span {
  position: relative;
  display: block;
}
#lp__wrapper .lp__right .lp__intro .intro__wrapper .intro__main .intro__title h2 span img {
  width: 100%;
}
#lp__wrapper .lp__right .lp__intro .intro__wrapper .intro__main .intro__image {
  position: relative;
  border-radius: calc(12 / var(--design_width) * 100vw);
  overflow: hidden;
}
#lp__wrapper .lp__right .lp__intro .intro__wrapper .intro__index {
  position: relative;
  width: calc(367 / var(--design_width) * 100vw);
  margin-inline: auto;
  margin-block: calc(26 / var(--design_width) * 100vw) calc(18.5 / var(--design_width) * 100vw);
}
#lp__wrapper .lp__right .lp__intro .intro__wrapper .intro__index .index__head {
  position: relative;
  width: calc(50.4 / var(--design_width) * 100vw);
  -webkit-margin-after: calc(10.5 / var(--design_width) * 100vw);
          margin-block-end: calc(10.5 / var(--design_width) * 100vw);
}
#lp__wrapper .lp__right .lp__intro .intro__wrapper .intro__index .index__lists {
  position: relative;
}
#lp__wrapper .lp__right .lp__intro .intro__wrapper .intro__index .index__lists a {
  display: block;
}
#lp__wrapper .lp__right .lp__intro .intro__wrapper .intro__index .index__lists a:hover span {
  opacity: 0.6;
}
#lp__wrapper .lp__right .lp__intro .intro__wrapper .intro__index .index__lists li {
  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(22 / var(--design_width) * 100vw);
  border-top: solid calc(1 / var(--design_width) * 100vw) #707070;
  padding-block: calc(13 / var(--design_width) * 100vw);
  padding-inline: calc(7 / var(--design_width) * 100vw) calc(4 / var(--design_width) * 100vw);
}
#lp__wrapper .lp__right .lp__intro .intro__wrapper .intro__index .index__lists li::after {
  position: absolute;
  right: calc(4 / var(--design_width) * 100vw);
  content: "👉";
  font-family: var(--Font__Ja__01);
  font-size: calc(23 / var(--design_width) * 100vw);
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0em;
  text-box: trim-both cap alphabetic;
}
#lp__wrapper .lp__right .lp__intro .intro__wrapper .intro__index .index__lists li span {
  position: relative;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-box: trim-both cap alphabetic;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
#lp__wrapper .lp__right .lp__intro .intro__wrapper .intro__index .index__lists li span.list__num {
  width: calc(33.66 / var(--design_width) * 100vw);
}
#lp__wrapper .lp__right .lp__intro .intro__wrapper .intro__index .index__lists li span.list__body {
  font-family: var(--Font__Ja__01);
  font-size: calc(13 / var(--design_width) * 100vw);
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.03em;
}
#lp__wrapper .lp__right .lp__intro .intro__wrapper .intro__index .index__lists:last-child {
  border-bottom: solid calc(1 / var(--design_width) * 100vw) #707070;
}

.lp__container {
  position: relative;
  container-type: inline-size;
  overflow: hidden;
  scrollbar-gutter: stable;
  z-index: 10;
}
@media (max-width: 1032px) {
  .lp__container {
    scrollbar-gutter: unset;
  }
}
.lp__container .products__container {
  position: relative;
}
.lp__container .products__container .products__head {
  position: relative;
}
.lp__container .products__container .products__head .products__logo {
  position: absolute;
  z-index: 1;
}
.lp__container .products__container .products__head .products__h3__title {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: calc(25 / var(--design_width) * 100vw);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  z-index: 1;
}
.lp__container .products__container .products__head .products__h3__title h3 span {
  position: relative;
  display: block;
}
.lp__container .products__container .products__head .products__image__head {
  position: relative;
  overflow: hidden;
}
.lp__container .products__container .products__head .products__image__head img {
  width: 100%;
}
.lp__container .products__container .products__head__read {
  position: relative;
  width: calc(357 / var(--design_width) * 100vw);
  margin-inline: auto;
  padding-block: calc(15 / var(--design_width) * 100vw) calc(32 / var(--design_width) * 100vw);
}
.lp__container .products__container .products__head__read p {
  font-family: var(--Font__Ja__01);
  font-size: calc(14 / var(--design_width) * 100vw);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.019em;
}
.lp__container .products__container .research__head h4,
.lp__container .products__container .point__head h4 {
  position: relative;
  display: grid;
  gap: calc(12 / var(--design_width) * 100vw);
}
.lp__container .products__container .research__head h4 span,
.lp__container .products__container .point__head h4 span {
  position: relative;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}
.lp__container .products__container .research__head h4 span.products__h4__num,
.lp__container .products__container .point__head h4 span.products__h4__num {
  width: calc(108.98 / var(--design_width) * 100vw);
}
.lp__container .products__container .research__head h4 span.products__h4__point,
.lp__container .products__container .point__head h4 span.products__h4__point {
  width: calc(59.31 / var(--design_width) * 100vw);
}
.lp__container .products__container .research__head h4 span.products__h4__title,
.lp__container .products__container .point__head h4 span.products__h4__title {
  font-family: var(--Font__Ja__01);
  font-size: calc(20 / var(--design_width) * 100vw);
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: 0.019em;
  text-align: center;
}
.lp__container .products__container .point__slide__detail {
  position: relative;
  display: grid;
  gap: calc(7 / var(--design_width) * 100vw);
  max-width: calc(357 / var(--design_width) * 100vw);
  margin-inline: auto;
  -webkit-padding-before: calc(14 / var(--design_width) * 100vw);
          padding-block-start: calc(14 / var(--design_width) * 100vw);
}
.lp__container .products__container .point__slide__detail span {
  position: relative;
  display: block;
}
.lp__container .products__container .point__slide__detail span.point__slide__head__num {
  position: relative;
  width: calc(69.25 / var(--design_width) * 100vw);
}
.lp__container .products__container .point__slide__detail p {
  font-family: var(--Font__Ja__01);
  font-size: calc(14 / var(--design_width) * 100vw);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.019em;
}
.lp__container .products__container .point__read {
  position: relative;
  display: grid;
  gap: calc(7 / var(--design_width) * 100vw);
  max-width: calc(357 / var(--design_width) * 100vw);
  margin-inline: auto;
  padding-block: calc(14 / var(--design_width) * 100vw) calc(50 / var(--design_width) * 100vw);
}
.lp__container .products__container .point__read span {
  position: relative;
  display: block;
}
.lp__container .products__container .point__read span.point__slide__head__num {
  position: relative;
  width: calc(69.25 / var(--design_width) * 100vw);
}
.lp__container .products__container .point__read p {
  font-family: var(--Font__Ja__01);
  font-size: calc(14 / var(--design_width) * 100vw);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.019em;
}
.lp__container .products__container .research__detail__desc {
  position: relative;
  display: grid;
  gap: calc(10 / var(--design_width) * 100vw);
  width: calc(357 / var(--design_width) * 100vw);
  margin-inline: auto;
}
.lp__container .products__container .research__detail__desc p {
  position: relative;
  font-family: var(--Font__Ja__01);
  font-weight: 400;
}
.lp__container .products__container .research__detail__desc p span {
  font-weight: 700;
  color: #51A1D3;
}
.lp__container .products__container .research__detail__desc p.detail__desc {
  font-size: calc(14 / var(--design_width) * 100vw);
  line-height: 1.5;
  letter-spacing: 0.019em;
}
.lp__container .products__container .research__detail__desc p.detail__notes {
  font-size: calc(11 / var(--design_width) * 100vw);
  line-height: 1.5454545455;
  letter-spacing: 0.019em;
}
.lp__container .products__container .research__01 .research__detail,
.lp__container .products__container .research__02 .research__detail {
  position: relative;
  display: grid;
  gap: calc(15 / var(--design_width) * 100vw);
}
.lp__container .products__container .research__01 {
  position: relative;
}
.lp__container .products__container .research__01 .research__head {
  position: relative;
}
.lp__container .products__container .research__02 {
  position: relative;
}
.lp__container .products__container .research__02 .research__head {
  position: relative;
}
.lp__container .products__container .research__03 {
  position: relative;
}
.lp__container .various__styles {
  position: relative;
  -webkit-margin-after: calc(-107 / var(--design_width) * 100vw);
          margin-block-end: calc(-107 / var(--design_width) * 100vw);
  padding-block: calc(40 / var(--design_width) * 100vw) calc(0 / var(--design_width) * 100vw);
  background-color: rgba(232, 232, 223, 0.25);
}
.lp__container .various__styles .various__styles__head {
  position: relative;
  -webkit-margin-after: calc(65 / var(--design_width) * 100vw);
          margin-block-end: calc(65 / var(--design_width) * 100vw);
}
.lp__container .various__styles .various__styles__head h4 {
  display: grid;
  gap: calc(12 / var(--design_width) * 100vw);
}
.lp__container .various__styles .various__styles__head h4 span {
  position: relative;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}
.lp__container .various__styles .various__styles__head h4 span.various__styles__h4__sub {
  width: calc(147.27 / var(--design_width) * 100vw);
}
.lp__container .various__styles .various__styles__head h4 span.various__styles__h4__main {
  font-family: var(--Font__Ja__01);
  font-size: calc(20 / var(--design_width) * 100vw);
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: 0.019em;
  text-align: center;
}
.lp__container .various__styles .scene__container {
  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;
  width: 100%;
}
.lp__container .various__styles .scene__container .cv__webstore {
  -webkit-margin-before: calc(18 / var(--design_width) * 100vw);
          margin-block-start: calc(18 / var(--design_width) * 100vw);
}
.lp__container .various__styles .scene__container[data-scene=scene__cnt__01] {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-padding-start: calc(35 / var(--design_width) * 100vw);
          padding-inline-start: calc(35 / var(--design_width) * 100vw);
  height: calc(520 / var(--design_width) * 100vw);
}
.lp__container .various__styles .scene__container[data-scene=scene__cnt__01] .scene__data .scene__title {
  width: calc(194 / var(--design_width) * 100vw);
}
.lp__container .various__styles .scene__container[data-scene=scene__cnt__01] .cv__webstore {
  background-color: var(--color-scene-01);
}
.lp__container .various__styles .scene__container[data-scene=scene__cnt__02] {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-flow: row-reverse nowrap;
      -ms-flex-flow: row-reverse nowrap;
          flex-flow: row-reverse nowrap;
  -webkit-padding-end: calc(19 / var(--design_width) * 100vw);
          padding-inline-end: calc(19 / var(--design_width) * 100vw);
  -webkit-margin-before: calc(-16 / var(--design_width) * 100vw);
          margin-block-start: calc(-16 / var(--design_width) * 100vw);
  height: calc(519 / var(--design_width) * 100vw);
}
.lp__container .various__styles .scene__container[data-scene=scene__cnt__02] .cv__webstore {
  background-color: var(--color-scene-02);
}
.lp__container .various__styles .scene__container[data-scene=scene__cnt__03] {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-padding-start: calc(35 / var(--design_width) * 100vw);
          padding-inline-start: calc(35 / var(--design_width) * 100vw);
  -webkit-margin-before: calc(-123 / var(--design_width) * 100vw);
          margin-block-start: calc(-123 / var(--design_width) * 100vw);
  height: calc(470 / var(--design_width) * 100vw);
}
.lp__container .various__styles .scene__container[data-scene=scene__cnt__03] .cv__webstore {
  background-color: var(--color-scene-03);
}
.lp__container .various__styles .scene__container[data-scene=scene__cnt__04] {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-flow: row-reverse nowrap;
      -ms-flex-flow: row-reverse nowrap;
          flex-flow: row-reverse nowrap;
  -webkit-padding-end: calc(19 / var(--design_width) * 100vw);
          padding-inline-end: calc(19 / var(--design_width) * 100vw);
  -webkit-margin-before: calc(32 / var(--design_width) * 100vw);
          margin-block-start: calc(32 / var(--design_width) * 100vw);
  height: calc(546 / var(--design_width) * 100vw);
}
.lp__container .various__styles .scene__container[data-scene=scene__cnt__04] .cv__webstore {
  background-color: var(--color-scene-04);
}
.lp__container .various__styles .scene__container .scene__data {
  position: relative;
  width: calc(179 / var(--design_width) * 100vw);
  z-index: 10;
}
.lp__container .various__styles .scene__container .scene__data .scene__head {
  position: relative;
}
.lp__container .various__styles .scene__container .scene__data .scene__head h4 {
  display: grid;
  gap: calc(14 / var(--design_width) * 100vw);
}
.lp__container .various__styles .scene__container .scene__data .scene__head h4 span {
  position: relative;
  display: block;
}
.lp__container .various__styles .scene__container .scene__data .scene__head h4 span.scene__num {
  width: calc(58.12 / var(--design_width) * 100vw);
}
.lp__container .various__styles .scene__container .scene__data .scene__head h4 span.scene__title {
  font-family: var(--Font__Ja__01);
  font-size: calc(16 / var(--design_width) * 100vw);
  font-weight: 900;
  line-height: 1.25;
  letter-spacing: 0.019em;
}
.lp__container .various__styles .scene__container .scene__data .scene__desc {
  position: relative;
  -webkit-padding-before: calc(6 / var(--design_width) * 100vw);
          padding-block-start: calc(6 / var(--design_width) * 100vw);
}
.lp__container .various__styles .scene__container .scene__data .scene__desc p {
  font-family: var(--Font__Ja__01);
  font-size: calc(12 / var(--design_width) * 100vw);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.019em;
}
.lp__container .various__styles .scene__container .scene__data .scene__credit {
  position: relative;
  display: grid;
  gap: calc(7.5 / var(--design_width) * 100vw);
  -webkit-padding-before: calc(21 / var(--design_width) * 100vw);
          padding-block-start: calc(21 / var(--design_width) * 100vw);
}
.lp__container .various__styles .scene__container .scene__data .scene__credit .credit__item {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: calc(3 / var(--design_width) * 100vw);
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.lp__container .various__styles .scene__container .scene__data .scene__credit .credit__item span {
  position: relative;
  display: block;
  font-family: var(--Font__En__01);
  font-size: calc(12 / var(--design_width) * 100vw);
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0em;
}
.lp__container .various__styles .scene__container .scene__data .scene__credit .credit__item span.item__price::before {
  content: "¥";
}
.lp__container .various__styles .scene__container .scene__image {
  position: absolute;
  pointer-events: none;
}
.lp__container .various__styles .scene__container .scene__image img.ovr {
  position: relative;
  z-index: 2;
}
.lp__container .various__styles .scene__container .scene__image img.sdw {
  position: absolute;
  top: 0;
  left: 0;
  mix-blend-mode: multiply;
}
.lp__container .various__styles .scene__container .scene__image.coord__scene__01 {
  top: calc(-47 / var(--design_width) * 100vw);
  right: 0;
  width: calc(212 / var(--design_width) * 100vw);
}
.lp__container .various__styles .scene__container .scene__image.coord__scene__02 {
  top: calc(-133 / var(--design_width) * 100vw);
  left: 0;
  width: calc(216 / var(--design_width) * 100vw);
}
.lp__container .various__styles .scene__container .scene__image.coord__scene__03 {
  top: calc(-32 / var(--design_width) * 100vw);
  right: 0;
  width: calc(231 / var(--design_width) * 100vw);
}
.lp__container .various__styles .scene__container .scene__image.coord__scene__04 {
  top: calc(-178 / var(--design_width) * 100vw);
  left: 0;
  width: calc(231 / var(--design_width) * 100vw);
}
.lp__container .lp__footer {
  position: relative;
  display: grid;
  gap: calc(56 / var(--design_width) * 100vw);
  padding-block: calc(28 / var(--design_width) * 100vw) calc(21 / var(--design_width) * 100vw);
  background-color: var(--color-white);
}
.lp__container .lp__footer .staff__credit {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  font-family: var(--Font__En__01);
  font-size: calc(12 / var(--design_width) * 100vw);
  font-weight: 700;
  line-height: 1.3333333333;
  letter-spacing: 0em;
  text-align: center;
}
.lp__container .lp__footer .footer__outro {
  position: relative;
  display: grid;
  gap: calc(17 / var(--design_width) * 100vw);
}
.lp__container .lp__footer .footer__outro .logo__gw {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}
.lp__container .lp__footer .footer__outro .logo__gw[data-logo-category=logo__footer] {
  width: calc(112.16 / var(--design_width) * 100vw);
}
.lp__container .lp__footer .footer__outro .copyright {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  font-family: var(--Font__En__01);
  font-size: calc(11 / var(--design_width) * 100vw);
  font-weight: 400;
  line-height: 1;
  letter-spacing: -0.03em;
  text-align: center;
}

.snowarea__wrapper {
  position: relative;
}

.swiper-horizontal .swiper-pagination-bullets,
.swiper-horizontal .swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-horizontal .swiper-pagination-custom,
.swiper-horizontal .swiper-pagination-fraction {
  bottom: var(--swiper-pagination-bottom, calc(22 / var(--design_width) * 100vw));
  left: 0;
  top: var(--swiper-pagination-top, auto);
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
  margin-inline: auto !important;
}

.swiper-pagination {
  position: relative;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 0;
}
.swiper-pagination .swiper-pagination-bullet,
.swiper-pagination .swiper-pagination-bullet-active {
  margin: 0;
  opacity: 1;
}
.swiper-pagination .swiper-pagination-bullet {
  width: calc(23 / var(--design_width) * 100vw);
  height: calc(6 / var(--design_width) * 100vw);
  margin: 0 !important;
  border-radius: 0;
  border-top: solid calc(1 / var(--design_width) * 100vw) var(--color-white);
  border-bottom: solid calc(1 / var(--design_width) * 100vw) var(--color-white);
  border-left: solid calc(0.5 / var(--design_width) * 100vw) var(--color-white);
  border-right: solid calc(0.5 / var(--design_width) * 100vw) var(--color-white);
  background-color: transparent;
}
.swiper-pagination .swiper-pagination-bullet-active {
  background-color: var(--color-white);
}

[data-products=products__01] .products__logo {
  top: calc(14 / var(--design_width) * 100vw);
  left: calc(20 / var(--design_width) * 100vw);
  width: calc(76.82 / var(--design_width) * 100vw);
}
[data-products=products__01] .products__h3__title h3 span img {
  width: calc(181.03 / var(--design_width) * 100vw);
}
[data-products=products__01] .research__detail[data-research-graph=graph__01] {
  padding-block: calc(27 / var(--design_width) * 100vw) calc(47 / var(--design_width) * 100vw);
}
[data-products=products__01] .research__detail[data-research-graph=graph__01] .graph__wrapper {
  position: relative;
  pointer-events: none;
}
[data-products=products__01] .research__detail[data-research-graph=graph__01] .graph__wrapper .graph__item {
  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;
  z-index: 1;
}
[data-products=products__01] .research__detail[data-research-graph=graph__01] .graph__wrapper .graph__item span {
  position: relative;
  display: block;
}
[data-products=products__01] .research__detail[data-research-graph=graph__01] .graph__wrapper .graph__item .graph__bar {
  -webkit-transform-origin: left;
          transform-origin: left;
}
[data-products=products__01] .research__detail[data-research-graph=graph__01] .graph__wrapper .graph__item.gitem__01 {
  top: calc(3.5 / var(--design_width) * 100vw);
  left: calc(149.7 / var(--design_width) * 100vw);
}
[data-products=products__01] .research__detail[data-research-graph=graph__01] .graph__wrapper .graph__item.gitem__01 .graph__bar {
  width: calc(148.33 / var(--design_width) * 100vw);
}
[data-products=products__01] .research__detail[data-research-graph=graph__01] .graph__wrapper .graph__item.gitem__01 .graph__percent {
  width: calc(80.34 / var(--design_width) * 100vw);
}
[data-products=products__01] .research__detail[data-research-graph=graph__01] .graph__wrapper .graph__item.gitem__02 {
  top: calc(54.3 / var(--design_width) * 100vw);
  left: calc(149.7 / var(--design_width) * 100vw);
  gap: calc(26.2 / var(--design_width) * 100vw);
}
[data-products=products__01] .research__detail[data-research-graph=graph__01] .graph__wrapper .graph__item.gitem__02 .graph__bar {
  width: calc(61.66 / var(--design_width) * 100vw);
}
[data-products=products__01] .research__detail[data-research-graph=graph__01] .graph__wrapper .graph__item.gitem__02 .graph__percent {
  width: calc(129.37 / var(--design_width) * 100vw);
}
[data-products=products__01] .research__detail[data-research-graph=graph__01] .graph__wrapper .graph__item.gitem__03 {
  top: calc(98.1 / var(--design_width) * 100vw);
  left: calc(149.7 / var(--design_width) * 100vw);
  gap: calc(57 / var(--design_width) * 100vw);
}
[data-products=products__01] .research__detail[data-research-graph=graph__01] .graph__wrapper .graph__item.gitem__03 .graph__bar {
  width: calc(33.7 / var(--design_width) * 100vw);
}
[data-products=products__01] .research__detail[data-research-graph=graph__01] .graph__wrapper .graph__item.gitem__03 .graph__percent {
  width: calc(126.53 / var(--design_width) * 100vw);
}
[data-products=products__01] .research__detail[data-research-graph=graph__01] .graph__wrapper .graph__01__base {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: calc(332 / var(--design_width) * 100vw);
  z-index: 2;
}
[data-products=products__01] .research__detail[data-research-graph=graph__01] .graph__wrapper .blank__bg__research__01 {
  position: relative;
  content: "";
  background-image: url("/static/pages/women/recommendeditem/26summer/assets/images/products__01/blank__bg__research__01.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: calc(428 / var(--design_width) * 100vw);
  height: calc(158.72 / var(--design_width) * 100vw);
}
[data-products=products__01] .research__detail[data-research-graph=graph__02] {
  width: 100%;
  padding-block: calc(20 / var(--design_width) * 100vw) calc(44 / var(--design_width) * 100vw);
}
[data-products=products__01] .research__detail[data-research-graph=graph__02] .graph__02__wrapper {
  position: relative;
  pointer-events: none;
}
[data-products=products__01] .research__detail[data-research-graph=graph__02] .graph__02__wrapper .graph__02__cap__01 {
  position: absolute;
  top: calc(10 / var(--design_width) * 100vw);
  left: calc(55.2 / var(--design_width) * 100vw);
  width: calc(78.06 / var(--design_width) * 100vw);
  z-index: 2;
}
[data-products=products__01] .research__detail[data-research-graph=graph__02] .graph__02__wrapper .graph__02__cap__02 {
  position: absolute;
  top: calc(-7 / var(--design_width) * 100vw);
  left: calc(280.7 / var(--design_width) * 100vw);
  width: calc(37.92 / var(--design_width) * 100vw);
  z-index: 2;
}
[data-products=products__01] .research__detail[data-research-graph=graph__02] .graph__02__wrapper .graph__02__percent__01 {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: calc(112.15 / var(--design_width) * 100vw);
  height: calc(112.15 / var(--design_width) * 100vw);
  aspect-ratio: 1/1;
  z-index: 2;
}
[data-products=products__01] .research__detail[data-research-graph=graph__02] .graph__02__wrapper .graph__02__percent__02 {
  position: absolute;
  top: calc(74.5 / var(--design_width) * 100vw);
  left: calc(310.9 / var(--design_width) * 100vw);
  width: calc(53.95 / var(--design_width) * 100vw);
  z-index: 2;
}
[data-products=products__01] .research__detail[data-research-graph=graph__02] .graph__02__wrapper .graph__02__percent__ovr {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: calc(230.7 / var(--design_width) * 100vw);
  height: calc(230.7 / var(--design_width) * 100vw);
  aspect-ratio: 1/1;
  z-index: 1;
}
[data-products=products__01] .research__detail[data-research-graph=graph__02] .graph__02__wrapper .graph__02__base {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: calc(230.7 / var(--design_width) * 100vw);
  height: calc(230.7 / var(--design_width) * 100vw);
  aspect-ratio: 1/1;
  margin-inline: auto;
}
[data-products=products__01] .research__detail[data-research-graph=graph__02] .graph__02__wrapper .research__02__bg {
  position: relative;
  content: "";
  background-image: url("/static/pages/women/recommendeditem/26summer/assets/images/products__01/blank__bg__research__02.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: calc(428 / var(--design_width) * 100vw);
  height: calc(230.7 / var(--design_width) * 100vw);
}
[data-products=products__01] .research__01 .resarchPoint__slider {
  position: relative;
  -webkit-padding-after: calc(36 / var(--design_width) * 100vw);
          padding-block-end: calc(36 / var(--design_width) * 100vw);
}
[data-products=products__01] .research__01 .resarchPoint__slider .research__point {
  position: relative;
  width: calc(357 / var(--design_width) * 100vw);
  margin-inline: auto;
}
[data-products=products__01] .research__01 .resarchPoint__slider .research__point .swiper-wrapper .swiper-slide {
  width: calc(357 / var(--design_width) * 100vw);
}
[data-products=products__01] .research__01 .resarchPoint__slider .research__point .swiper-wrapper .swiper-slide .point__slide__image {
  border-radius: calc(10 / var(--design_width) * 100vw);
  overflow: hidden;
}
[data-products=products__01] .research__02 .research__itemvariation {
  position: relative;
}
[data-products=products__01] .research__02 .research__itemvariation h4 span {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  z-index: 1;
}
[data-products=products__01] .research__02 .research__itemvariation h4 span img {
  width: calc(148.25 / var(--design_width) * 100vw);
}
[data-products=products__02] .products__logo {
  top: calc(20.6 / var(--design_width) * 100vw);
  right: calc(24.2 / var(--design_width) * 100vw);
  width: calc(77.39 / var(--design_width) * 100vw);
}
[data-products=products__02] .products__h3__title h3 span img {
  width: calc(181.03 / var(--design_width) * 100vw);
}
[data-products=products__02] .research__detail[data-research-graph=graph__01] {
  padding-block: calc(18 / var(--design_width) * 100vw) calc(53 / var(--design_width) * 100vw);
  pointer-events: none;
}
[data-products=products__02] .research__detail[data-research-graph=graph__01] .graph__wrapper {
  position: relative;
}
[data-products=products__02] .research__detail[data-research-graph=graph__01] .graph__wrapper .graph__01__ovr {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  width: calc(358 / var(--design_width) * 100vw);
  z-index: 4;
}
[data-products=products__02] .research__detail[data-research-graph=graph__01] .graph__wrapper .graph__01__red,
[data-products=products__02] .research__detail[data-research-graph=graph__01] .graph__wrapper .graph__01__blue {
  position: absolute;
  top: calc(42.2 / var(--design_width) * 100vw);
  left: calc(82.9 / var(--design_width) * 100vw);
  width: calc(265.81 / var(--design_width) * 100vw);
}
[data-products=products__02] .research__detail[data-research-graph=graph__01] .graph__wrapper .graph__01__red {
  z-index: 3;
}
[data-products=products__02] .research__detail[data-research-graph=graph__01] .graph__wrapper .graph__01__blue {
  z-index: 2;
}
[data-products=products__02] .research__detail[data-research-graph=graph__01] .graph__wrapper .graph__01__arrw {
  position: absolute;
  top: calc(52.4 / var(--design_width) * 100vw);
  left: calc(186.4 / var(--design_width) * 100vw);
  width: calc(6.74 / var(--design_width) * 100vw);
  z-index: 1;
}
[data-products=products__02] .research__detail[data-research-graph=graph__01] .graph__wrapper .graph__01__cap__01 {
  position: absolute;
  top: calc(79.2 / var(--design_width) * 100vw);
  left: calc(194.9 / var(--design_width) * 100vw);
  width: calc(40.74 / var(--design_width) * 100vw);
  z-index: 1;
}
[data-products=products__02] .research__detail[data-research-graph=graph__01] .graph__wrapper .graph__01__base {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  width: calc(358 / var(--design_width) * 100vw);
  z-index: 1;
}
[data-products=products__02] .research__detail[data-research-graph=graph__01] .graph__wrapper .blank__bg__research__01 {
  position: relative;
  content: "";
  background-image: url("/static/pages/women/recommendeditem/26summer/assets/images/products__02/blank__bg__research__01.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: calc(428 / var(--design_width) * 100vw);
  height: calc(223 / var(--design_width) * 100vw);
}
[data-products=products__02] .research__detail[data-research-graph=graph__02] {
  padding-block: calc(20 / var(--design_width) * 100vw) 0;
  pointer-events: none;
}
[data-products=products__02] .research__detail[data-research-graph=graph__02] .research__graph {
  position: relative;
  width: calc(388 / var(--design_width) * 100vw);
  margin-inline: auto;
}
[data-products=products__02] .research__detail[data-research-graph=graph__03] {
  pointer-events: none;
}
[data-products=products__02] .research__detail[data-research-graph=graph__03] .research__graph {
  position: absolute;
  z-index: 1;
}
[data-products=products__02] .research__detail[data-research-graph=graph__03] .research__graph span {
  position: absolute;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
[data-products=products__02] .research__detail[data-research-graph=graph__03] .research__graph .graph__03__cap {
  z-index: 2;
}
[data-products=products__02] .research__detail[data-research-graph=graph__03] .research__graph .graph__03__cap.cap__01 {
  top: calc(122.2 / var(--design_width) * 100vw);
  left: calc(65 / var(--design_width) * 100vw);
  width: calc(117.94 / var(--design_width) * 100vw);
}
[data-products=products__02] .research__detail[data-research-graph=graph__03] .research__graph .graph__03__cap.cap__02 {
  top: calc(176.2 / var(--design_width) * 100vw);
  left: calc(354.4 / var(--design_width) * 100vw);
  width: calc(42.04 / var(--design_width) * 100vw);
}
[data-products=products__02] .research__detail[data-research-graph=graph__03] .research__graph .research__elm .graph__03__percent {
  -webkit-transform-origin: bottom;
          transform-origin: bottom;
}
[data-products=products__02] .research__detail[data-research-graph=graph__03] .research__graph .research__elm.elm__01 {
  z-index: 1;
}
[data-products=products__02] .research__detail[data-research-graph=graph__03] .research__graph .research__elm.elm__01 .graph__03__percent {
  top: calc(182.3 / var(--design_width) * 100vw);
  left: calc(69.9 / var(--design_width) * 100vw);
  width: calc(74.06 / var(--design_width) * 100vw);
  z-index: 1;
}
[data-products=products__02] .research__detail[data-research-graph=graph__03] .research__graph .research__elm.elm__01 .icon__penguin {
  top: calc(270 / var(--design_width) * 100vw);
  left: calc(65 / var(--design_width) * 100vw);
  width: calc(55.15 / var(--design_width) * 100vw);
}
[data-products=products__02] .research__detail[data-research-graph=graph__03] .research__graph .research__elm.elm__02 .graph__03__percent {
  top: calc(163.6 / var(--design_width) * 100vw);
  left: calc(172.9 / var(--design_width) * 100vw);
  width: calc(74.06 / var(--design_width) * 100vw);
  z-index: 1;
}
[data-products=products__02] .research__detail[data-research-graph=graph__03] .research__graph .research__elm.elm__02 .icon__penguin {
  top: calc(254.5 / var(--design_width) * 100vw);
  left: calc(165.5 / var(--design_width) * 100vw);
  width: calc(64.45 / var(--design_width) * 100vw);
}
[data-products=products__02] .research__detail[data-research-graph=graph__03] .research__graph .research__elm.elm__03 .graph__03__percent {
  top: calc(103.5 / var(--design_width) * 100vw);
  left: calc(274.6 / var(--design_width) * 100vw);
  width: calc(107.33 / var(--design_width) * 100vw);
  z-index: 1;
}
[data-products=products__02] .research__detail[data-research-graph=graph__03] .research__graph .research__elm.elm__03 .icon__penguin {
  top: calc(232.7 / var(--design_width) * 100vw);
  left: calc(271.6 / var(--design_width) * 100vw);
  width: calc(77.57 / var(--design_width) * 100vw);
}
[data-products=products__02] .research__02 {
  -webkit-padding-after: calc(38 / var(--design_width) * 100vw);
          padding-block-end: calc(38 / var(--design_width) * 100vw);
}
[data-products=products__02] .research__03 {
  -webkit-padding-after: calc(60 / var(--design_width) * 100vw);
          padding-block-end: calc(60 / var(--design_width) * 100vw);
}
[data-products=products__02] .research__03 .research__head {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  -webkit-padding-before: calc(21.5 / var(--design_width) * 100vw);
          padding-block-start: calc(21.5 / var(--design_width) * 100vw);
  z-index: 1;
}
[data-products=products__02] .research__03 .research__detail .research__03__bg {
  position: relative;
  width: 100%;
}
[data-products=products__02] .research__03 .research__detail .research__03__bg img, [data-products=products__02] .research__03 .research__detail .research__03__bg svg {
  width: 100%;
}
[data-products=products__02] .research__03 .researchVoice__slider {
  position: relative;
  -webkit-margin-before: calc(-43 / var(--design_width) * 100vw);
          margin-block-start: calc(-43 / var(--design_width) * 100vw);
}
[data-products=products__02] .research__03 .researchVoice__slider .research__voice {
  position: relative;
  width: 100%;
  margin-inline: auto;
}
[data-products=products__02] .research__03 .researchVoice__slider .research__voice .swiper-wrapper .swiper-slide {
  width: calc(296 / var(--design_width) * 100vw);
}
[data-products=products__02] .research__03 .researchVoice__slider .research__voice .swiper-wrapper .swiper-slide .point__slide__image {
  width: 100%;
}
[data-products=products__02] .snowarea__snow {
  position: absolute;
  inset: 0;
  display: block;
  overflow: hidden;
  pointer-events: none;
  opacity: 0;
  z-index: 30;
  -webkit-transition: opacity 0.4s ease-out;
  transition: opacity 0.4s ease-out;
}
[data-products=products__02] .snowarea__snow__layer {
  position: absolute;
  top: calc(-80 / var(--design_width) * 100vw);
  left: 0;
  width: 100%;
  height: calc(100% + calc(160 / var(--design_width) * 100vw));
  background-image: url("/static/pages/women/recommendeditem/26summer/assets/images/products__02/snowflake.png"), url("/static/pages/women/recommendeditem/26summer/assets/images/products__02/snowflake.png"), url("/static/pages/women/recommendeditem/26summer/assets/images/products__02/snowflake.png");
  background-repeat: no-repeat;
  background-size: calc(14 / var(--design_width) * 100vw) calc(14 / var(--design_width) * 100vw), calc(20 / var(--design_width) * 100vw) calc(18 / var(--design_width) * 100vw), calc(18 / var(--design_width) * 100vw) calc(20 / var(--design_width) * 100vw);
  background-position: 8% 0%, 42% 18%, 78% 8%;
  -webkit-animation: snowAreaFall 18s linear infinite paused;
          animation: snowAreaFall 18s linear infinite paused;
}
[data-products=products__02] .snowarea__snow__layer.layer__02 {
  opacity: 0.6;
  -webkit-animation-duration: 24s;
          animation-duration: 24s;
  -webkit-animation-delay: -8s;
          animation-delay: -8s;
  background-position: 20% 14%, 56% 4%, 92% 22%;
}
[data-products=products__02] .snowarea__snow.snow-start.is-show {
  opacity: 1;
}
[data-products=products__02] .snowarea__snow.snow-start.is-show .snowarea__snow__layer {
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
@-webkit-keyframes snowAreaFall {
  from {
    -webkit-transform: translate3d(0, calc(-80 / var(--design_width) * 100vw), 0);
            transform: translate3d(0, calc(-80 / var(--design_width) * 100vw), 0);
  }
  to {
    -webkit-transform: translate3d(0, 60%, 0);
            transform: translate3d(0, 60%, 0);
  }
  0% {
    opacity: 100%;
  }
  95% {
    opacity: 100%;
  }
  100% {
    opacity: 0;
  }
}
@keyframes snowAreaFall {
  from {
    -webkit-transform: translate3d(0, calc(-80 / var(--design_width) * 100vw), 0);
            transform: translate3d(0, calc(-80 / var(--design_width) * 100vw), 0);
  }
  to {
    -webkit-transform: translate3d(0, 60%, 0);
            transform: translate3d(0, 60%, 0);
  }
  0% {
    opacity: 100%;
  }
  95% {
    opacity: 100%;
  }
  100% {
    opacity: 0;
  }
}

[data-products=products__03] .products__h3__title h3 span img {
  width: calc(213.43 / var(--design_width) * 100vw);
}
[data-products=products__03] .research__detail[data-research-graph=graph__01] {
  padding-block: calc(18 / var(--design_width) * 100vw) calc(40 / var(--design_width) * 100vw);
  pointer-events: none;
}
[data-products=products__03] .research__detail[data-research-graph=graph__01] .graph__wrapper {
  position: relative;
  width: 100%;
}
[data-products=products__03] .research__detail[data-research-graph=graph__01] .graph__wrapper .graph__03__cap {
  position: relative;
}
[data-products=products__03] .research__detail[data-research-graph=graph__01] .graph__wrapper .graph__03__cap span {
  position: absolute;
  display: block;
  z-index: 3;
}
[data-products=products__03] .research__detail[data-research-graph=graph__01] .graph__wrapper .graph__03__cap span.cap__01 {
  top: calc(234.5 / var(--design_width) * 100vw);
  left: calc(61.9 / var(--design_width) * 100vw);
  width: calc(149.52 / var(--design_width) * 100vw);
}
[data-products=products__03] .research__detail[data-research-graph=graph__01] .graph__wrapper .graph__03__cap span.cap__02 {
  top: calc(192.4 / var(--design_width) * 100vw);
  left: calc(297.8 / var(--design_width) * 100vw);
  width: calc(41.55 / var(--design_width) * 100vw);
}
[data-products=products__03] .research__detail[data-research-graph=graph__01] .graph__wrapper .graph__elm {
  position: absolute;
  z-index: 1;
}
[data-products=products__03] .research__detail[data-research-graph=graph__01] .graph__wrapper .graph__elm.percent__01 {
  top: calc(43.8 / var(--design_width) * 100vw);
  left: calc(247 / var(--design_width) * 100vw);
  width: calc(138.16 / var(--design_width) * 100vw);
}
[data-products=products__03] .research__detail[data-research-graph=graph__01] .graph__wrapper .graph__elm.percent__02 {
  top: calc(5 / var(--design_width) * 100vw);
  left: calc(43.8 / var(--design_width) * 100vw);
  width: calc(170.07 / var(--design_width) * 100vw);
}
[data-products=products__03] .research__detail[data-research-graph=graph__01] .graph__wrapper .graph__elm.percent__03 {
  top: calc(134.4 / var(--design_width) * 100vw);
  left: calc(164.1 / var(--design_width) * 100vw);
  width: calc(153.52 / var(--design_width) * 100vw);
  z-index: 2;
}
[data-products=products__03] .research__detail[data-research-graph=graph__01] .graph__wrapper .blank__bg {
  content: "";
  background-image: url("/static/pages/women/recommendeditem/26summer/assets/images/products__03/blank__bg.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: calc(428 / var(--design_width) * 100vw);
  height: calc(284.54 / var(--design_width) * 100vw);
}
[data-products=products__03] .research__detail[data-research-graph=graph__02] {
  padding-block: calc(20 / var(--design_width) * 100vw) 0;
  pointer-events: none;
}
[data-products=products__03] .research__detail[data-research-graph=graph__02] .research__image {
  position: relative;
  width: 100%;
}
[data-products=products__03] .research__detail[data-research-graph=graph__03] {
  pointer-events: none;
}
[data-products=products__03] .research__detail[data-research-graph=graph__03] .research__graph {
  position: absolute;
  z-index: 1;
}
[data-products=products__03] .research__detail[data-research-graph=graph__03] .research__graph span {
  position: absolute;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
[data-products=products__03] .research__detail[data-research-graph=graph__03] .research__graph .graph__03__cap {
  z-index: 2;
}
[data-products=products__03] .research__detail[data-research-graph=graph__03] .research__graph .graph__03__cap.cap__01 {
  top: calc(129.7 / var(--design_width) * 100vw);
  left: calc(65.3 / var(--design_width) * 100vw);
  width: calc(113.21 / var(--design_width) * 100vw);
}
[data-products=products__03] .research__detail[data-research-graph=graph__03] .research__graph .graph__03__cap.cap__02 {
  top: calc(181.8 / var(--design_width) * 100vw);
  left: calc(350.6 / var(--design_width) * 100vw);
  width: calc(47.87 / var(--design_width) * 100vw);
}
[data-products=products__03] .research__detail[data-research-graph=graph__03] .research__graph .research__elm.elm__01 {
  z-index: 1;
}
[data-products=products__03] .research__detail[data-research-graph=graph__03] .research__graph .research__elm.elm__01 .graph__03__percent {
  top: calc(181.8 / var(--design_width) * 100vw);
  left: calc(69.9 / var(--design_width) * 100vw);
  width: calc(74.06 / var(--design_width) * 100vw);
  z-index: 1;
}
[data-products=products__03] .research__detail[data-research-graph=graph__03] .research__graph .research__elm.elm__01 .icon__penguin {
  top: calc(270 / var(--design_width) * 100vw);
  left: calc(65 / var(--design_width) * 100vw);
  width: calc(55.15 / var(--design_width) * 100vw);
}
[data-products=products__03] .research__detail[data-research-graph=graph__03] .research__graph .research__elm.elm__02 .graph__03__percent {
  top: calc(163.1 / var(--design_width) * 100vw);
  left: calc(172.9 / var(--design_width) * 100vw);
  width: calc(74.06 / var(--design_width) * 100vw);
  z-index: 1;
}
[data-products=products__03] .research__detail[data-research-graph=graph__03] .research__graph .research__elm.elm__02 .icon__penguin {
  top: calc(254.5 / var(--design_width) * 100vw);
  left: calc(165.5 / var(--design_width) * 100vw);
  width: calc(64.45 / var(--design_width) * 100vw);
}
[data-products=products__03] .research__detail[data-research-graph=graph__03] .research__graph .research__elm.elm__03 .graph__03__percent {
  top: calc(103 / var(--design_width) * 100vw);
  left: calc(274.6 / var(--design_width) * 100vw);
  width: calc(107.33 / var(--design_width) * 100vw);
  z-index: 1;
}
[data-products=products__03] .research__detail[data-research-graph=graph__03] .research__graph .research__elm.elm__03 .icon__penguin {
  top: calc(232.7 / var(--design_width) * 100vw);
  left: calc(271.6 / var(--design_width) * 100vw);
  width: calc(77.57 / var(--design_width) * 100vw);
}
[data-products=products__03] .research__01 {
  position: relative;
  -webkit-padding-after: calc(60 / var(--design_width) * 100vw);
          padding-block-end: calc(60 / var(--design_width) * 100vw);
}
[data-products=products__03] .research__01 .point__wrapper {
  position: relative;
}
[data-products=products__04] .products__logo {
  top: calc(18.4 / var(--design_width) * 100vw);
  left: calc(35 / var(--design_width) * 100vw);
  width: calc(87 / var(--design_width) * 100vw);
}
[data-products=products__04] .products__h3__title h3 span img {
  width: calc(148.3 / var(--design_width) * 100vw);
}
[data-products=products__04] .h4__sub {
  position: relative;
  display: block;
  -webkit-padding-after: calc(8 / var(--design_width) * 100vw);
          padding-block-end: calc(8 / var(--design_width) * 100vw);
  font-family: var(--Font__Ja__01);
  font-size: calc(16 / var(--design_width) * 100vw);
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.019em;
}
[data-products=products__04] .research__detail[data-research-graph=graph__01] {
  padding-block: calc(20 / var(--design_width) * 100vw);
  pointer-events: none;
}
[data-products=products__04] .research__detail[data-research-graph=graph__01] .research__detail__wrapper {
  position: relative;
  width: 100%;
  height: auto;
}
[data-products=products__04] .research__detail[data-research-graph=graph__01] .research__detail__wrapper .people__voice {
  position: absolute;
  z-index: 2;
}
[data-products=products__04] .research__detail[data-research-graph=graph__01] .research__detail__wrapper .people__voice span {
  display: block;
  margin-inline: auto;
}
[data-products=products__04] .research__detail[data-research-graph=graph__01] .research__detail__wrapper .people__voice span.people__image {
  width: calc(66 / var(--design_width) * 100vw);
  height: calc(66 / var(--design_width) * 100vw);
  aspect-ratio: 1/1;
}
[data-products=products__04] .research__detail[data-research-graph=graph__01] .research__detail__wrapper .people__voice span.voice__text {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: calc(-12 / var(--design_width) * 100vw);
  padding-block: calc(7.4 / var(--design_width) * 100vw);
  padding-inline: calc(4 / var(--design_width) * 100vw);
  border-radius: 999px;
  outline: calc(1 / var(--design_width) * 100vw) solid var(--color-black);
  outline-offset: 0;
  width: calc(100 / var(--design_width) * 100vw);
  background-color: var(--color-white);
  overflow: hidden;
  z-index: 2;
  font-family: var(--Font__Ja__01);
  font-size: calc(11 / var(--design_width) * 100vw);
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.019em;
  white-space: nowrap;
  text-box: trim-both cap alphabetic;
}
[data-products=products__04] .research__detail[data-research-graph=graph__01] .research__detail__wrapper .people__voice span.voice__text .voice__text__track {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  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;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  will-change: transform;
  animation: peopleVoiceTextLoop 18s linear infinite reverse;
}
@-webkit-keyframes peopleVoiceTextLoop {
  from {
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  to {
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
}
@keyframes peopleVoiceTextLoop {
  from {
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  to {
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
}
[data-products=products__04] .research__detail[data-research-graph=graph__01] .research__detail__wrapper .people__voice span.voice__text .voice__text__item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding-inline: calc(5 / var(--design_width) * 100vw);
  font: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
}
[data-products=products__04] .research__detail[data-research-graph=graph__01] .research__detail__wrapper .people__voice span.voice__text .voice__text__label {
  visibility: hidden;
}
[data-products=products__04] .research__detail[data-research-graph=graph__01] .research__detail__wrapper .people__voice.voice__01 {
  top: calc(17.7 / var(--design_width) * 100vw);
  left: calc(62 / var(--design_width) * 100vw);
}
[data-products=products__04] .research__detail[data-research-graph=graph__01] .research__detail__wrapper .people__voice.voice__02 {
  top: calc(225.7 / var(--design_width) * 100vw);
  left: calc(330 / var(--design_width) * 100vw);
}
[data-products=products__04] .research__detail[data-research-graph=graph__01] .research__detail__wrapper .people__voice.voice__03 {
  top: calc(263.7 / var(--design_width) * 100vw);
  left: calc(39 / var(--design_width) * 100vw);
}
[data-products=products__04] .research__detail[data-research-graph=graph__01] .research__detail__wrapper .breathable__arrw {
  position: absolute;
  top: calc(105.6 / var(--design_width) * 100vw);
  left: calc(70.7 / var(--design_width) * 100vw);
  width: calc(124.58 / var(--design_width) * 100vw);
  z-index: 1;
}
[data-products=products__04] .research__detail[data-research-graph=graph__01] .research__detail__wrapper .research__01__image {
  position: relative;
  width: calc(357 / var(--design_width) * 100vw);
  margin-inline: auto;
  border-radius: calc(10 / var(--design_width) * 100vw);
  outline: calc(1 / var(--design_width) * 100vw) solid #51A1D3;
  outline-offset: 0;
  overflow: hidden;
}
[data-products=products__04] .research__detail[data-research-graph=graph__02] {
  padding-block: calc(20 / var(--design_width) * 100vw) 0;
  pointer-events: none;
}
[data-products=products__04] .research__detail[data-research-graph=graph__03] {
  pointer-events: none;
}
[data-products=products__04] .research__detail[data-research-graph=graph__03] .research__graph {
  position: absolute;
  z-index: 1;
}
[data-products=products__04] .research__01 {
  position: relative;
  -webkit-padding-after: calc(30 / var(--design_width) * 100vw);
          padding-block-end: calc(30 / var(--design_width) * 100vw);
}
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
       text-size-adjust: 100%;
  scroll-behavior: auto;
  -moz-tab-size: 4;
    -o-tab-size: 4;
       tab-size: 4;
}

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

ul,
ol {
  list-style: none;
}

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

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

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

img {
  border-style: none;
}

svg {
  fill: currentColor;
}

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

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

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

button,
select {
  text-transform: none;
}

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

textarea {
  resize: vertical;
}

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

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

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

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

iframe {
  border: 0;
}

summary {
  display: list-item;
}

[hidden] {
  display: none !important;
}

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