.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], [data-slide-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;
          animation-timing-function: ease;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

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

@keyframes fadeIn_anim {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.slide-up {
  opacity: 0;
}
.slide-up.is-show {
  -webkit-animation-name: slideUp_anim;
          animation-name: slideUp_anim;
  -webkit-animation-duration: 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);
  }
}
.blur-in {
  opacity: 0;
}
.blur-in.is-show {
  -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(6px);
            filter: blur(6px);
  }
  to {
    opacity: 1;
    -webkit-filter: blur(0);
            filter: blur(0);
  }
}

@keyframes blurIn_anim {
  from {
    opacity: 0;
    -webkit-filter: blur(6px);
            filter: blur(6px);
  }
  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: 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;
  opacity: 0;
}

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

@keyframes zoomOut_anime {
  from {
    -webkit-transform: scale(1.03);
            transform: scale(1.03);
    opacity: 0;
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
:root {
  --design_width: 1280;
}
@media (max-width: 767px) {
  :root {
    --design_width: 376;
  }
}
:root {
  --google-sans-: "Google Sans", sans-serif;
  --zen-kaku-gothic-new-regular: "Zen Kaku Gothic New", sans-serif;
  --zen-old-mincho-regular: "Zen Old Mincho", serif;
  --noto-sans-jp-: "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;
}

a,
button,
[role=button],
[tabindex] {
  -webkit-tap-highlight-color: transparent;
}

a:focus,
a:focus-visible,
button:focus,
button:focus-visible,
[role=button]:focus,
[role=button]:focus-visible,
[tabindex]:focus,
[tabindex]:focus-visible {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.button__base {
  display: block;
  width: auto;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.button__base:hover {
  cursor: pointer;
}
.button__base.cv__buy__button {
  position: fixed;
  right: calc(76 / var(--design_width) * 100vw);
  bottom: calc(35 / var(--design_width) * 100vw);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 100%;
  background: rgb(143, 156, 175);
  overflow: hidden;
  z-index: 999;
}
@media (max-width: 767px) {
  .button__base.cv__buy__button {
    right: calc(22 / var(--design_width) * 100vw);
    bottom: calc(14 / var(--design_width) * 100vw);
  }
}
.button__base.cv__buy__button img {
  width: calc(142 / var(--design_width) * 100vw);
  aspect-ratio: 1/1;
  pointer-events: none;
}
@media (max-width: 767px) {
  .button__base.cv__buy__button img {
    width: calc(100 / var(--design_width) * 100vw);
  }
}
.button__base.cv__buy__button:hover {
  background-color: var(--color-black);
}
.button__base.cv__button__seemore {
  position: relative;
  display: block;
  width: calc(194 / var(--design_width) * 100vw);
  margin-inline: auto;
  padding-block: calc(14.2 / var(--design_width) * 100vw);
  border: solid calc(1 / var(--design_width) * 100vw) #8F9CAF;
  border-radius: 999px;
  background-color: transparent;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.button__base.cv__button__seemore img {
  width: calc(105.69 / var(--design_width) * 100vw);
  margin-inline: auto;
  -webkit-filter: brightness(0) saturate(100%) invert(69%) sepia(11%) saturate(487%) hue-rotate(176deg) brightness(87%) contrast(90%);
          filter: brightness(0) saturate(100%) invert(69%) sepia(11%) saturate(487%) hue-rotate(176deg) brightness(87%) contrast(90%);
}
.button__base.cv__button__seemore:hover {
  background-color: #8F9CAF;
}
.button__base.cv__button__seemore:hover img {
  -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7492%) hue-rotate(125deg) brightness(96%) contrast(109%);
          filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7492%) hue-rotate(125deg) brightness(96%) contrast(109%);
}
.button__base.cv__button__product__detail {
  position: relative;
  display: block;
  width: calc(305 / var(--design_width) * 100vw);
  margin-inline: auto;
  padding-block: calc(16.4 / var(--design_width) * 100vw);
  border-radius: 999px;
  background-color: #8F9CAF;
}
@media (max-width: 767px) {
  .button__base.cv__button__product__detail {
    width: 100%;
  }
}
.button__base.cv__button__product__detail img {
  width: calc(173.89 / var(--design_width) * 100vw);
  margin-inline: auto;
}
.button__base.cv__button__product__detail:hover {
  background-color: var(--color-black);
}

.flex__r {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
}
@media (max-width: 767px) {
  .flex__r {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-pack: initial;
    -webkit-justify-content: initial;
        -ms-flex-pack: initial;
            justify-content: initial;
  }
}

.flex__r__r {
  -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;
}
@media (max-width: 767px) {
  .flex__r__r {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-pack: initial;
    -webkit-justify-content: initial;
        -ms-flex-pack: initial;
            justify-content: initial;
  }
}

.flex__c {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column nowrap;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
}
@media (max-width: 767px) {
  .flex__c {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-pack: initial;
    -webkit-justify-content: initial;
        -ms-flex-pack: initial;
            justify-content: initial;
  }
}

main {
  color: var(--color-black);
}

.lp__wrapper {
  position: relative;
  width: 100%;
  height: auto;
  background-color: var(--color-white);
}

.lp__mv {
  position: -webkit-sticky;
  position: sticky;
  width: 100%;
  background-color: #C5D5EC;
  inset: 0;
  container-type: inline-size;
  overflow: hidden;
  height: 100vh;
  max-height: calc(720 / var(--design_width) * 100vw);
}
@media (max-width: 767px) {
  .lp__mv {
    height: 100svh;
    max-height: initial;
  }
}
.lp__mv .logo__hamigakido,
.lp__mv .lp__title__sub,
.lp__mv .lp__title__en,
.lp__mv .lp__title__ja,
.lp__mv .mv__image {
  pointer-events: none;
}
.lp__mv[data-mainvisual=mv__top] .logo__hamigakido img,
.lp__mv[data-mainvisual=mv__top] .lp__title__sub img,
.lp__mv[data-mainvisual=mv__top] .lp__title__en img,
.lp__mv[data-mainvisual=mv__top] .lp__title__sub__en img,
.lp__mv[data-mainvisual=mv__top] .lp__title__ja img, .lp__mv[data-mainvisual=mv__story01] .logo__hamigakido img,
.lp__mv[data-mainvisual=mv__story01] .lp__title__sub img,
.lp__mv[data-mainvisual=mv__story01] .lp__title__en img,
.lp__mv[data-mainvisual=mv__story01] .lp__title__sub__en img,
.lp__mv[data-mainvisual=mv__story01] .lp__title__ja img, .lp__mv[data-mainvisual=mv__story02] .logo__hamigakido img,
.lp__mv[data-mainvisual=mv__story02] .lp__title__sub img,
.lp__mv[data-mainvisual=mv__story02] .lp__title__en img,
.lp__mv[data-mainvisual=mv__story02] .lp__title__sub__en img,
.lp__mv[data-mainvisual=mv__story02] .lp__title__ja img {
  -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(142deg) brightness(103%) contrast(103%);
          filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(142deg) brightness(103%) contrast(103%);
}
.lp__mv .nav__scroll {
  position: absolute;
  left: calc(100 / var(--design_width) * 100vw);
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: calc(14.4 / var(--design_width) * 100vw);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: calc(95 / var(--design_width) * 100vw);
  z-index: 1;
}
@media (max-width: 767px) {
  .lp__mv .nav__scroll {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    gap: calc(7.8 / var(--design_width) * 100vw);
    height: calc(62.33 / var(--design_width) * 100vw);
  }
}
.lp__mv .nav__scroll .scroll__title {
  position: relative;
}
.lp__mv .nav__scroll .scroll__title::after {
  content: "";
  position: absolute;
  background-image: url("../images/mv/icon__scroll.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: calc(10.91 / var(--design_width) * 100vw);
  height: calc(36.48 / var(--design_width) * 100vw);
}
@media (max-width: 767px) {
  .lp__mv .nav__scroll .scroll__title::after {
    width: calc(7.19 / var(--design_width) * 100vw);
    height: calc(24.04 / var(--design_width) * 100vw);
  }
}
.lp__mv .nav__scroll .scroll__button {
  position: relative;
}
.lp__mv .nav__scroll .scroll__button::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: calc(10 / var(--design_width) * 100vw);
  aspect-ratio: 1/1;
  display: inline-block;
  border-radius: 100%;
  background-color: var(--color-white);
  -webkit-animation: PointMove 1.8s ease-in-out infinite, PointMoveHide 1.8s ease-out infinite;
          animation: PointMove 1.8s ease-in-out infinite, PointMoveHide 1.8s ease-out infinite;
}
@-webkit-keyframes PointMove {
  0% {
    bottom: calc(95 / var(--design_width) * 100vw);
  }
  100% {
    bottom: 0;
  }
}
@keyframes PointMove {
  0% {
    bottom: calc(95 / var(--design_width) * 100vw);
  }
  100% {
    bottom: 0;
  }
}
@-webkit-keyframes PointMoveHide {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 0.9;
  }
  100% {
    opacity: 0;
  }
}
@keyframes PointMoveHide {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 0.9;
  }
  100% {
    opacity: 0;
  }
}
@media (max-width: 767px) {
  @-webkit-keyframes PointMove {
    0% {
      bottom: calc(62.33 / var(--design_width) * 100vw);
    }
    100% {
      bottom: 0;
    }
  }
  @keyframes PointMove {
    0% {
      bottom: calc(62.33 / var(--design_width) * 100vw);
    }
    100% {
      bottom: 0;
    }
  }
}
.lp__mv .nav__scroll .scroll__button::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: calc(1 / var(--design_width) * 100vw);
  height: calc(95 / var(--design_width) * 100vw);
  background-color: var(--color-white);
}
@media (max-width: 767px) {
  .lp__mv .nav__scroll .scroll__button::after {
    height: calc(62.33 / var(--design_width) * 100vw);
  }
}
.lp__mv .logo__hamigakido {
  position: absolute;
  top: calc(37.5 / var(--design_width) * 100vw);
  right: calc(55.7 / var(--design_width) * 100vw);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  z-index: 1;
}
.lp__mv .logo__hamigakido img {
  width: calc(115.67 / var(--design_width) * 100vw);
}
@media (max-width: 767px) {
  .lp__mv .logo__hamigakido {
    top: calc(14 / var(--design_width) * 100vw);
    right: initial;
    left: calc(14 / var(--design_width) * 100vw);
  }
  .lp__mv .logo__hamigakido img {
    width: calc(69.38 / var(--design_width) * 100vw);
  }
}
.lp__mv .lp__title__sub {
  position: absolute;
  top: calc(71 / var(--design_width) * 100vw);
  left: calc(89 / var(--design_width) * 100vw);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  z-index: 1;
}
.lp__mv .lp__title__sub img {
  width: calc(152 / var(--design_width) * 100vw);
}
@media (max-width: 767px) {
  .lp__mv .lp__title__sub {
    top: calc(18 / var(--design_width) * 100vw);
    left: initial;
    right: calc(17 / var(--design_width) * 100vw);
  }
  .lp__mv .lp__title__sub img {
    width: calc(120 / var(--design_width) * 100vw);
  }
}
.lp__mv .lp__title__en {
  position: absolute;
  left: calc(89 / var(--design_width) * 100vw);
  bottom: calc(208 / var(--design_width) * 100vw);
  display: grid;
  gap: calc(25 / var(--design_width) * 100vw);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  z-index: 1;
}
@media (max-width: 767px) {
  .lp__mv .lp__title__en {
    left: calc(26 / var(--design_width) * 100vw);
    bottom: calc(71 / var(--design_width) * 100vw);
    gap: calc(17 / var(--design_width) * 100vw);
    z-index: 1;
  }
}
.lp__mv .lp__title__en h1 span {
  display: block;
  position: relative;
}
.lp__mv .lp__title__en h1 span img {
  width: calc(509 / var(--design_width) * 100vw);
}
@media (max-width: 767px) {
  .lp__mv .lp__title__en h1 span img {
    width: calc(312 / var(--design_width) * 100vw);
  }
}
.lp__mv .lp__title__en .lp__title__sub__en {
  -webkit-padding-start: calc(5 / var(--design_width) * 100vw);
          padding-inline-start: calc(5 / var(--design_width) * 100vw);
}
@media (max-width: 767px) {
  .lp__mv .lp__title__en .lp__title__sub__en {
    -webkit-padding-start: initial;
            padding-inline-start: initial;
  }
}
.lp__mv .lp__title__en .lp__title__sub__en img {
  width: calc(160.77 / var(--design_width) * 100vw);
}
@media (max-width: 767px) {
  .lp__mv .lp__title__en .lp__title__sub__en img {
    width: calc(92.17 / var(--design_width) * 100vw);
  }
}
.lp__mv .lp__title__ja {
  position: absolute;
  top: calc(211 / var(--design_width) * 100vw);
  right: calc(100 / var(--design_width) * 100vw);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  z-index: 1;
}
@media (max-width: 767px) {
  .lp__mv .lp__title__ja {
    top: calc(43 / var(--design_width) * 100vw);
    right: calc(19 / var(--design_width) * 100vw);
  }
}
.lp__mv .lp__title__ja h2 span {
  display: block;
}
.lp__mv .lp__title__ja h2 span img {
  width: calc(26 / var(--design_width) * 100vw);
}
@media (max-width: 767px) {
  .lp__mv .lp__title__ja h2 span img {
    width: calc(18 / var(--design_width) * 100vw);
  }
}
.lp__mv picture {
  position: relative;
  display: block;
  overflow: hidden;
}
.lp__mv picture.mv__image {
  position: relative;
  display: block;
  height: auto;
  -webkit-margin-start: auto;
          margin-inline-start: auto;
}
@media (max-width: 767px) {
  .lp__mv picture.mv__image {
    height: 100svh;
  }
}
.lp__mv picture img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center top;
     object-position: center top;
  height: 100vh;
  max-height: calc(720 / var(--design_width) * 100vw);
}
@media (max-width: 767px) {
  .lp__mv picture img {
    height: 100svh;
    max-height: initial;
  }
}
.lp__mv[data-mainvisual=mv__top] picture.mv__image {
  width: 100%;
}
@media (max-width: 767px) {
  .lp__mv[data-mainvisual=mv__top] picture.mv__image {
    height: 100svh;
  }
}
.lp__mv[data-mainvisual=mv__story01] picture.mv__image, .lp__mv[data-mainvisual=mv__story02] picture.mv__image {
  width: 100%;
}
@media (max-width: 767px) {
  .lp__mv[data-mainvisual=mv__story01] picture.mv__image, .lp__mv[data-mainvisual=mv__story02] picture.mv__image {
    height: 100svh;
  }
}

.lp__container {
  position: relative;
  width: 100%;
  height: auto;
  container-type: inline-size;
  overflow: hidden;
  z-index: 10;
  background-color: var(--color-white);
}
.lp__container .lp__intro {
  position: relative;
  width: calc(848 / var(--design_width) * 100vw);
  margin-inline: auto;
  padding-block: calc(71 / var(--design_width) * 100vw) calc(0 / var(--design_width) * 100vw);
}
@media (max-width: 767px) {
  .lp__container .lp__intro {
    width: calc(347 / var(--design_width) * 100vw);
    padding-block: calc(37 / var(--design_width) * 100vw) calc(0 / var(--design_width) * 100vw);
  }
}
.lp__container .lp__intro .intro__container {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.lp__container .lp__intro .intro__container .intro__title {
  position: relative;
}
.lp__container .lp__intro .intro__container .intro__title h3 span {
  display: block;
  -webkit-padding-end: calc(196 / var(--design_width) * 100vw);
          padding-inline-end: calc(196 / var(--design_width) * 100vw);
}
@media (max-width: 767px) {
  .lp__container .lp__intro .intro__container .intro__title h3 span {
    -webkit-padding-end: calc(22 / var(--design_width) * 100vw);
            padding-inline-end: calc(22 / var(--design_width) * 100vw);
  }
}
.lp__container .lp__intro .intro__container .intro__title h3 span img {
  width: calc(54.34 / var(--design_width) * 100vw);
}
@media (max-width: 767px) {
  .lp__container .lp__intro .intro__container .intro__title h3 span img {
    width: calc(43.76 / var(--design_width) * 100vw);
  }
}
.lp__container .lp__intro .intro__container .intro__read {
  position: relative;
  width: calc(360 / var(--design_width) * 100vw);
  -webkit-padding-before: calc(140 / var(--design_width) * 100vw);
          padding-block-start: calc(140 / var(--design_width) * 100vw);
}
@media (max-width: 767px) {
  .lp__container .lp__intro .intro__container .intro__read {
    width: calc(226 / var(--design_width) * 100vw);
    -webkit-padding-before: calc(78 / var(--design_width) * 100vw);
            padding-block-start: calc(78 / var(--design_width) * 100vw);
    padding-inline: calc(14 / var(--design_width) * 100vw) calc(0 / var(--design_width) * 100vw);
  }
}
.lp__container .lp__intro .intro__container .intro__read p {
  font-family: var(--zen-old-mincho-regular);
  font-size: calc(13 / var(--design_width) * 100vw);
  font-weight: 400;
  line-height: 1.7692307692;
  letter-spacing: 0.02em;
}
.lp__container .lp__profile {
  position: relative;
  width: calc(848 / var(--design_width) * 100vw);
  margin-inline: auto;
  padding-block: calc(76 / var(--design_width) * 100vw) calc(0 / var(--design_width) * 100vw);
}
@media (max-width: 767px) {
  .lp__container .lp__profile {
    width: 100%;
    margin-inline: auto;
    padding-block: calc(50 / var(--design_width) * 100vw) calc(0 / var(--design_width) * 100vw);
  }
}
.lp__container .lp__profile .profile__container {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 767px) {
  .lp__container .lp__profile .profile__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-flow: column-reverse;
        -ms-flex-flow: column-reverse;
            flex-flow: column-reverse;
    -webkit-box-pack: initial;
    -webkit-justify-content: initial;
        -ms-flex-pack: initial;
            justify-content: initial;
  }
}
.lp__container .lp__profile .profile__container .profile__data {
  position: relative;
  -webkit-margin-before: auto;
          margin-block-start: auto;
  display: grid;
  gap: calc(18 / var(--design_width) * 100vw);
}
@media (max-width: 767px) {
  .lp__container .lp__profile .profile__container .profile__data {
    -webkit-margin-before: calc(26 / var(--design_width) * 100vw);
            margin-block-start: calc(26 / var(--design_width) * 100vw);
    margin-inline: auto;
  }
}
.lp__container .lp__profile .profile__container .profile__data .profile__title {
  position: relative;
  display: grid;
  gap: calc(8 / var(--design_width) * 100vw);
}
.lp__container .lp__profile .profile__container .profile__data .profile__title span {
  display: block;
  font-family: var(--zen-old-mincho-regular);
  font-weight: 700;
}
.lp__container .lp__profile .profile__container .profile__data .profile__title span.profile__job {
  font-size: calc(15 / var(--design_width) * 100vw);
  line-height: 1;
  letter-spacing: 0em;
}
.lp__container .lp__profile .profile__container .profile__data .profile__title span.profile__name {
  font-size: calc(26 / var(--design_width) * 100vw);
  line-height: 1;
  letter-spacing: 0.041em;
}
.lp__container .lp__profile .profile__container .profile__data .profile__detail {
  position: relative;
  width: calc(393 / var(--design_width) * 100vw);
  height: auto;
}
@media (max-width: 767px) {
  .lp__container .lp__profile .profile__container .profile__data .profile__detail {
    width: calc(314 / var(--design_width) * 100vw);
  }
}
.lp__container .lp__profile .profile__container .profile__data .profile__detail p {
  font-family: var(--noto-sans-jp-);
  font-weight: 400;
  font-size: calc(10 / var(--design_width) * 100vw);
  line-height: 1.7;
  letter-spacing: 0.033em;
}
.lp__container .lp__profile .profile__container .profile__main {
  position: relative;
  width: calc(356 / var(--design_width) * 100vw);
}
@media (max-width: 767px) {
  .lp__container .lp__profile .profile__container .profile__main {
    width: calc(304 / var(--design_width) * 100vw);
    margin-inline: auto;
  }
}
.lp__container .lp__profile .profile__container .profile__main span {
  display: block;
}
.lp__container .lp__profile .profile__container .profile__main span.profile__name__image {
  position: absolute;
  top: calc(-9 / var(--design_width) * 100vw);
  right: calc(-15 / var(--design_width) * 100vw);
  z-index: 1;
}
@media (max-width: 767px) {
  .lp__container .lp__profile .profile__container .profile__main span.profile__name__image {
    top: calc(-13 / var(--design_width) * 100vw);
    right: calc(-15 / var(--design_width) * 100vw);
  }
}
.lp__container .lp__profile .profile__container .profile__main span.profile__name__image img {
  width: calc(26.35 / var(--design_width) * 100vw);
}
@media (max-width: 767px) {
  .lp__container .lp__profile .profile__container .profile__main span.profile__name__image img {
    width: calc(22 / var(--design_width) * 100vw);
  }
}
.lp__container .lp__profile .profile__container .profile__main img.profile__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media (max-width: 767px) {
  .lp__container .lp__profile .profile__container .profile__main img.profile__image {
    width: calc(304 / var(--design_width) * 100vw);
  }
}
.lp__container .lp__story__index {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: calc(848 / var(--design_width) * 100vw);
  margin-inline: auto;
  padding-block: calc(93 / var(--design_width) * 100vw) calc(69 / var(--design_width) * 100vw);
}
@media (max-width: 767px) {
  .lp__container .lp__story__index {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    -webkit-box-pack: initial;
    -webkit-justify-content: initial;
        -ms-flex-pack: initial;
            justify-content: initial;
    width: 100%;
    padding-block: calc(57 / var(--design_width) * 100vw) calc(39 / var(--design_width) * 100vw);
  }
}
.lp__container .lp__story__index .story__wrapp {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: calc(5 / var(--design_width) * 100vw);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media (max-width: 767px) {
  .lp__container .lp__story__index .story__wrapp {
    gap: initial;
    margin-inline: auto;
  }
}
.lp__container .lp__story__index .story__wrapp .story__main {
  position: relative;
  width: calc(304 / var(--design_width) * 100vw);
  -webkit-padding-before: calc(43 / var(--design_width) * 100vw);
          padding-block-start: calc(43 / var(--design_width) * 100vw);
}
@media (max-width: 767px) {
  .lp__container .lp__story__index .story__wrapp .story__main {
    -webkit-padding-before: calc(39 / var(--design_width) * 100vw);
            padding-block-start: calc(39 / var(--design_width) * 100vw);
  }
}
.lp__container .lp__story__index .story__wrapp .story__main figure {
  position: relative;
  display: grid;
  gap: calc(26 / var(--design_width) * 100vw);
}
@media (max-width: 767px) {
  .lp__container .lp__story__index .story__wrapp .story__main figure {
    gap: calc(30 / var(--design_width) * 100vw);
  }
}
.lp__container .lp__story__index .story__wrapp .story__main figure.story__thmb {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.lp__container .lp__story__index .story__wrapp .story__main figure.story__thmb .video__container {
  width: calc(254 / var(--design_width) * 100vw);
  height: calc(452 / var(--design_width) * 100vw);
  margin-inline: auto;
  overflow: hidden;
}
@media (max-width: 767px) {
  .lp__container .lp__story__index .story__wrapp .story__main figure.story__thmb .video__container {
    width: calc(226 / var(--design_width) * 100vw);
    height: calc(402 / var(--design_width) * 100vw);
  }
}
@media (max-width: 767px) {
  .lp__container .lp__story__index .story__wrapp .story__main figure.story__thmb .video__container.video__style__01 {
    margin-inline: 0 auto;
  }
}
@media (max-width: 767px) {
  .lp__container .lp__story__index .story__wrapp .story__main figure.story__thmb .video__container.video__style__02 {
    margin-inline: auto 0;
  }
}
.lp__container .lp__story__index .story__wrapp .story__main figure figcaption {
  position: relative;
  -webkit-padding-after: calc(23 / var(--design_width) * 100vw);
          padding-block-end: calc(23 / var(--design_width) * 100vw);
}
.lp__container .lp__story__index .story__wrapp .story__main figure figcaption p {
  font-family: var(--zen-old-mincho-regular);
  font-weight: 400;
  font-size: calc(13 / var(--design_width) * 100vw);
  line-height: 1.7692307692;
  letter-spacing: 0em;
}
.lp__container .lp__story__index .story__wrapp .story__title {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media (max-width: 767px) {
  .lp__container .lp__story__index .story__wrapp .story__title {
    position: absolute;
  }
}
.lp__container .lp__intro__story {
  position: relative;
  width: calc(793 / var(--design_width) * 100vw);
  margin-inline: auto;
  padding-block: calc(110 / var(--design_width) * 100vw) calc(110 / var(--design_width) * 100vw);
}
@media (max-width: 767px) {
  .lp__container .lp__intro__story {
    width: 100%;
    padding-block: calc(43 / var(--design_width) * 100vw) calc(43 / var(--design_width) * 100vw);
  }
}
.lp__container .lp__intro__story .intro__read {
  position: relative;
  width: calc(534 / var(--design_width) * 100vw);
  margin-inline: auto;
}
@media (max-width: 767px) {
  .lp__container .lp__intro__story .intro__read {
    width: calc(283 / var(--design_width) * 100vw);
  }
}
.lp__container .lp__intro__story .intro__read p {
  font-family: var(--zen-old-mincho-regular);
  font-weight: 400;
  font-size: calc(13 / var(--design_width) * 100vw);
  line-height: 1.7692307692;
  letter-spacing: 0.02em;
}
.lp__container .lp__interview__container {
  position: relative;
  width: calc(793 / var(--design_width) * 100vw);
  margin-inline: auto;
  padding-block: calc(0 / var(--design_width) * 100vw) calc(65 / var(--design_width) * 100vw);
  overflow: hidden;
}
@media (max-width: 767px) {
  .lp__container .lp__interview__container {
    width: 100%;
    margin-inline: initial;
    padding-block: calc(0 / var(--design_width) * 100vw) calc(54 / var(--design_width) * 100vw);
  }
}
.lp__container .lp__interview__container .interview__wrapper {
  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 .lp__interview__container .interview__wrapper .interview__text {
  position: relative;
  display: grid;
  gap: calc(18 / var(--design_width) * 100vw);
  -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
          align-content: flex-start;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: initial;
}
@media (max-width: 767px) {
  .lp__container .lp__interview__container .interview__wrapper .interview__text {
    margin-inline: auto;
    padding-block: calc(54 / var(--design_width) * 100vw) calc(0 / var(--design_width) * 100vw);
  }
}
.lp__container .lp__interview__container .interview__wrapper .interview__text .interview__head {
  position: relative;
  width: calc(282 / var(--design_width) * 100vw);
  word-break: keep-all;
}
.lp__container .lp__interview__container .interview__wrapper .interview__text .interview__head h4 span {
  display: block;
  font-family: var(--zen-old-mincho-regular);
  font-weight: 400;
  font-size: calc(19 / var(--design_width) * 100vw);
  line-height: 1.6315789474;
  letter-spacing: 0em;
  text-box: trim-both cap alphabetic;
  color: #7A8DA8;
}
.lp__container .lp__interview__container .interview__wrapper .interview__text .interview__sentence {
  position: relative;
  width: calc(282 / var(--design_width) * 100vw);
}
.lp__container .lp__interview__container .interview__wrapper .interview__text .interview__sentence p {
  font-family: var(--zen-kaku-gothic-new-regular);
  font-weight: 400;
  font-size: calc(14 / var(--design_width) * 100vw);
  line-height: 1.8571428571;
  letter-spacing: 0em;
}
.lp__container .lp__interview__container .interview__wrapper.interview__main {
  -webkit-box-align: end;
  -webkit-align-items: end;
      -ms-flex-align: end;
          align-items: end;
}
.lp__container .lp__interview__container .interview__wrapper.interview__main .interview__image {
  position: relative;
  width: calc(433 / var(--design_width) * 100vw);
  height: auto;
}
@media (max-width: 767px) {
  .lp__container .lp__interview__container .interview__wrapper.interview__main .interview__image {
    width: 100%;
  }
}
.lp__container .lp__interview__container .interview__wrapper.interview__main .interview__image picture {
  overflow: hidden;
}
.lp__container .lp__interview__container .interview__wrapper.interview__main .interview__image picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media (max-width: 767px) {
  .lp__container .lp__interview__container .interview__wrapper.interview__normal {
    padding-block: calc(54 / var(--design_width) * 100vw) calc(0 / var(--design_width) * 100vw);
  }
}
.lp__container .lp__interview__container .interview__wrapper.interview__normal .interview__image {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
}
.lp__container .lp__interview__container .interview__wrapper.interview__normal .interview__image img {
  height: auto;
}
.lp__container .lp__product__story {
  position: relative;
  width: 100%;
  height: auto;
  padding-block: calc(66 / var(--design_width) * 100vw) calc(71 / var(--design_width) * 100vw);
  background-color: #F2F5F8;
}
@media (max-width: 767px) {
  .lp__container .lp__product__story {
    padding-block: calc(63 / var(--design_width) * 100vw) calc(63 / var(--design_width) * 100vw);
  }
}
.lp__container .lp__product__story .product__story__container {
  position: relative;
  display: grid;
  gap: calc(96 / var(--design_width) * 100vw);
  width: calc(793 / var(--design_width) * 100vw);
  margin-inline: auto;
  overflow: hidden;
}
@media (max-width: 767px) {
  .lp__container .lp__product__story .product__story__container {
    gap: calc(54 / var(--design_width) * 100vw);
    width: 100%;
  }
}
.lp__container .lp__product__story .product__story__container .product__story__wrapper {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.lp__container .lp__product__story .product__story__container .product__story__wrapper .product__story__main {
  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;
}
@media (max-width: 767px) {
  .lp__container .lp__product__story .product__story__container .product__story__wrapper .product__story__main {
    width: 100%;
  }
}
.lp__container .lp__product__story .product__story__container .product__story__wrapper .product__story__main .product__story__imgae {
  position: relative;
  height: auto;
  overflow: hidden;
}
.lp__container .lp__product__story .product__story__container .product__story__wrapper .product__story__main .product__story__imgae img {
  width: 100%;
  height: 100%;
}
.lp__container .lp__product__story .product__story__container .product__story__wrapper .product__story__main .product__story__title {
  position: relative;
}
.lp__container .lp__product__story .product__story__container .product__story__wrapper .product__story__main .product__story__title h4 span {
  display: block;
  height: auto;
}
.lp__container .lp__product__story .product__story__container .product__story__wrapper .product__story__main .product__story__title h4 span img {
  width: 100%;
  height: 100%;
}
.lp__container .lp__product__story .product__story__container .product__story__wrapper .product__story__basic {
  position: relative;
}
.lp__container .lp__product__story .product__story__container .product__story__wrapper .product__story__basic .product__story__imgae {
  position: relative;
  height: auto;
}
.lp__container .lp__product__story .product__story__container .product__story__wrapper .product__story__basic .product__story__imgae img {
  width: 100%;
  height: 100%;
}
.lp__container .lp__product__story .product__story__container .product__story__wrapper .product__story__text {
  position: relative;
  display: grid;
  gap: calc(18 / var(--design_width) * 100vw);
  -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
          align-content: flex-start;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: initial;
}
@media (max-width: 767px) {
  .lp__container .lp__product__story .product__story__container .product__story__wrapper .product__story__text {
    margin-inline: auto;
    padding-block: calc(54 / var(--design_width) * 100vw) calc(0 / var(--design_width) * 100vw);
  }
}
.lp__container .lp__product__story .product__story__container .product__story__wrapper .product__story__text .product__story__head {
  position: relative;
  word-break: keep-all;
}
.lp__container .lp__product__story .product__story__container .product__story__wrapper .product__story__text .product__story__head h4 span {
  display: block;
  font-family: var(--zen-old-mincho-regular);
  font-weight: 400;
  font-size: calc(19 / var(--design_width) * 100vw);
  line-height: 1.6315789474;
  letter-spacing: 0em;
  color: #7A8DA8;
}
.lp__container .lp__product__story .product__story__container .product__story__wrapper .product__story__text .product__story__sentence {
  position: relative;
}
.lp__container .lp__product__story .product__story__container .product__story__wrapper .product__story__text .product__story__sentence p {
  font-family: var(--zen-kaku-gothic-new-regular);
  font-weight: 400;
  font-size: calc(14 / var(--design_width) * 100vw);
  line-height: 1.8571428571;
  letter-spacing: 0em;
}
.lp__container .lp__product__story .br__remove {
  display: none !important;
}
@media (max-width: 767px) {
  .lp__container .lp__product__story .br__remove {
    display: inline !important;
  }
}

.lp__product__detail {
  position: relative;
  padding-block: calc(53 / var(--design_width) * 100vw) calc(53 / var(--design_width) * 100vw);
  color: #414141;
}
.lp__product__detail[data-product-detail=prdctdtl__top] {
  background-color: #F2F5F8;
}
.lp__product__detail[data-product-detail=prdctdtl__story] {
  background-color: var(--color-white);
}
@media (max-width: 767px) {
  .lp__product__detail {
    padding-block: calc(37 / var(--design_width) * 100vw) calc(37 / var(--design_width) * 100vw);
  }
}
.lp__product__detail .product__container {
  position: relative;
  width: calc(848 / var(--design_width) * 100vw);
  height: auto;
  margin-inline: auto;
  padding-inline: calc(55 / var(--design_width) * 100vw);
}
@media (max-width: 767px) {
  .lp__product__detail .product__container {
    width: 100%;
    height: auto;
    padding-inline: 0;
  }
}
.lp__product__detail .product__container .product__main {
  position: relative;
  width: calc(320 / var(--design_width) * 100vw);
  margin-inline: auto 0;
}
@media (max-width: 767px) {
  .lp__product__detail .product__container .product__main {
    position: relative;
    margin-inline: auto;
  }
}
.lp__product__detail .product__container .product__main .product__head {
  position: relative;
  display: grid;
  gap: calc(16 / var(--design_width) * 100vw);
}
.lp__product__detail .product__container .product__main .product__head .product__title {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.lp__product__detail .product__container .product__main .product__head .product__title img {
  width: calc(152 / var(--design_width) * 100vw);
}
.lp__product__detail .product__container .product__main .product__head .product__name {
  position: relative;
  display: grid;
  gap: calc(14 / var(--design_width) * 100vw);
}
.lp__product__detail .product__container .product__main .product__head .product__name .product__name__info {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.lp__product__detail .product__container .product__main .product__head .product__name .product__name__info span {
  display: block;
  font-family: var(--zen-kaku-gothic-new-regular);
  font-weight: 700;
  letter-spacing: 0em;
  text-box: trim-both cap alphabetic;
}
.lp__product__detail .product__container .product__main .product__head .product__name .product__name__info span.name__info__01 {
  font-size: calc(10 / var(--design_width) * 100vw);
  line-height: 1;
  color: #A5A5A5;
}
.lp__product__detail .product__container .product__main .product__head .product__name .product__name__info span.name__info__02 {
  font-size: calc(14 / var(--design_width) * 100vw);
  line-height: 1;
}
.lp__product__detail .product__container .product__main .product__head .product__name .product__name__item {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-padding-after: calc(8 / var(--design_width) * 100vw);
          padding-block-end: calc(8 / var(--design_width) * 100vw);
  border-bottom: solid calc(1 / var(--design_width) * 100vw) #414141;
}
.lp__product__detail .product__container .product__main .product__head .product__name .product__name__item span {
  display: block;
  font-weight: 700;
  letter-spacing: 0em;
  text-box: trim-both cap alphabetic;
}
.lp__product__detail .product__container .product__main .product__head .product__name .product__name__item span.name__item__main {
  font-family: var(--zen-kaku-gothic-new-regular);
  font-size: calc(16 / var(--design_width) * 100vw);
  line-height: 1;
}
.lp__product__detail .product__container .product__main .product__head .product__name .product__name__item span.name__item__data {
  font-family: var(--google-sans-);
  font-size: calc(16 / var(--design_width) * 100vw);
  line-height: 1;
}
.lp__product__detail .product__container .product__main .product__head .product__function {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.lp__product__detail .product__container .product__main .product__head .product__function span {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.lp__product__detail .product__container .product__main .product__head .product__function span.icon__function img.fnc__01 {
  width: calc(175.29 / var(--design_width) * 100vw);
}
.lp__product__detail .product__container .product__main .product__head .product__function span.icon__function img.fnc__02 {
  width: calc(83.57 / var(--design_width) * 100vw);
}
.lp__product__detail .product__container .product__main .product__head .product__function span.icon__function img.fnc__03 {
  width: calc(54.01 / var(--design_width) * 100vw);
}
.lp__product__detail .product__container .product__main .product__head .product__desc {
  position: relative;
  display: grid;
  gap: calc(20 / var(--design_width) * 100vw);
}
.lp__product__detail .product__container .product__main .product__head .product__desc p {
  font-family: var(--zen-kaku-gothic-new-regular);
  line-height: 1.6153846154;
  letter-spacing: 0.014em;
}
.lp__product__detail .product__container .product__main .product__head .product__desc p.desc__main {
  font-size: calc(13 / var(--design_width) * 100vw);
  font-weight: 500;
}
.lp__product__detail .product__container .product__main .product__head .product__desc p.desc__normal {
  font-size: calc(12 / var(--design_width) * 100vw);
  font-weight: 400;
}
.lp__product__detail .product__container .product__image {
  position: absolute;
  top: 0;
  left: auto;
  width: calc(376 / var(--design_width) * 100vw);
  height: calc(537 / var(--design_width) * 100vw);
  overflow: hidden;
}
@media (max-width: 767px) {
  .lp__product__detail .product__container .product__image {
    position: relative;
    top: initial;
    left: initial;
    width: 100%;
    height: auto;
    aspect-ratio: 376/537;
    margin-block: calc(34 / var(--design_width) * 100vw) calc(41 / var(--design_width) * 100vw);
  }
}
.lp__product__detail .product__container .product__image span {
  position: absolute;
  top: calc(21 / var(--design_width) * 100vw);
  right: calc(25 / var(--design_width) * 100vw);
  display: block;
  z-index: 1;
}
.lp__product__detail .product__container .product__image span.product__image__title img {
  width: calc(19 / var(--design_width) * 100vw);
  height: auto;
}
.lp__product__detail .product__container .product__image > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.lp__product__detail .product__container .product__detail {
  position: relative;
  width: calc(320 / var(--design_width) * 100vw);
  margin-inline: auto 0;
  -webkit-padding-before: calc(36 / var(--design_width) * 100vw);
          padding-block-start: calc(36 / var(--design_width) * 100vw);
}
@media (max-width: 767px) {
  .lp__product__detail .product__container .product__detail {
    width: calc(305 / var(--design_width) * 100vw);
    margin-inline: auto;
    -webkit-padding-before: initial;
            padding-block-start: initial;
  }
}
.lp__product__detail .product__container .product__detail ul {
  position: relative;
  width: calc(305 / var(--design_width) * 100vw);
  margin-inline: auto;
  border-top: solid calc(1 / var(--design_width) * 100vw) #A7A7A7;
}
@media (max-width: 767px) {
  .lp__product__detail .product__container .product__detail ul {
    width: 100%;
  }
}
.lp__product__detail .product__container .product__detail ul.product__accordion {
  -webkit-padding-after: calc(30 / var(--design_width) * 100vw);
          padding-block-end: calc(30 / var(--design_width) * 100vw);
}
.lp__product__detail .product__container .product__detail ul.product__accordion li {
  position: relative;
  border-bottom: solid calc(1 / var(--design_width) * 100vw) #A7A7A7;
}
.lp__product__detail .product__container .product__detail ul.product__accordion li button {
  width: 100%;
  position: relative;
  padding-block: calc(14 / var(--design_width) * 100vw);
  padding-inline: calc(10 / var(--design_width) * 100vw) calc(13 / var(--design_width) * 100vw);
}
.lp__product__detail .product__container .product__detail ul.product__accordion li button::after {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
  content: "";
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-inline: calc(13 / var(--design_width) * 100vw);
  background-image: url("../images/common/icon__open.svg");
  width: calc(12 / var(--design_width) * 100vw);
  aspect-ratio: 1/1;
}
.lp__product__detail .product__container .product__detail ul.product__accordion li button.button__accordion {
  position: relative;
  font-family: var(--zen-kaku-gothic-new-regular);
  font-weight: 700;
  font-size: calc(12 / var(--design_width) * 100vw);
  line-height: 1;
  letter-spacing: 0em;
  text-box: trim-both cap alphabetic;
  text-align: left;
}
.lp__product__detail .product__container .product__detail ul.product__accordion li button.button__accordion[aria-expanded=true]::after {
  background-image: url("../images/common/icon__close.svg");
  width: calc(12 / var(--design_width) * 100vw);
  aspect-ratio: 1/1;
}
.lp__product__detail .product__container .product__detail ul.product__accordion li .product__accordion__panel {
  display: grid;
  grid-template-rows: 0fr;
  visibility: hidden;
  -webkit-transition: grid-template-rows 0.6s ease, visibility 0s linear 0.6s;
  transition: grid-template-rows 0.6s ease, visibility 0s linear 0.6s;
  transition: grid-template-rows 0.6s ease, visibility 0s linear 0.6s, -ms-grid-rows 0.6s ease;
}
.lp__product__detail .product__container .product__detail ul.product__accordion li .product__accordion__panel.is-open {
  grid-template-rows: 1fr;
  visibility: visible;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.lp__product__detail .product__container .product__detail ul.product__accordion li .product__accordion__inner {
  min-height: 0;
  overflow: hidden;
}
.lp__product__detail .product__container .product__detail ul.product__accordion li .detail__container {
  position: relative;
  padding-block: calc(0 / var(--design_width) * 100vw) calc(32 / var(--design_width) * 100vw);
  padding-inline: calc(10 / var(--design_width) * 100vw);
}
.lp__product__detail .product__container .product__detail ul.product__accordion li .detail__container p {
  font-family: var(--zen-kaku-gothic-new-regular);
  font-weight: 400;
  font-size: calc(12 / var(--design_width) * 100vw);
  line-height: 1.9166666667;
  letter-spacing: 0em;
  text-align: left;
}

.lp__story__archive {
  position: relative;
  width: 100%;
  height: auto;
  padding-block: calc(81 / var(--design_width) * 100vw) calc(57 / var(--design_width) * 100vw);
  background-color: #F2F5F8;
}
@media (max-width: 767px) {
  .lp__story__archive {
    padding-block: calc(72 / var(--design_width) * 100vw) calc(46 / var(--design_width) * 100vw);
  }
}
.lp__story__archive .story__archive__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;
  -webkit-box-align: end;
  -webkit-align-items: end;
      -ms-flex-align: end;
          align-items: end;
  width: calc(675 / var(--design_width) * 100vw);
  margin-inline: auto;
}
@media (max-width: 767px) {
  .lp__story__archive .story__archive__container {
    -webkit-box-pack: initial;
    -webkit-justify-content: initial;
        -ms-flex-pack: initial;
            justify-content: initial;
    -webkit-box-align: initial;
    -webkit-align-items: initial;
        -ms-flex-align: initial;
            align-items: initial;
    width: calc(304 / var(--design_width) * 100vw);
    margin-inline: auto;
  }
}
.lp__story__archive .story__archive__container figure {
  position: relative;
  display: block;
}
.lp__story__archive .story__archive__container figure.archive__main {
  width: 100%;
}
.lp__story__archive .story__archive__container figure.archive__main span {
  position: absolute;
  display: block;
  z-index: 1;
}
.lp__story__archive .story__archive__container figure.archive__main span.story__title img {
  width: 100%;
}
.lp__story__archive .story__archive__container figure.archive__main .archive__image {
  position: relative;
  display: block;
  width: calc(277 / var(--design_width) * 100vw);
  aspect-ratio: 277/493;
}
@media (max-width: 767px) {
  .lp__story__archive .story__archive__container figure.archive__main .archive__image {
    width: calc(226 / var(--design_width) * 100vw);
    aspect-ratio: 226/402;
  }
}
.lp__story__archive .story__archive__container figure.archive__main .archive__image span {
  position: absolute;
  display: block;
  z-index: 1;
}
.lp__story__archive .story__archive__container figure.archive__main .archive__image span.story__head img {
  width: 100%;
}
.lp__story__archive .story__archive__container figure.archive__main .archive__image picture {
  display: block;
  overflow: hidden;
  pointer-events: none;
}
.lp__story__archive .story__archive__container figure.archive__main .archive__image picture img {
  display: block;
  width: 100%;
  height: auto;
}
.lp__story__archive .story__archive__container figure.archive__main .archive__image .comingsoon__archive {
  position: absolute;
  inset: 0;
  width: calc(277 / var(--design_width) * 100vw);
  aspect-ratio: 277/493;
  overflow: hidden;
}
@media (max-width: 767px) {
  .lp__story__archive .story__archive__container figure.archive__main .archive__image .comingsoon__archive {
    width: calc(226 / var(--design_width) * 100vw);
    aspect-ratio: 226/402;
  }
}
.lp__story__archive .story__archive__container figure.archive__main .archive__image .comingsoon__archive::before, .lp__story__archive .story__archive__container figure.archive__main .archive__image .comingsoon__archive::after {
  content: "";
}
.lp__story__archive .story__archive__container figure.archive__main .archive__image .comingsoon__archive::before {
  position: absolute;
  background-image: url("../images/common/comingsoon.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  inset: 0;
  width: calc(277 / var(--design_width) * 100vw);
  aspect-ratio: 277/493;
  z-index: 2;
}
@media (max-width: 767px) {
  .lp__story__archive .story__archive__container figure.archive__main .archive__image .comingsoon__archive::before {
    width: calc(226 / var(--design_width) * 100vw);
    aspect-ratio: 226/402;
  }
}
.lp__story__archive .story__archive__container figure.archive__main .archive__image .comingsoon__archive::after {
  position: absolute;
  inset: 0;
  background-color: #7C899D;
  mix-blend-mode: multiply;
  width: calc(277 / var(--design_width) * 100vw);
  aspect-ratio: 277/493;
  z-index: 1;
}
@media (max-width: 767px) {
  .lp__story__archive .story__archive__container figure.archive__main .archive__image .comingsoon__archive::after {
    width: calc(226 / var(--design_width) * 100vw);
    aspect-ratio: 226/402;
  }
}
.lp__story__archive .story__archive__container figure figcaption {
  position: absolute;
  bottom: 0;
  display: grid;
  width: calc(304 / var(--design_width) * 100vw);
}
@media (max-width: 767px) {
  .lp__story__archive .story__archive__container figure figcaption {
    position: relative;
    bottom: initial;
    width: 100%;
    -webkit-padding-before: calc(39 / var(--design_width) * 100vw);
            padding-block-start: calc(39 / var(--design_width) * 100vw);
  }
}
.lp__story__archive .story__archive__container figure figcaption p {
  font-family: var(--zen-old-mincho-regular);
  font-weight: 400;
  font-size: calc(13 / var(--design_width) * 100vw);
  line-height: 1.7692307692;
  letter-spacing: 0em;
}

[data-archive-status=archive-released] .comingsoon__archive {
  display: none;
}
[data-archive-status=archive-released] figcaption a.button__base, [data-archive-status=archive-released] figcaption a.cv__button__seemore {
  display: block;
  pointer-events: auto;
}

[data-archive-status=archive-comingsoon] .comingsoon__archive {
  display: block;
}
[data-archive-status=archive-comingsoon] figcaption a.button__base, [data-archive-status=archive-comingsoon] figcaption a.cv__button__seemore {
  display: none;
  pointer-events: none;
}

.lp__story__archive[data-story__archive=archive-01] .story__archive__container figure.archive__main span.story__title {
  top: calc(-24 / var(--design_width) * 100vw);
  right: calc(36 / var(--design_width) * 100vw);
  width: calc(57.02 / var(--design_width) * 100vw);
}
@media (max-width: 767px) {
  .lp__story__archive[data-story__archive=archive-01] .story__archive__container figure.archive__main span.story__title {
    top: calc(-39 / var(--design_width) * 100vw);
    right: calc(0 / var(--design_width) * 100vw);
  }
}
.lp__story__archive[data-story__archive=archive-01] .story__archive__container figure.archive__main .archive__image {
  margin-inline: 0 auto;
}
@media (max-width: 767px) {
  .lp__story__archive[data-story__archive=archive-01] .story__archive__container figure.archive__main .archive__image {
    margin-inline: 0 auto;
  }
}
.lp__story__archive[data-story__archive=archive-01] .story__archive__container figure.archive__main .archive__image span.story__head {
  top: calc(-24 / var(--design_width) * 100vw);
  left: calc(-18 / var(--design_width) * 100vw);
  width: calc(114.4 / var(--design_width) * 100vw);
  mix-blend-mode: multiply;
}
@media (max-width: 767px) {
  .lp__story__archive[data-story__archive=archive-01] .story__archive__container figure.archive__main .archive__image span.story__head {
    top: calc(-39 / var(--design_width) * 100vw);
    left: calc(-11 / var(--design_width) * 100vw);
    width: calc(114.4 / var(--design_width) * 100vw);
  }
}
.lp__story__archive[data-story__archive=archive-01] .story__archive__container figcaption {
  gap: calc(26 / var(--design_width) * 100vw);
  right: 0;
}
@media (max-width: 767px) {
  .lp__story__archive[data-story__archive=archive-01] .story__archive__container figcaption {
    right: 0;
    bottom: 0;
  }
}
.lp__story__archive[data-story__archive=archive-02] .story__archive__container figure.archive__main span.story__title {
  top: calc(-26 / var(--design_width) * 100vw);
  left: calc(28 / var(--design_width) * 100vw);
  width: calc(56.59 / var(--design_width) * 100vw);
}
@media (max-width: 767px) {
  .lp__story__archive[data-story__archive=archive-02] .story__archive__container figure.archive__main span.story__title {
    top: calc(-38 / var(--design_width) * 100vw);
    left: calc(0 / var(--design_width) * 100vw);
  }
}
.lp__story__archive[data-story__archive=archive-02] .story__archive__container figure.archive__main .archive__image {
  margin-inline: auto 0;
}
@media (max-width: 767px) {
  .lp__story__archive[data-story__archive=archive-02] .story__archive__container figure.archive__main .archive__image {
    margin-inline: auto 0;
  }
}
.lp__story__archive[data-story__archive=archive-02] .story__archive__container figure.archive__main .archive__image span.story__head {
  top: calc(-26 / var(--design_width) * 100vw);
  right: calc(-31 / var(--design_width) * 100vw);
  width: calc(119.12 / var(--design_width) * 100vw);
}
@media (max-width: 767px) {
  .lp__story__archive[data-story__archive=archive-02] .story__archive__container figure.archive__main .archive__image span.story__head {
    top: calc(-28 / var(--design_width) * 100vw);
    right: calc(-19 / var(--design_width) * 100vw);
    width: calc(119.12 / var(--design_width) * 100vw);
  }
}
.lp__story__archive[data-story__archive=archive-02] .story__archive__container figcaption {
  gap: calc(26 / var(--design_width) * 100vw);
  left: 0;
}
@media (max-width: 767px) {
  .lp__story__archive[data-story__archive=archive-02] .story__archive__container figcaption {
    left: 0;
    bottom: 0;
  }
}

.lp__footer {
  position: relative;
  width: 100%;
  height: auto;
  background-color: var(--color-white);
  color: var(--color-black);
  overflow: hidden;
  pointer-events: none;
}
.lp__footer[data-footer=footer-story-01] {
  color: var(--color-white);
}
.lp__footer[data-footer=footer-story-01] .logo__hamigakido img,
.lp__footer[data-footer=footer-story-01] .footer__title__en img,
.lp__footer[data-footer=footer-story-01] .footer__title__ja img {
  -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(142deg) brightness(103%) contrast(103%);
          filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(142deg) brightness(103%) contrast(103%);
}
.lp__footer .footer__container {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: calc(848 / var(--design_width) * 100vw);
  height: 100%;
  z-index: 1;
}
@media (max-width: 767px) {
  .lp__footer .footer__container {
    width: 100%;
    height: 100%;
  }
}
.lp__footer .footer__container .logo__hamigakido {
  position: absolute;
  top: calc(16 / var(--design_width) * 100vw);
  left: calc(36.2 / var(--design_width) * 100vw);
  z-index: 1;
}
@media (max-width: 767px) {
  .lp__footer .footer__container .logo__hamigakido {
    top: calc(19.1 / var(--design_width) * 100vw);
    left: initial;
    right: calc(19.1 / var(--design_width) * 100vw);
    z-index: 1;
  }
}
.lp__footer .footer__container .logo__hamigakido img {
  width: calc(67.58 / var(--design_width) * 100vw);
}
@media (max-width: 767px) {
  .lp__footer .footer__container .logo__hamigakido img {
    width: calc(67.58 / var(--design_width) * 100vw);
  }
}
.lp__footer .footer__container .footer__title__en {
  position: absolute;
  left: calc(40 / var(--design_width) * 100vw);
  bottom: calc(76 / var(--design_width) * 100vw);
  display: grid;
  gap: calc(17 / var(--design_width) * 100vw);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  z-index: 1;
}
@media (max-width: 767px) {
  .lp__footer .footer__container .footer__title__en {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    bottom: calc(66 / var(--design_width) * 100vw);
    gap: calc(16 / var(--design_width) * 100vw);
    width: calc(315 / var(--design_width) * 100vw);
  }
}
.lp__footer .footer__container .footer__title__en span {
  position: relative;
  display: block;
}
.lp__footer .footer__container .footer__title__en span.footer__ttl__en img {
  width: calc(315 / var(--design_width) * 100vw);
}
.lp__footer .footer__container .footer__title__en .footer__title__sub__en img {
  width: calc(92.17 / var(--design_width) * 100vw);
}
.lp__footer .footer__container .footer__title__ja {
  position: absolute;
  top: calc(35 / var(--design_width) * 100vw);
  right: calc(28 / var(--design_width) * 100vw);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  z-index: 1;
}
@media (max-width: 767px) {
  .lp__footer .footer__container .footer__title__ja {
    top: calc(23 / var(--design_width) * 100vw);
    left: calc(23 / var(--design_width) * 100vw);
    right: initial;
  }
}
.lp__footer .footer__container .footer__title__ja span {
  position: relative;
  display: block;
}
.lp__footer .footer__container .footer__title__ja span.footer__ttl__ja img {
  width: calc(19 / var(--design_width) * 100vw);
}
.lp__footer .footer__container .copyrights {
  position: absolute;
  left: calc(40 / var(--design_width) * 100vw);
  bottom: calc(20 / var(--design_width) * 100vw);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  z-index: 1;
}
@media (max-width: 767px) {
  .lp__footer .footer__container .copyrights {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    bottom: calc(20 / var(--design_width) * 100vw);
  }
}
.lp__footer .footer__container .copyrights span {
  display: block;
  font-family: var(--zen-kaku-gothic-new-regular);
  font-weight: 400;
  font-size: calc(9 / var(--design_width) * 100vw);
  line-height: 1;
  letter-spacing: 0.027em;
  text-align: center;
}
.lp__footer .footer__image {
  width: 100%;
  height: auto;
  aspect-ratio: 1280/379;
}
@media (max-width: 767px) {
  .lp__footer .footer__image {
    aspect-ratio: 376/600;
  }
}
.lp__footer .footer__image picture {
  display: block;
  width: 100%;
  height: 100%;
}
.lp__footer .footer__image picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.story__wrapp[data-released-status=comingsoon] .cv__button__seemore {
  display: none;
  pointer-events: none;
}
.story__wrapp[data-released-status=comingsoon] .video__container {
  width: calc(254 / var(--design_width) * 100vw);
  height: calc(452 / var(--design_width) * 100vw);
  margin-inline: auto;
  overflow: hidden;
}
@media (max-width: 767px) {
  .story__wrapp[data-released-status=comingsoon] .video__container {
    width: calc(226 / var(--design_width) * 100vw);
    height: calc(402 / var(--design_width) * 100vw);
  }
}
.story__wrapp[data-released-status=comingsoon] .video__container::before, .story__wrapp[data-released-status=comingsoon] .video__container::after {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: calc(254 / var(--design_width) * 100vw);
  height: calc(452 / var(--design_width) * 100vw);
}
@media (max-width: 767px) {
  .story__wrapp[data-released-status=comingsoon] .video__container::before, .story__wrapp[data-released-status=comingsoon] .video__container::after {
    left: initial;
    -webkit-transform: initial;
            transform: initial;
    width: calc(226 / var(--design_width) * 100vw);
    height: calc(402 / var(--design_width) * 100vw);
  }
}
.story__wrapp[data-released-status=comingsoon] .video__container::before {
  content: "";
  background-image: url("../images/common/comingsoon.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 1;
}
.story__wrapp[data-released-status=comingsoon] .video__container::after {
  content: "";
  background-color: #7C899D;
  mix-blend-mode: multiply;
}
.story__wrapp[data-released-status=comingsoon] .video__container video {
  display: none;
}
.story__wrapp[data-released-status=comingsoon] .video__container img.video__comingsoon__image {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.story__wrapp[data-released-status=released] .cv__button__seemore {
  display: block;
  pointer-events: initial;
}
.story__wrapp[data-released-status=released] .video__container {
  width: calc(254 / var(--design_width) * 100vw);
  height: calc(452 / var(--design_width) * 100vw);
  margin-inline: auto;
  overflow: hidden;
}
.story__wrapp[data-released-status=released] .video__container video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.story__wrapp[data-released-status=released] .video__container img.video__comingsoon__image {
  display: none;
}
.story__wrapp.story__01 {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
}
.story__wrapp.story__01 .story__thmb span {
  position: absolute;
  top: calc(-43 / var(--design_width) * 100vw);
  left: calc(17 / var(--design_width) * 100vw);
  display: block;
  z-index: 1;
}
@media (max-width: 767px) {
  .story__wrapp.story__01 .story__thmb span {
    top: calc(-39 / var(--design_width) * 100vw);
    left: calc(-7 / var(--design_width) * 100vw);
  }
}
.story__wrapp.story__01 .story__head img {
  width: calc(109 / var(--design_width) * 100vw);
}
@media (max-width: 767px) {
  .story__wrapp.story__01 .story__head img {
    width: calc(97 / var(--design_width) * 100vw);
  }
}
.story__wrapp.story__01 .story__title {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media (max-width: 767px) {
  .story__wrapp.story__01 .story__title {
    right: 0;
  }
}
.story__wrapp.story__01 .story__title img {
  width: calc(57.02 / var(--design_width) * 100vw);
}
@media (max-width: 767px) {
  .story__wrapp.story__01 .story__title img {
    width: calc(57.02 / var(--design_width) * 100vw);
  }
}
.story__wrapp.story__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-before: calc(355 / var(--design_width) * 100vw);
          padding-block-start: calc(355 / var(--design_width) * 100vw);
}
@media (max-width: 767px) {
  .story__wrapp.story__02 {
    -webkit-padding-before: calc(63 / var(--design_width) * 100vw);
            padding-block-start: calc(63 / var(--design_width) * 100vw);
  }
}
.story__wrapp.story__02 .story__thmb span {
  position: absolute;
  top: calc(-43 / var(--design_width) * 100vw);
  right: calc(12 / var(--design_width) * 100vw);
  display: block;
  z-index: 1;
}
@media (max-width: 767px) {
  .story__wrapp.story__02 .story__thmb span {
    top: calc(-38 / var(--design_width) * 100vw);
    right: calc(-14 / var(--design_width) * 100vw);
  }
}
.story__wrapp.story__02 .story__head img {
  width: calc(114 / var(--design_width) * 100vw);
}
@media (max-width: 767px) {
  .story__wrapp.story__02 .story__head img {
    width: calc(101 / var(--design_width) * 100vw);
  }
}
.story__wrapp.story__02 .story__title {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media (max-width: 767px) {
  .story__wrapp.story__02 .story__title {
    left: 0;
  }
}
.story__wrapp.story__02 .story__title img {
  width: calc(56.59 / var(--design_width) * 100vw);
}
@media (max-width: 767px) {
  .story__wrapp.story__02 .story__title img {
    width: calc(57.02 / var(--design_width) * 100vw);
  }
}

.interview__main {
  margin-block: calc(0 / var(--design_width) * 100vw) calc(133 / var(--design_width) * 100vw);
}
@media (max-width: 767px) {
  .interview__main {
    margin-block: calc(0 / var(--design_width) * 100vw) calc(0 / var(--design_width) * 100vw);
  }
}

[data-interview=interview__story__01] .interview__normal.intvwimg__stry01__01 {
  padding-block: calc(0 / var(--design_width) * 100vw) calc(0 / var(--design_width) * 100vw);
}
@media (max-width: 767px) {
  [data-interview=interview__story__01] .interview__normal.intvwimg__stry01__01 .interview__image {
    margin-inline: 0 auto;
  }
}
[data-interview=interview__story__01] .interview__normal.intvwimg__stry01__01 .interview__image img {
  width: calc(337 / var(--design_width) * 100vw);
}
@media (max-width: 767px) {
  [data-interview=interview__story__01] .interview__normal.intvwimg__stry01__01 .interview__image img {
    width: calc(301 / var(--design_width) * 100vw);
  }
}
[data-interview=interview__story__01] .interview__normal.intvwimg__stry01__02 {
  padding-block: calc(62 / var(--design_width) * 100vw) calc(0 / var(--design_width) * 100vw);
}
@media (max-width: 767px) {
  [data-interview=interview__story__01] .interview__normal.intvwimg__stry01__02 .interview__image {
    margin-inline: auto;
  }
}
[data-interview=interview__story__01] .interview__normal.intvwimg__stry01__02 .interview__image img {
  width: calc(393 / var(--design_width) * 100vw);
}
@media (max-width: 767px) {
  [data-interview=interview__story__01] .interview__normal.intvwimg__stry01__02 .interview__image img {
    width: calc(306 / var(--design_width) * 100vw);
  }
}
[data-interview=interview__story__01] .interview__normal.intvwimg__stry01__02 .interview__text {
  margin-block: calc(80 / var(--design_width) * 100vw) calc(0 / var(--design_width) * 100vw);
}
@media (max-width: 767px) {
  [data-interview=interview__story__01] .interview__normal.intvwimg__stry01__02 .interview__text {
    margin-block: calc(0 / var(--design_width) * 100vw) calc(0 / var(--design_width) * 100vw);
  }
}
[data-interview=interview__story__01] .interview__normal.intvwimg__stry01__02 .interview__text .interview__head {
  width: calc(295 / var(--design_width) * 100vw);
}
[data-interview=interview__story__01] .interview__normal.intvwimg__stry01__02 .interview__text .interview__sentence {
  width: calc(295 / var(--design_width) * 100vw);
}
[data-interview=interview__story__01] .interview__normal.intvwimg__stry01__03 {
  padding-block: calc(100 / var(--design_width) * 100vw) calc(0 / var(--design_width) * 100vw);
}
@media (max-width: 767px) {
  [data-interview=interview__story__01] .interview__normal.intvwimg__stry01__03 .interview__image {
    margin-inline: auto 0;
  }
}
[data-interview=interview__story__01] .interview__normal.intvwimg__stry01__03 .interview__image img {
  width: calc(295 / var(--design_width) * 100vw);
}
@media (max-width: 767px) {
  [data-interview=interview__story__01] .interview__normal.intvwimg__stry01__03 .interview__image img {
    width: calc(295 / var(--design_width) * 100vw);
  }
}
[data-interview=interview__story__01] .interview__normal.intvwimg__stry01__03 .interview__text {
  margin-block: calc(-27 / var(--design_width) * 100vw) calc(0 / var(--design_width) * 100vw);
}
@media (max-width: 767px) {
  [data-interview=interview__story__01] .interview__normal.intvwimg__stry01__03 .interview__text {
    margin-block: calc(0 / var(--design_width) * 100vw) calc(0 / var(--design_width) * 100vw);
  }
}
[data-interview=interview__story__01] .interview__normal.intvwimg__stry01__04 {
  padding-block: calc(100 / var(--design_width) * 100vw) calc(0 / var(--design_width) * 100vw);
}
@media (max-width: 767px) {
  [data-interview=interview__story__01] .interview__normal.intvwimg__stry01__04 .interview__image {
    margin-inline: auto;
  }
}
[data-interview=interview__story__01] .interview__normal.intvwimg__stry01__04 .interview__image img {
  width: calc(295 / var(--design_width) * 100vw);
}
@media (max-width: 767px) {
  [data-interview=interview__story__01] .interview__normal.intvwimg__stry01__04 .interview__image img {
    width: calc(295 / var(--design_width) * 100vw);
  }
}
[data-interview=interview__story__01] .interview__normal.intvwimg__stry01__04 .interview__text {
  margin-block: calc(-27 / var(--design_width) * 100vw) calc(0 / var(--design_width) * 100vw);
}
@media (max-width: 767px) {
  [data-interview=interview__story__01] .interview__normal.intvwimg__stry01__04 .interview__text {
    margin-block: calc(0 / var(--design_width) * 100vw) calc(0 / var(--design_width) * 100vw);
  }
}

[data-interview=interview__story__02] .interview__parent__wrapper {
  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%;
  padding-block: calc(94 / var(--design_width) * 100vw) calc(0 / var(--design_width) * 100vw);
}
@media (max-width: 767px) {
  [data-interview=interview__story__02] .interview__parent__wrapper {
    padding-block: calc(0 / var(--design_width) * 100vw) calc(0 / var(--design_width) * 100vw);
  }
}
[data-interview=interview__story__02] .interview__normal.intvwimg__stry02__01 {
  -webkit-box-pack: initial;
  -webkit-justify-content: initial;
      -ms-flex-pack: initial;
          justify-content: initial;
  padding-block: calc(0 / var(--design_width) * 100vw) calc(0 / var(--design_width) * 100vw);
}
@media (max-width: 767px) {
  [data-interview=interview__story__02] .interview__normal.intvwimg__stry02__01 .interview__image {
    margin-inline: auto;
  }
}
[data-interview=interview__story__02] .interview__normal.intvwimg__stry02__01 .interview__image img {
  width: calc(322 / var(--design_width) * 100vw);
}
@media (max-width: 767px) {
  [data-interview=interview__story__02] .interview__normal.intvwimg__stry02__01 .interview__image img {
    width: calc(304 / var(--design_width) * 100vw);
  }
}
[data-interview=interview__story__02] .interview__normal.intvwimg__stry02__01 .interview__text {
  margin-block: calc(115 / var(--design_width) * 100vw) calc(0 / var(--design_width) * 100vw);
}
@media (max-width: 767px) {
  [data-interview=interview__story__02] .interview__normal.intvwimg__stry02__01 .interview__text {
    margin-block: calc(0 / var(--design_width) * 100vw) calc(0 / var(--design_width) * 100vw);
  }
}
[data-interview=interview__story__02] .interview__normal.intvwimg__stry02__01 .interview__text .interview__head {
  width: calc(282 / var(--design_width) * 100vw);
}
[data-interview=interview__story__02] .interview__normal.intvwimg__stry02__01 .interview__text .interview__sentence {
  width: calc(282 / var(--design_width) * 100vw);
}
[data-interview=interview__story__02] .interview__normal.intvwimg__stry02__02 {
  -webkit-box-pack: initial;
  -webkit-justify-content: initial;
      -ms-flex-pack: initial;
          justify-content: initial;
  padding-block: calc(188 / var(--design_width) * 100vw) calc(0 / var(--design_width) * 100vw);
}
@media (max-width: 767px) {
  [data-interview=interview__story__02] .interview__normal.intvwimg__stry02__02 .interview__image {
    margin-inline: auto 0;
  }
}
[data-interview=interview__story__02] .interview__normal.intvwimg__stry02__02 .interview__image img {
  width: calc(393 / var(--design_width) * 100vw);
}
@media (max-width: 767px) {
  [data-interview=interview__story__02] .interview__normal.intvwimg__stry02__02 .interview__image img {
    width: calc(281 / var(--design_width) * 100vw);
  }
}
[data-interview=interview__story__02] .interview__normal.intvwimg__stry02__02 .interview__text {
  margin-block: calc(121 / var(--design_width) * 100vw) calc(0 / var(--design_width) * 100vw);
  margin-inline: auto 0;
}
@media (max-width: 767px) {
  [data-interview=interview__story__02] .interview__normal.intvwimg__stry02__02 .interview__text {
    margin-block: calc(0 / var(--design_width) * 100vw) calc(0 / var(--design_width) * 100vw);
    margin-inline: auto;
  }
}
[data-interview=interview__story__02] .interview__normal.intvwimg__stry02__02 .interview__text .interview__head {
  width: calc(282 / var(--design_width) * 100vw);
}
[data-interview=interview__story__02] .interview__normal.intvwimg__stry02__02 .interview__text .interview__sentence {
  width: calc(282 / var(--design_width) * 100vw);
}
[data-interview=interview__story__02] .interview__normal.intvwimg__stry02__03 {
  -webkit-box-pack: initial;
  -webkit-justify-content: initial;
      -ms-flex-pack: initial;
          justify-content: initial;
  margin-block: calc(-286 / var(--design_width) * 100vw) calc(0 / var(--design_width) * 100vw);
}
@media (max-width: 767px) {
  [data-interview=interview__story__02] .interview__normal.intvwimg__stry02__03 {
    margin-block: calc(0 / var(--design_width) * 100vw) calc(0 / var(--design_width) * 100vw);
  }
}
[data-interview=interview__story__02] .interview__normal.intvwimg__stry02__03 {
  padding-block: calc(0 / var(--design_width) * 100vw) calc(0 / var(--design_width) * 100vw);
}
@media (max-width: 767px) {
  [data-interview=interview__story__02] .interview__normal.intvwimg__stry02__03 .interview__image {
    margin-inline: auto;
  }
}
[data-interview=interview__story__02] .interview__normal.intvwimg__stry02__03 .interview__image img {
  width: calc(304 / var(--design_width) * 100vw);
}
@media (max-width: 767px) {
  [data-interview=interview__story__02] .interview__normal.intvwimg__stry02__03 .interview__image img {
    width: calc(304 / var(--design_width) * 100vw);
  }
}
[data-interview=interview__story__02] .interview__normal.intvwimg__stry02__03 .interview__text {
  margin-block: calc(312 / var(--design_width) * 100vw) calc(0 / var(--design_width) * 100vw);
}
@media (max-width: 767px) {
  [data-interview=interview__story__02] .interview__normal.intvwimg__stry02__03 .interview__text {
    margin-block: calc(0 / var(--design_width) * 100vw) calc(0 / var(--design_width) * 100vw);
  }
}
[data-interview=interview__story__02] .interview__normal.intvwimg__stry02__03 .interview__text .interview__head {
  width: calc(282 / var(--design_width) * 100vw);
}
[data-interview=interview__story__02] .interview__normal.intvwimg__stry02__03 .interview__text .interview__sentence {
  width: calc(282 / var(--design_width) * 100vw);
}
[data-interview=interview__story__02] .interview__normal.intvwimg__stry02__04 {
  -webkit-box-pack: initial;
  -webkit-justify-content: initial;
      -ms-flex-pack: initial;
          justify-content: initial;
  gap: calc(78 / var(--design_width) * 100vw);
}
@media (max-width: 767px) {
  [data-interview=interview__story__02] .interview__normal.intvwimg__stry02__04 {
    gap: calc(54 / var(--design_width) * 100vw);
  }
}
[data-interview=interview__story__02] .interview__normal.intvwimg__stry02__04 {
  padding-block: calc(0 / var(--design_width) * 100vw) calc(0 / var(--design_width) * 100vw);
}
@media (max-width: 767px) {
  [data-interview=interview__story__02] .interview__normal.intvwimg__stry02__04 .interview__image {
    margin-inline: auto;
  }
}
[data-interview=interview__story__02] .interview__normal.intvwimg__stry02__04 .interview__image img {
  width: calc(295 / var(--design_width) * 100vw);
}
@media (max-width: 767px) {
  [data-interview=interview__story__02] .interview__normal.intvwimg__stry02__04 .interview__image img {
    width: calc(295 / var(--design_width) * 100vw);
  }
}
@media (max-width: 767px) {
  [data-interview=interview__story__02] .interview__normal.intvwimg__stry02__04 .interview__image.img__02__04__01 {
    margin-inline: 0 auto;
  }
}
[data-interview=interview__story__02] .interview__normal.intvwimg__stry02__04 .interview__image.img__02__04__01 img {
  width: calc(431 / var(--design_width) * 100vw);
}
@media (max-width: 767px) {
  [data-interview=interview__story__02] .interview__normal.intvwimg__stry02__04 .interview__image.img__02__04__01 img {
    width: calc(304 / var(--design_width) * 100vw);
  }
}
[data-interview=interview__story__02] .interview__normal.intvwimg__stry02__04 .interview__image.img__02__04__02 {
  margin-inline: auto 0;
}
@media (max-width: 767px) {
  [data-interview=interview__story__02] .interview__normal.intvwimg__stry02__04 .interview__image.img__02__04__02 {
    margin-inline: auto 0;
  }
}
[data-interview=interview__story__02] .interview__normal.intvwimg__stry02__04 .interview__image.img__02__04__02 img {
  width: calc(259 / var(--design_width) * 100vw);
}
@media (max-width: 767px) {
  [data-interview=interview__story__02] .interview__normal.intvwimg__stry02__04 .interview__image.img__02__04__02 img {
    width: calc(301 / var(--design_width) * 100vw);
  }
}
[data-interview=interview__story__02] .interview__normal.intvwimg__stry02__04 .interview__text {
  margin-block: calc(0 / var(--design_width) * 100vw) calc(0 / var(--design_width) * 100vw);
}
@media (max-width: 767px) {
  [data-interview=interview__story__02] .interview__normal.intvwimg__stry02__04 .interview__text {
    margin-block: calc(0 / var(--design_width) * 100vw) calc(0 / var(--design_width) * 100vw);
  }
}

[data-product-story=lp__prdct__story__01] .product__story__wrapper .product__story__main {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  width: calc(401 / var(--design_width) * 100vw);
}
[data-product-story=lp__prdct__story__01] .product__story__wrapper .product__story__main .product__story__imgae {
  width: calc(303 / var(--design_width) * 100vw);
}
@media (max-width: 767px) {
  [data-product-story=lp__prdct__story__01] .product__story__wrapper .product__story__main .product__story__imgae {
    width: calc(265 / var(--design_width) * 100vw);
  }
}
[data-product-story=lp__prdct__story__01] .product__story__wrapper .product__story__main .product__story__title {
  position: relative;
}
[data-product-story=lp__prdct__story__01] .product__story__wrapper .product__story__main .product__story__title h4 span {
  width: calc(56 / var(--design_width) * 100vw);
}
@media (max-width: 767px) {
  [data-product-story=lp__prdct__story__01] .product__story__wrapper .product__story__main .product__story__title h4 span {
    width: calc(56 / var(--design_width) * 100vw);
    margin-inline: auto calc(27 / var(--design_width) * 100vw);
  }
}
[data-product-story=lp__prdct__story__01] .product__story__wrapper .product__story__basic .product__story__imgae {
  width: calc(354 / var(--design_width) * 100vw);
}
@media (max-width: 767px) {
  [data-product-story=lp__prdct__story__01] .product__story__wrapper .product__story__basic .product__story__imgae {
    width: calc(270 / var(--design_width) * 100vw);
    margin-inline: auto 0;
  }
}
[data-product-story=lp__prdct__story__01] .product__story__wrapper .product__story__text .product__story__head {
  width: calc(282 / var(--design_width) * 100vw);
}
@media (max-width: 767px) {
  [data-product-story=lp__prdct__story__01] .product__story__wrapper .product__story__text .product__story__head {
    margin-inline: auto;
  }
}
[data-product-story=lp__prdct__story__01] .product__story__wrapper .product__story__text .product__story__sentence {
  width: calc(282 / var(--design_width) * 100vw);
}
@media (max-width: 767px) {
  [data-product-story=lp__prdct__story__01] .product__story__wrapper .product__story__text .product__story__sentence {
    margin-inline: auto;
  }
}

[data-product-story=lp__prdct__story__02] .product__story__wrapper .product__story__main {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
}
@media (max-width: 767px) {
  [data-product-story=lp__prdct__story__02] .product__story__wrapper .product__story__main {
    -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;
  }
}
[data-product-story=lp__prdct__story__02] .product__story__wrapper .product__story__main {
  width: calc(387 / var(--design_width) * 100vw);
}
[data-product-story=lp__prdct__story__02] .product__story__wrapper .product__story__main .product__story__imgae {
  width: calc(303 / var(--design_width) * 100vw);
}
@media (max-width: 767px) {
  [data-product-story=lp__prdct__story__02] .product__story__wrapper .product__story__main .product__story__imgae {
    width: calc(262 / var(--design_width) * 100vw);
  }
}
[data-product-story=lp__prdct__story__02] .product__story__wrapper .product__story__main .product__story__title {
  position: relative;
}
[data-product-story=lp__prdct__story__02] .product__story__wrapper .product__story__main .product__story__title h4 span {
  width: calc(55 / var(--design_width) * 100vw);
}
@media (max-width: 767px) {
  [data-product-story=lp__prdct__story__02] .product__story__wrapper .product__story__main .product__story__title h4 span {
    width: calc(55 / var(--design_width) * 100vw);
    margin-inline: calc(30 / var(--design_width) * 100vw) auto;
  }
}
[data-product-story=lp__prdct__story__02] .product__story__wrapper .product__story__basic .product__story__imgae {
  width: calc(336 / var(--design_width) * 100vw);
}
@media (max-width: 767px) {
  [data-product-story=lp__prdct__story__02] .product__story__wrapper .product__story__basic .product__story__imgae {
    width: calc(329 / var(--design_width) * 100vw);
    margin-inline: 0 auto;
  }
}
[data-product-story=lp__prdct__story__02] .product__story__wrapper .product__story__text .product__story__head {
  width: calc(282 / var(--design_width) * 100vw);
}
@media (max-width: 767px) {
  [data-product-story=lp__prdct__story__02] .product__story__wrapper .product__story__text .product__story__head {
    margin-inline: auto;
  }
}
[data-product-story=lp__prdct__story__02] .product__story__wrapper .product__story__text .product__story__head.head__for__289 {
  width: calc(295 / var(--design_width) * 100vw);
}
@media (max-width: 767px) {
  [data-product-story=lp__prdct__story__02] .product__story__wrapper .product__story__text .product__story__head.head__for__289 {
    width: calc(282 / var(--design_width) * 100vw);
    margin-inline: auto;
  }
}
[data-product-story=lp__prdct__story__02] .product__story__wrapper .product__story__text .product__story__head.head__for__wide {
  width: calc(295 / var(--design_width) * 100vw);
}
@media (max-width: 767px) {
  [data-product-story=lp__prdct__story__02] .product__story__wrapper .product__story__text .product__story__head.head__for__wide {
    width: calc(282 / var(--design_width) * 100vw);
    margin-inline: auto;
  }
}
[data-product-story=lp__prdct__story__02] .product__story__wrapper .product__story__text .product__story__sentence {
  width: calc(282 / var(--design_width) * 100vw);
}
@media (max-width: 767px) {
  [data-product-story=lp__prdct__story__02] .product__story__wrapper .product__story__text .product__story__sentence {
    margin-inline: auto;
  }
}
[data-product-story=lp__prdct__story__02] .product__story__wrapper .product__story__text .product__story__sentence.sentence__for__wide {
  width: calc(295 / var(--design_width) * 100vw);
}
@media (max-width: 767px) {
  [data-product-story=lp__prdct__story__02] .product__story__wrapper .product__story__text .product__story__sentence.sentence__for__wide {
    width: calc(282 / var(--design_width) * 100vw);
    margin-inline: auto;
  }
}

[data-scroll-visibility] {
  -webkit-animation: ScrollShow 0.4s ease both;
          animation: ScrollShow 0.4s ease both;
  -webkit-transition: visibility 0s, background-color 0.4s ease;
  transition: visibility 0s, background-color 0.4s ease;
  -webkit-animation-delay: 0.54s;
          animation-delay: 0.54s;
}

[data-scroll-visibility].is-scroll-hidden {
  -webkit-animation: ScrollHide 0.4s ease both;
          animation: ScrollHide 0.4s ease both;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: visibility 0s 0.4s, background-color 0.4s ease;
  transition: visibility 0s 0.4s, background-color 0.4s ease;
}

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

@keyframes ScrollShow {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes ScrollHide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes ScrollHide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
[data-scroll-visibility=purchase]:not(.is-scroll-hidden) {
  -webkit-animation: PurchaseIntro 1.6s ease-in-out 0.5s both;
          animation: PurchaseIntro 1.6s ease-in-out 0.5s both;
}

@-webkit-keyframes PurchaseIntro {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  30% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  45% {
    opacity: 1;
    -webkit-transform: scale(0.92);
            transform: scale(0.92);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  80% {
    opacity: 1;
    -webkit-transform: scale(0.92);
            transform: scale(0.92);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes PurchaseIntro {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  30% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  45% {
    opacity: 1;
    -webkit-transform: scale(0.92);
            transform: scale(0.92);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  80% {
    opacity: 1;
    -webkit-transform: scale(0.92);
            transform: scale(0.92);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
*,
*::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;
}

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;
}/*# sourceMappingURL=style.css.map */