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

@keyframes blurIn_anim {
  from {
    opacity: 0;
    -webkit-filter: blur(30px);
            filter: blur(30px);
  }
  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.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 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.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 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.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 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.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 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.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 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.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 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.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 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.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 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;
  }
}
:root {
  --design_width: 1280;
  --design_height: 800;
  --header_height: 70;
  --Font__Eng__01: "Plus Jakarta Sans", sans-serif;
  --Font__Eng__02: "Outfit", sans-serif;
  --Font__Eng__03: "Josefin Sans", sans-serif;
  --Font__Jpn__01: "Zen Kaku Gothic New", sans-serif;
  --Font__Jpn__02: "Shippori Mincho B1", serif;
}
@media (max-width: 766px) {
  :root {
    --design_width: 375;
    --design_height: 812;
  }
}
@media (max-width: 766px) {
  :root {
    --header_height: 52;
  }
}

.lp__wrapper {
  position: relative;
  width: 100%;
  height: auto;
  margin: 0;
  line-height: 100%;
  color: #000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
}
.lp__wrapper h1, .lp__wrapper h2, .lp__wrapper h3, .lp__wrapper h4, .lp__wrapper h5, .lp__wrapper h6 {
  border: 0;
  outline: 0;
  font-size: unset;
  font-weight: unset;
}
.lp__wrapper ul, .lp__wrapper ol, .lp__wrapper li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.lp__wrapper img, .lp__wrapper svg {
  width: 100%;
  height: auto;
  display: block;
}
.lp__wrapper picture {
  width: 100%;
  height: auto;
  display: block;
  overflow: hidden;
}
.lp__wrapper a {
  color: inherit;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
  text-decoration: none;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.lp__wrapper a:hover {
  cursor: pointer;
  opacity: 0.6;
}

.lp__container {
  position: relative;
  width: calc(375 / var(--design_width) * 100vw + 66 / var(--design_width) * 100vw);
  height: auto;
  margin-block: calc(75 / var(--design_width) * 100vw);
  -webkit-margin-start: auto;
          margin-inline-start: auto;
  -webkit-margin-end: calc(89 / var(--design_width) * 100vw);
          margin-inline-end: calc(89 / var(--design_width) * 100vw);
  padding: calc(30 / var(--design_width) * 100vw) 0;
  background-color: #fff;
  z-index: 1;
}
@media (max-width: 766px) {
  .lp__container {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
  }
}
.lp__container .container__base {
  position: relative;
  width: calc(375 / var(--design_width) * 100vw);
  height: auto;
  margin: 0 auto 0;
}
.lp__container .container__base .lp__mv {
  position: relative;
}
.lp__container .container__base .lp__mv .mv__title {
  position: absolute;
  top: calc(24.1 / var(--design_width) * 100vw);
  width: 100%;
  z-index: 1;
}
.lp__container .container__base .lp__mv .mv__title h1 {
  display: grid;
  gap: calc(16.5 / var(--design_width) * 100vw);
  justify-items: center;
}
.lp__container .container__base .lp__mv .mv__title h1 span {
  display: block;
}
.lp__container .container__base .lp__mv .mv__title h1 span.h1__sub {
  width: calc(309.56 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__mv .mv__title h1 span.h1__main {
  width: calc(239.09 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__mv .mv__element {
  display: block;
}
.lp__container .container__base .lp__mv .mv__element div {
  position: absolute;
  z-index: 1;
}
.lp__container .container__base .lp__mv .mv__element div.mv__caption__01 {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: calc(15 / var(--design_width) * 100vw);
  width: calc(7.57 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__mv .mv__element div.mv__caption__02 {
  left: calc(13 / var(--design_width) * 100vw);
  bottom: calc(16.7 / var(--design_width) * 100vw);
  width: calc(168.29 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__mv .mv__element div.mv__icon {
  top: calc(193.8 / var(--design_width) * 100vw);
  right: calc(19.5 / var(--design_width) * 100vw);
  width: calc(93.6 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__intro {
  position: relative;
}
.lp__container .container__base .lp__intro .intro__read {
  position: relative;
  -webkit-margin-before: calc(45 / var(--design_width) * 100vw);
          margin-block-start: calc(45 / var(--design_width) * 100vw);
  -webkit-margin-after: calc(50 / var(--design_width) * 100vw);
          margin-block-end: calc(50 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__intro .intro__read p {
  font-family: var(--Font__Jpn__02);
  font-size: calc(13 / var(--design_width) * 100vw);
  font-weight: 500;
  letter-spacing: 0.028em;
  line-height: 1.6923076923;
  text-align: center;
}
.lp__container .container__base .lp__intro .intro__image {
  position: relative;
}
.lp__container .container__base .lp__intro .intro__image picture {
  width: calc(335 / var(--design_width) * 100vw);
  margin-inline: auto;
}
.lp__container .container__base .lp__intro .intro__image picture img {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.lp__container .container__base .lp__profile {
  position: relative;
  display: grid;
  gap: calc(14 / var(--design_width) * 100vw);
  -webkit-margin-before: calc(37 / var(--design_width) * 100vw);
          margin-block-start: calc(37 / var(--design_width) * 100vw);
  -webkit-margin-after: calc(77 / var(--design_width) * 100vw);
          margin-block-end: calc(77 / var(--design_width) * 100vw);
  margin-inline: calc(26.5 / var(--design_width) * 100vw);
  -webkit-padding-before: calc(24 / var(--design_width) * 100vw);
          padding-block-start: calc(24 / var(--design_width) * 100vw);
  -webkit-padding-after: calc(14 / var(--design_width) * 100vw);
          padding-block-end: calc(14 / var(--design_width) * 100vw);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-top: solid 1px #000;
  border-bottom: solid 1px #000;
}
.lp__container .container__base .lp__profile .profile__dadta {
  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;
  padding-inline: calc(17 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__profile .profile__dadta .profile__name {
  display: grid;
  gap: calc(7 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__profile .profile__dadta .profile__name .profile__title {
  font-family: var(--Font__Jpn__01);
  font-size: calc(11 / var(--design_width) * 100vw);
  font-weight: 400;
  letter-spacing: 0.028em;
  line-height: 1;
  text-align: center;
  width: 100%;
}
.lp__container .container__base .lp__profile .profile__dadta .profile__name h3 {
  display: grid;
  gap: calc(9 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__profile .profile__dadta .profile__name h3 span {
  display: block;
}
.lp__container .container__base .lp__profile .profile__dadta .profile__name h3 span.profile__main {
  font-family: var(--Font__Jpn__02);
  font-size: calc(22 / var(--design_width) * 100vw);
  font-weight: 500;
  letter-spacing: 0.022em;
  line-height: 1;
  text-align: center;
  width: 100%;
}
.lp__container .container__base .lp__profile .profile__dadta .profile__name h3 span.profile__sub {
  width: calc(101.65 / var(--design_width) * 100vw);
  margin: 0 auto 0;
}
.lp__container .container__base .lp__profile .profile__dadta .profile__image {
  width: calc(125 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__profile .profile__desc {
  position: relative;
}
.lp__container .container__base .lp__profile .profile__desc p {
  font-family: var(--Font__Jpn__01);
  font-size: calc(10 / var(--design_width) * 100vw);
  font-weight: 400;
  letter-spacing: 0.028em;
  line-height: 1.9;
  text-align: left;
}
.lp__container .container__base .lp__benefit {
  position: relative;
  background-color: #F5FCFF;
  -webkit-padding-after: calc(58.7 / var(--design_width) * 100vw);
          padding-block-end: calc(58.7 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__benefit .benefit__title {
  position: relative;
}
.lp__container .container__base .lp__benefit .benefit__title h3 span {
  display: block;
  width: calc(251.65 / var(--design_width) * 100vw);
  padding: calc(27 / var(--design_width) * 100vw) 0 calc(41.1 / var(--design_width) * 100vw) 0;
  margin-inline: auto;
}
.lp__container .container__base .lp__benefit .benefit__image {
  position: relative;
}
.lp__container .container__base .lp__benefit .benefit__image .benefit__element {
  position: absolute;
  z-index: 1;
}
.lp__container .container__base .lp__benefit .benefit__image .benefit__element.benefit__icon__01 {
  top: calc(-15 / var(--design_width) * 100vw);
  left: calc(28 / var(--design_width) * 100vw);
  width: calc(123.18 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__benefit .benefit__image .benefit__element.benefit__icon__02 {
  top: calc(-15 / var(--design_width) * 100vw);
  right: calc(28.5 / var(--design_width) * 100vw);
  width: calc(105.51 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__benefit .benefit__image .benefit__element.benefit__icon__03 {
  left: calc(49 / var(--design_width) * 100vw);
  bottom: calc(-29 / var(--design_width) * 100vw);
  width: calc(81.37 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__benefit .benefit__image .benefit__element.benefit__icon__04 {
  right: calc(45.5 / var(--design_width) * 100vw);
  bottom: calc(-29 / var(--design_width) * 100vw);
  width: calc(99.88 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__benefit .benefit__image picture img {
  width: 100%;
}
.lp__container .container__base .lp__benefit .benefit__detail {
  position: relative;
  display: grid;
  gap: calc(48 / var(--design_width) * 100vw);
  -webkit-margin-before: calc(66 / var(--design_width) * 100vw);
          margin-block-start: calc(66 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__benefit .benefit__detail .benefit__detail__wrapper {
  position: relative;
  display: grid;
  gap: calc(14 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__benefit .benefit__detail .benefit__detail__wrapper .benefit__h4 {
  position: relative;
  width: 100%;
  margin: 0 auto 0;
}
.lp__container .container__base .lp__benefit .benefit__detail .benefit__detail__wrapper .benefit__h4 h4 span {
  display: block;
}
.lp__container .container__base .lp__benefit .benefit__detail .benefit__detail__wrapper .benefit__h4.benefit__icon__01 {
  width: calc(114.53 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__benefit .benefit__detail .benefit__detail__wrapper .benefit__h4.benefit__icon__02 {
  width: calc(150.72 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__benefit .benefit__detail .benefit__detail__wrapper .benefit__h4.benefit__icon__03 {
  width: calc(99.54 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__benefit .benefit__detail .benefit__detail__wrapper .benefit__h4.benefit__icon__04 {
  width: calc(116.4 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__benefit .benefit__detail .benefit__detail__wrapper .benefit__desc {
  position: relative;
  padding-inline: calc(39 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__benefit .benefit__detail .benefit__detail__wrapper .benefit__desc p {
  font-family: var(--Font__Jpn__01);
  font-size: calc(13 / var(--design_width) * 100vw);
  font-weight: 400;
  letter-spacing: 0.028em;
  line-height: 1.6153846154;
}
.lp__container .container__base .lp__colorvariations {
  position: relative;
  -webkit-padding-before: calc(40 / var(--design_width) * 100vw);
          padding-block-start: calc(40 / var(--design_width) * 100vw);
  -webkit-padding-after: calc(35.7 / var(--design_width) * 100vw);
          padding-block-end: calc(35.7 / var(--design_width) * 100vw);
  background-color: #fff;
}
.lp__container .container__base .lp__colorvariations .colorvariations__head {
  position: relative;
  display: grid;
  gap: calc(18.5 / var(--design_width) * 100vw);
  -webkit-margin-after: calc(15 / var(--design_width) * 100vw);
          margin-block-end: calc(15 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__colorvariations .colorvariations__head .colorvariations__title {
  position: relative;
}
.lp__container .container__base .lp__colorvariations .colorvariations__head .colorvariations__title h3 span {
  display: block;
  width: calc(265.8 / var(--design_width) * 100vw);
  margin-inline: auto;
}
.lp__container .container__base .lp__colorvariations .colorvariations__head .colorvariations__read {
  position: relative;
  padding-inline: calc(64 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__colorvariations .colorvariations__head .colorvariations__read p {
  font-family: var(--Font__Jpn__02);
  font-size: calc(13 / var(--design_width) * 100vw);
  font-weight: 500;
  letter-spacing: 0.028em;
  line-height: 1.6923076923;
  text-align: center;
}
.lp__container .container__base .lp__colorvariations .based__color__wrapper {
  position: relative;
  display: grid;
  gap: calc(16 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__colorvariations .based__color__wrapper .based__color {
  position: relative;
}
.lp__container .container__base .lp__colorvariations .based__color__wrapper .based__color picture img {
  width: 100%;
}
.lp__container .container__base .lp__colorvariations .based__color__wrapper .based__color .colorvar__icon {
  position: absolute;
  z-index: 1;
}
.lp__container .container__base .lp__colorvariations .based__color__wrapper .based__color .colorvar__icon.bluebased__01 {
  top: calc(47 / var(--design_width) * 100vw);
  left: calc(55 / var(--design_width) * 100vw);
  width: calc(49.23 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__colorvariations .based__color__wrapper .based__color .colorvar__icon.bluebased__02 {
  top: calc(45 / var(--design_width) * 100vw);
  right: calc(32.8 / var(--design_width) * 100vw);
  width: calc(75.63 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__colorvariations .based__color__wrapper .based__color .colorvar__icon.bluebased__03 {
  left: calc(21 / var(--design_width) * 100vw);
  bottom: calc(60.4 / var(--design_width) * 100vw);
  width: calc(86.02 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__colorvariations .based__color__wrapper .based__color .colorvar__icon.bluebased__04 {
  right: calc(30.6 / var(--design_width) * 100vw);
  bottom: calc(5.9 / var(--design_width) * 100vw);
  width: calc(89.8 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__colorvariations .based__color__wrapper .based__color .colorvar__icon.yellowbased__01 {
  top: calc(24 / var(--design_width) * 100vw);
  left: calc(18 / var(--design_width) * 100vw);
  width: calc(101.02 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__colorvariations .based__color__wrapper .based__color .colorvar__icon.yellowbased__02 {
  top: calc(65 / var(--design_width) * 100vw);
  right: calc(33 / var(--design_width) * 100vw);
  width: calc(60.36 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__colorvariations .based__color__wrapper .based__color .colorvar__icon.yellowbased__03 {
  left: calc(19 / var(--design_width) * 100vw);
  bottom: calc(65.1 / var(--design_width) * 100vw);
  width: calc(99.65 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__colorvariations .based__color__wrapper .based__color .colorvar__icon.yellowbased__04 {
  right: calc(29.9 / var(--design_width) * 100vw);
  bottom: calc(3.7 / var(--design_width) * 100vw);
  width: calc(88.06 / var(--design_width) * 100vw);
}
.lp__container .container__base .buy__item {
  position: relative;
  display: grid;
  gap: calc(14.7 / var(--design_width) * 100vw);
}
.lp__container .container__base .buy__item .credit__item {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: calc(7.6 / var(--design_width) * 100vw);
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}
.lp__container .container__base .buy__item .credit__item span.item__name {
  font-family: var(--Font__Jpn__01);
  font-size: calc(12 / var(--design_width) * 100vw);
  font-weight: 600;
  letter-spacing: -0.008em;
  line-height: 1;
}
.lp__container .container__base .buy__item .credit__item span.item__price {
  font-family: var(--Font__Eng__01);
  font-size: calc(13 / var(--design_width) * 100vw);
  font-weight: 500;
  letter-spacing: 0.005em;
  line-height: 1;
}
.lp__container .container__base .buy__item .credit__item span.item__price::before {
  content: "¥";
  font-size: calc(11 / var(--design_width) * 100vw);
  letter-spacing: 0.1em;
  line-height: 1;
}
.lp__container .container__base .buy__item .credit__item span.item__price::after {
  content: "(Tax in)";
  font-family: var(--Font__Eng__02);
  font-size: calc(8 / var(--design_width) * 100vw);
  font-weight: 500;
  letter-spacing: 0.038em;
  line-height: 1;
  position: relative;
  bottom: calc(1.5 / var(--design_width) * 100vw);
  display: inline-block;
  -webkit-margin-start: calc(2 / var(--design_width) * 100vw);
          margin-inline-start: calc(2 / var(--design_width) * 100vw);
}
.lp__container .container__base .buy__item .buy__button {
  margin-inline: auto;
}
.lp__container .container__base .buy__item .buy__button a {
  display: block;
}
.lp__container .container__base .buy__item .buy__button a img {
  width: calc(126.32 / var(--design_width) * 100vw);
}
.lp__container .container__base .youtube__elura {
  position: relative;
  display: grid;
  gap: calc(19 / var(--design_width) * 100vw);
  -webkit-margin-before: calc(35.7 / var(--design_width) * 100vw);
          margin-block-start: calc(35.7 / var(--design_width) * 100vw);
  -webkit-margin-after: calc(38.4 / var(--design_width) * 100vw);
          margin-block-end: calc(38.4 / var(--design_width) * 100vw);
  margin-inline: calc(24 / var(--design_width) * 100vw);
}
.lp__container .container__base .youtube__elura .youtube__video {
  position: relative;
  width: calc(327 / var(--design_width) * 100vw);
  height: calc(184 / var(--design_width) * 100vw);
  background-color: #E3E3E3;
}
.lp__container .container__base .youtube__elura .youtube__video iframe {
  position: relative;
  width: calc(327 / var(--design_width) * 100vw);
  height: calc(184 / var(--design_width) * 100vw);
}
.lp__container .container__base .youtube__elura .youtube__video[data-situation=youtube__comingsson] {
  pointer-events: none;
}
.lp__container .container__base .youtube__elura .youtube__video[data-situation=youtube__comingsson] .thmb__comingsoon {
  display: block;
}
.lp__container .container__base .youtube__elura .youtube__video[data-situation=youtube__comingsson] iframe {
  display: none;
  pointer-events: none;
}
.lp__container .container__base .youtube__elura .youtube__video[data-situation=youtube__released] {
  pointer-events: auto;
}
.lp__container .container__base .youtube__elura .youtube__video[data-situation=youtube__released] .thmb__comingsoon {
  display: none;
}
.lp__container .container__base .youtube__elura .youtube__video[data-situation=youtube__released] iframe {
  display: block;
  pointer-events: auto;
}
.lp__container .container__base .youtube__elura .youtube__read {
  position: relative;
  width: calc(278.88 / var(--design_width) * 100vw);
  margin-inline: auto;
}
.lp__container .container__base .lp__chart {
  position: relative;
  display: block;
  width: calc(327 / var(--design_width) * 100vw);
  margin-inline: auto;
}
.lp__container .container__base .lp__coord {
  position: relative;
  -webkit-margin-before: calc(43 / var(--design_width) * 100vw);
          margin-block-start: calc(43 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__coord .lp__coord__head {
  position: relative;
  display: grid;
  gap: calc(25.6 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__coord .lp__coord__head h3 span {
  display: block;
  margin-inline: auto;
}
.lp__container .container__base .lp__coord .lp__coord__head h3 span.coord__h3__title {
  width: calc(263.44 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__coord .lp__coord__head .coord__type {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: calc(6 / var(--design_width) * 100vw);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}
.lp__container .container__base .lp__coord .lp__coord__head .coord__type a {
  opacity: 1;
  background-color: #000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  outline: 1px solid rgb(0, 0, 0);
  outline-offset: -1px;
}
.lp__container .container__base .lp__coord .lp__coord__head .coord__type a:hover {
  background-color: #fff;
  -webkit-transition: background-color 0.3 0.5s ease;
  transition: background-color 0.3 0.5s ease;
}
.lp__container .container__base .lp__coord .lp__coord__head .coord__type a:hover .button-inline-svg {
  -webkit-filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);
          filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);
  -webkit-transition: -webkit-filter 0.3s ease;
  transition: -webkit-filter 0.3s ease;
  transition: filter 0.3s ease;
  transition: filter 0.3s ease, -webkit-filter 0.3s ease;
}
.lp__container .container__base .lp__coord .lp__coord__head .coord__type .coord__type__button {
  width: calc(108 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__coord .coord__container {
  position: relative;
}
.lp__container .container__base .lp__coord .coord__container .coord__type__head {
  position: relative;
  display: grid;
  gap: calc(11 / var(--design_width) * 100vw);
  -webkit-margin-after: calc(30 / var(--design_width) * 100vw);
          margin-block-end: calc(30 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__coord .coord__container .coord__type__head .coord__title {
  position: relative;
}
.lp__container .container__base .lp__coord .coord__container .coord__type__head .coord__title h4 span {
  display: block;
  margin-inline: auto;
}
.lp__container .container__base .lp__coord .coord__container .coord__type__head .coord__title h4 span.type__title__01 {
  -webkit-margin-before: calc(40 / var(--design_width) * 100vw);
          margin-block-start: calc(40 / var(--design_width) * 100vw);
  width: calc(279.17 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__coord .coord__container .coord__type__head .coord__title h4 span.type__title__02 {
  -webkit-margin-before: calc(53 / var(--design_width) * 100vw);
          margin-block-start: calc(53 / var(--design_width) * 100vw);
  width: calc(258 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__coord .coord__container .coord__type__head .coord__title h4 span.type__title__03 {
  -webkit-margin-before: calc(53 / var(--design_width) * 100vw);
          margin-block-start: calc(53 / var(--design_width) * 100vw);
  width: calc(264.5 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__coord .coord__container .coord__type__head .type__read {
  position: relative;
}
.lp__container .container__base .lp__coord .coord__container .coord__type__head .type__read p {
  font-family: var(--Font__Jpn__02);
  font-size: calc(15 / var(--design_width) * 100vw);
  font-weight: 400;
  letter-spacing: 0.028em;
  line-height: 1.6;
  text-align: center;
}
.lp__container .container__base .lp__coord .coord__container .coord__detail__container {
  position: relative;
}
.lp__container .container__base .lp__coord .coord__container .coord__detail__container .icon__recommend, .lp__container .container__base .lp__coord .coord__container .coord__detail__container .color__name {
  position: absolute;
}
.lp__container .container__base .lp__coord .coord__container .coord__detail__container .coord__image__wrapper {
  position: relative;
}
.lp__container .container__base .lp__coord .coord__container .coord__detail__container .coord__image__wrapper .coord__image {
  position: relative;
  z-index: 1;
}
.lp__container .container__base .lp__coord .coord__container .coord__detail__container .coord__image__wrapper .coord__image.ovr {
  position: relative;
  z-index: 2;
}
.lp__container .container__base .lp__coord .coord__container .coord__detail__container .coord__image__wrapper .coord__image.sdw {
  position: absolute;
  top: 0;
  mix-blend-mode: multiply;
}
.lp__container .container__base .lp__coord .coord__container .coord__detail__container .wearing__icon {
  position: absolute;
  display: block;
  z-index: 1;
}
.lp__container .container__base .lp__coord .coord__container .coord__detail__container .wearing__icon.wearing__icon__01 {
  top: calc(67 / var(--design_width) * 100vw);
  right: calc(24.8 / var(--design_width) * 100vw);
  width: calc(74.49 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__coord .coord__container .coord__detail__container .wearing__icon.wearing__icon__02 {
  top: calc(74 / var(--design_width) * 100vw);
  left: calc(21 / var(--design_width) * 100vw);
  width: calc(73.46 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__coord .coord__container .coord__detail__container .wearing__icon.wearing__icon__03 {
  top: calc(73 / var(--design_width) * 100vw);
  left: calc(23 / var(--design_width) * 100vw);
  width: calc(74.49 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__coord .coord__container .coord__detail__container .coord__data {
  position: relative;
}
.lp__container .container__base .lp__coord .coord__container .coord__detail__container .coord__data .coord__data__title {
  position: relative;
  display: grid;
  gap: calc(27.8 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__coord .coord__container .coord__detail__container .coord__data .coord__data__title h4 span {
  display: block;
  margin-inline: auto;
}
.lp__container .container__base .lp__coord .coord__container .coord__detail__container .coord__data .coord__data__desc {
  position: relative;
}
.lp__container .container__base .lp__coord .coord__container .coord__detail__container .coord__data .coord__data__desc p {
  font-family: var(--Font__Jpn__01);
  font-size: calc(13 / var(--design_width) * 100vw);
  font-weight: 400;
  letter-spacing: 0.028em;
  line-height: 1.6153846154;
  width: calc(268 / var(--design_width) * 100vw);
  margin-inline: auto;
}
.lp__container .container__base .lp__coord .coord__container .coord__detail__container .coord__credit {
  position: relative;
  display: grid;
  gap: calc(17 / var(--design_width) * 100vw);
  -webkit-padding-before: calc(28 / var(--design_width) * 100vw);
          padding-block-start: calc(28 / var(--design_width) * 100vw);
  -webkit-padding-after: calc(48 / var(--design_width) * 100vw);
          padding-block-end: calc(48 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__coord .coord__container .coord__detail__container .coord__credit .credit__body {
  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: baseline;
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  width: calc(180 / var(--design_width) * 100vw);
  margin-inline: auto;
}
.lp__container .container__base .lp__coord .coord__container .coord__detail__container .coord__credit .credit__body .item__name {
  font-family: var(--Font__Eng__03);
  font-size: calc(13 / var(--design_width) * 100vw);
  font-weight: 500;
  letter-spacing: 0.001em;
  line-height: 1;
  text-transform: capitalize;
}
.lp__container .container__base .lp__coord .coord__container .coord__detail__container .coord__credit .credit__body .item__data {
  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(8 / var(--design_width) * 100vw);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.lp__container .container__base .lp__coord .coord__container .coord__detail__container .coord__credit .credit__body .item__data span {
  display: inline-block;
}
.lp__container .container__base .lp__coord .coord__container .coord__detail__container .coord__credit .credit__body .item__data span.item__price {
  font-family: var(--Font__Eng__01);
  font-size: calc(13 / var(--design_width) * 100vw);
  font-weight: 500;
  letter-spacing: 0.005em;
  line-height: 1;
  text-align: right;
}
.lp__container .container__base .lp__coord .coord__container .coord__detail__container .coord__credit .credit__body .item__data span.item__price::before {
  content: "¥";
  font-size: calc(11 / var(--design_width) * 100vw);
  letter-spacing: 0.1em;
  line-height: 1;
}
.lp__container .container__base .lp__coord .coord__container .coord__detail__container .coord__credit .credit__body .item__data span.item__price::after {
  content: "(Tax in)";
  font-family: var(--Font__Eng__02);
  font-size: calc(8 / var(--design_width) * 100vw);
  font-weight: 500;
  letter-spacing: 0.038em;
  line-height: 1;
  position: relative;
  bottom: calc(2 / var(--design_width) * 100vw);
  display: inline-block;
  -webkit-margin-start: calc(2 / var(--design_width) * 100vw);
          margin-inline-start: calc(2 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__coord .coord__container .coord__detail__container .coord__credit .credit__body .item__data span.coord__credit__button {
  display: inline-block;
}
.lp__container .container__base .lp__coord .coord__container .coord__detail__container .coord__credit .credit__body .item__data a[data-situation=buy__online] {
  pointer-events: auto;
}
.lp__container .container__base .lp__coord .coord__container .coord__detail__container .coord__credit .credit__body .item__data a[data-situation=buy__online]::before {
  display: inline-block;
  content: "";
  background-image: url("../../assets/images/common/buy__button__coord.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  width: calc(46.9 / var(--design_width) * 100vw);
  height: calc(14 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__coord .coord__container .coord__detail__container .coord__credit .credit__body .item__data a[data-situation=shop__limited] {
  pointer-events: none;
}
.lp__container .container__base .lp__coord .coord__container .coord__detail__container .coord__credit .credit__body .item__data a[data-situation=shop__limited]::before {
  display: inline-block;
  content: "";
  background-image: url("../../assets/images/common/icon__shoplimited.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  width: calc(46.9 / var(--design_width) * 100vw);
  height: calc(15 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__coord .coord__container .coord__detail__container .coord__credit .credit__body .item__data a[data-situation=buy__comingsoon] {
  pointer-events: none;
}
.lp__container .container__base .lp__coord .coord__container .coord__detail__container .coord__credit .credit__body .item__data a[data-situation=buy__comingsoon]::before {
  display: inline-block;
  content: "";
  background-image: url("../../assets/images/common/comingsoon__button__coord.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  width: calc(46.9 / var(--design_width) * 100vw);
  height: calc(14 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__coord .coord__container .coord__detail__container .recommend__bluebased {
  width: calc(157.38 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__coord .coord__container .coord__detail__container .recommend__yellowbased {
  width: calc(154.97 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__coord .coord__container .coord__detail__container.coordinate__01 {
  background-color: #F0F0F0;
}
.lp__container .container__base .lp__coord .coord__container .coord__detail__container.coordinate__01 .icon__recommend.recommend__bluebased {
  top: calc(33 / var(--design_width) * 100vw);
  right: calc(22.6 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__coord .coord__container .coord__detail__container.coordinate__01 .color__name.color__name__01 {
  top: calc(33 / var(--design_width) * 100vw);
  left: calc(22 / var(--design_width) * 100vw);
  width: calc(42.75 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__coord .coord__container .coord__detail__container.coordinate__01 .coord__data .coord__data__title {
  position: relative;
}
.lp__container .container__base .lp__coord .coord__container .coord__detail__container.coordinate__01 .coord__data .coord__data__title h4 span {
  display: block;
}
.lp__container .container__base .lp__coord .coord__container .coord__detail__container.coordinate__01 .coord__data .coord__data__title h4 span.coord__data__h4__01 {
  width: calc(133.58 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__coord .coord__container .coord__detail__container.coordinate__02 {
  background-color: #FEF7F8;
}
.lp__container .container__base .lp__coord .coord__container .coord__detail__container.coordinate__02 .icon__recommend.recommend__bluebased {
  top: calc(34 / var(--design_width) * 100vw);
  left: calc(16 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__coord .coord__container .coord__detail__container.coordinate__02 .color__name.color__name__02 {
  top: calc(34 / var(--design_width) * 100vw);
  right: calc(21.3 / var(--design_width) * 100vw);
  width: calc(43.67 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__coord .coord__container .coord__detail__container.coordinate__02 .coord__data .coord__data__title {
  position: relative;
}
.lp__container .container__base .lp__coord .coord__container .coord__detail__container.coordinate__02 .coord__data .coord__data__title h4 span {
  display: block;
}
.lp__container .container__base .lp__coord .coord__container .coord__detail__container.coordinate__02 .coord__data .coord__data__title h4 span.coord__data__h4__02 {
  width: calc(143.82 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__coord .coord__container .coord__detail__container.coordinate__03 {
  background-color: #FFF8F2;
}
.lp__container .container__base .lp__coord .coord__container .coord__detail__container.coordinate__03 .icon__recommend.recommend__yellowbased {
  top: calc(32 / var(--design_width) * 100vw);
  right: calc(23 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__coord .coord__container .coord__detail__container.coordinate__03 .color__name.color__name__03 {
  top: calc(26 / var(--design_width) * 100vw);
  left: calc(21 / var(--design_width) * 100vw);
  width: calc(44.52 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__coord .coord__container .coord__detail__container.coordinate__03 .coord__data .coord__data__title {
  position: relative;
}
.lp__container .container__base .lp__coord .coord__container .coord__detail__container.coordinate__03 .coord__data .coord__data__title h4 span {
  display: block;
}
.lp__container .container__base .lp__coord .coord__container .coord__detail__container.coordinate__03 .coord__data .coord__data__title h4 span.coord__data__h4__03 {
  width: calc(117.69 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__coord .coord__container .coord__detail__container.coordinate__04 {
  background-color: #F0F0F0;
}
.lp__container .container__base .lp__coord .coord__container .coord__detail__container.coordinate__04 .icon__recommend.recommend__bluebased {
  top: calc(32 / var(--design_width) * 100vw);
  left: calc(16 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__coord .coord__container .coord__detail__container.coordinate__04 .color__name.color__name__04 {
  top: calc(32 / var(--design_width) * 100vw);
  right: calc(21.6 / var(--design_width) * 100vw);
  width: calc(46.43 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__coord .coord__container .coord__detail__container.coordinate__04 .coord__data .coord__data__title {
  position: relative;
}
.lp__container .container__base .lp__coord .coord__container .coord__detail__container.coordinate__04 .coord__data .coord__data__title h4 span {
  display: block;
}
.lp__container .container__base .lp__coord .coord__container .coord__detail__container.coordinate__04 .coord__data .coord__data__title h4 span.coord__data__h4__04 {
  width: calc(131.44 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__coord .coord__container .coord__detail__container.coordinate__05 {
  background-color: #F4F6FF;
}
.lp__container .container__base .lp__coord .coord__container .coord__detail__container.coordinate__05 .icon__recommend.recommend__bluebased {
  top: calc(32 / var(--design_width) * 100vw);
  right: calc(23.6 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__coord .coord__container .coord__detail__container.coordinate__05 .color__name.color__name__05 {
  top: calc(32 / var(--design_width) * 100vw);
  left: calc(21 / var(--design_width) * 100vw);
  width: calc(46.08 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__coord .coord__container .coord__detail__container.coordinate__05 .coord__data .coord__data__title {
  position: relative;
}
.lp__container .container__base .lp__coord .coord__container .coord__detail__container.coordinate__05 .coord__data .coord__data__title h4 span {
  display: block;
}
.lp__container .container__base .lp__coord .coord__container .coord__detail__container.coordinate__05 .coord__data .coord__data__title h4 span.coord__data__h4__05 {
  width: calc(130.07 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__coord .coord__container .coord__detail__container.coordinate__06 {
  background-color: #FFFAF4;
}
.lp__container .container__base .lp__coord .coord__container .coord__detail__container.coordinate__06 .icon__recommend.recommend__yellowbased {
  top: calc(32 / var(--design_width) * 100vw);
  left: calc(16 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__coord .coord__container .coord__detail__container.coordinate__06 .color__name.color__name__06 {
  top: calc(32 / var(--design_width) * 100vw);
  right: calc(21.7 / var(--design_width) * 100vw);
  width: calc(40.31 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__coord .coord__container .coord__detail__container.coordinate__06 .coord__data .coord__data__title {
  position: relative;
}
.lp__container .container__base .lp__coord .coord__container .coord__detail__container.coordinate__06 .coord__data .coord__data__title h4 span {
  display: block;
}
.lp__container .container__base .lp__coord .coord__container .coord__detail__container.coordinate__06 .coord__data .coord__data__title h4 span.coord__data__h4__06 {
  width: calc(161.5 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__coord .coord__container .coord__detail__container.coordinate__07 {
  background-color: #F4FCFF;
}
.lp__container .container__base .lp__coord .coord__container .coord__detail__container.coordinate__07 .icon__recommend.recommend__bluebased {
  top: calc(32 / var(--design_width) * 100vw);
  right: calc(23.6 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__coord .coord__container .coord__detail__container.coordinate__07 .color__name.color__name__07 {
  top: calc(32 / var(--design_width) * 100vw);
  left: calc(21 / var(--design_width) * 100vw);
  width: calc(39.47 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__coord .coord__container .coord__detail__container.coordinate__07 .coord__data .coord__data__title {
  position: relative;
}
.lp__container .container__base .lp__coord .coord__container .coord__detail__container.coordinate__07 .coord__data .coord__data__title h4 span {
  display: block;
}
.lp__container .container__base .lp__coord .coord__container .coord__detail__container.coordinate__07 .coord__data .coord__data__title h4 span.coord__data__h4__07 {
  width: calc(101.08 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__coord .coord__container .coord__detail__container.coordinate__08 {
  background-color: #EFEAE9;
}
.lp__container .container__base .lp__coord .coord__container .coord__detail__container.coordinate__08 .icon__recommend.recommend__yellowbased {
  top: calc(32 / var(--design_width) * 100vw);
  left: calc(15 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__coord .coord__container .coord__detail__container.coordinate__08 .color__name.color__name__08 {
  top: calc(30 / var(--design_width) * 100vw);
  right: calc(27.9 / var(--design_width) * 100vw);
  width: calc(40.11 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__coord .coord__container .coord__detail__container.coordinate__08 .coord__data .coord__data__title {
  position: relative;
}
.lp__container .container__base .lp__coord .coord__container .coord__detail__container.coordinate__08 .coord__data .coord__data__title h4 span {
  display: block;
}
.lp__container .container__base .lp__coord .coord__container .coord__detail__container.coordinate__08 .coord__data .coord__data__title h4 span.coord__data__h4__08 {
  width: calc(165.94 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__coord .coord__container .coord__detail__container.coordinate__09 {
  background-color: #FFF4EF;
}
.lp__container .container__base .lp__coord .coord__container .coord__detail__container.coordinate__09 .icon__recommend.recommend__yellowbased {
  top: calc(27 / var(--design_width) * 100vw);
  right: calc(23 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__coord .coord__container .coord__detail__container.coordinate__09 .color__name.color__name__09 {
  top: calc(27 / var(--design_width) * 100vw);
  left: calc(21 / var(--design_width) * 100vw);
  width: calc(39.9 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__coord .coord__container .coord__detail__container.coordinate__09 .coord__data .coord__data__title {
  position: relative;
}
.lp__container .container__base .lp__coord .coord__container .coord__detail__container.coordinate__09 .coord__data .coord__data__title h4 span {
  display: block;
}
.lp__container .container__base .lp__coord .coord__container .coord__detail__container.coordinate__09 .coord__data .coord__data__title h4 span.coord__data__h4__09 {
  width: calc(195 / var(--design_width) * 100vw);
}
.lp__container .container__base .lp__after {
  position: relative;
  -webkit-padding-before: calc(61 / var(--design_width) * 100vw);
          padding-block-start: calc(61 / var(--design_width) * 100vw);
  -webkit-padding-after: calc(61 / var(--design_width) * 100vw);
          padding-block-end: calc(61 / var(--design_width) * 100vw);
}
@media (max-width: 766px) {
  .lp__container .container__base .lp__after {
    -webkit-padding-after: calc(61 / var(--design_width) * 100vw - 25 / var(--design_width) * 100vw);
            padding-block-end: calc(61 / var(--design_width) * 100vw - 25 / var(--design_width) * 100vw);
  }
}
.lp__container .container__base .lp__after .buy__button__all {
  position: relative;
  width: calc(279 / var(--design_width) * 100vw);
  margin-inline: auto;
}

.lp__background {
  position: fixed;
  left: 0;
  width: 100%;
  display: block;
}
@media (max-width: 766px) {
  .lp__background {
    display: none;
  }
}
.lp__background .background__image {
  content: "";
  background-image: url("../../assets/images/background/background__pc.jpg");
  background-position: bottom left;
  background-repeat: no-repeat;
  background-size: cover;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}/*# sourceMappingURL=styles.css.map */