.l-page.story .c-paging__item.-back {
  animation: none;
}
.l-page.story .c-paging__item.-back.-reveal {
  animation: blurIn 0.6s ease-out forwards;
}
.l-page.story .c-sec__ttl__en {
  display: block;
  left: 0;
  line-height: 0;
  margin-inline: auto;
  transform: none;
}
.l-page.story .c-sec__ttl__en__cont.-normal {
  clip-path: inset(0 0 52% 0);
}
.l-page.story .c-sec__ttl__en__cont.-blur {
  clip-path: inset(48% 0 0 0);
}
.l-page.story .c-sec__ttl__ja {
  margin-left: 0;
}
.l-page.story .c-sec__ttl__ja img {
  left: 0;
}
.l-page.story .c-sec__ttl__ja .-normal {
  clip-path: inset(0 0 50.3% 0);
}
.l-page.story .c-sec__ttl__ja .-blur {
  clip-path: inset(49.7% 0 0 0);
}

.story__single {
  --storyGhost: rgba(255, 255, 255, 0.2);
  position: relative;
}

.story__single__bg {
  clip-path: inset(0);
  left: 50%;
  margin-left: -50vw;
  position: absolute;
  width: 100vw;
  z-index: -1;
}

.story__single__bg__inner {
  background-image: url(../img/story/bg.webp);
  background-repeat: no-repeat;
  display: block;
  height: 100vh;
  height: 100lvh;
  left: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  width: 100vw;
}

.story__single__lead {
  color: #fff;
  filter: blur(10px);
  font-weight: 700;
  opacity: 0;
  scale: 1.06;
  transform: translateZ(0);
  translate: 0 12%;
}
.-load .story__single__lead {
  animation: blurIn 0.6s 0.2s ease-out forwards, storyDriftIn 0.7s 0.2s cubic-bezier(0.2, 0.75, 0.35, 1) forwards;
}

.story__single__lead__txt {
  display: block;
  margin-inline: -21.4285%;
  transform: scaleX(0.7);
  transform-origin: center;
  width: 142.857%;
}

.story__single__em {
  --storyGhost: rgba(51, 119, 255, 0.2);
  color: #3377ff;
}

.story__single__txt {
  color: #fff;
  font-weight: 700;
  filter: blur(10px);
  opacity: 0;
  scale: 1.06;
  transform: translateZ(0);
  translate: 0 12%;
}
.story__single__txt.-reveal {
  animation: blurIn 0.9s ease-out forwards, storyDriftIn 0.7s cubic-bezier(0.2, 0.75, 0.35, 1) forwards;
}
.story__single__txt .story__single__em {
  display: inline-block;
  font-size: 150%;
  font-weight: 700;
  line-height: 1;
  margin-inline: -0.75em;
  transform: scaleX(0.7);
  transform-origin: center;
}
.story__single__txt p.story__single__em {
  display: block;
  line-height: inherit;
  margin-inline: -21.4285%;
  width: 142.857%;
}

.story__single__figs {
  display: flex;
  justify-content: space-between;
  filter: blur(10px);
  opacity: 0;
}
.story__single__figs.-reveal {
  animation: blurIn 0.6s ease-out forwards;
}
.story__single__figs.-reveal .story__single__fig {
  animation: storyDriftIn 0.7s cubic-bezier(0.2, 0.75, 0.35, 1) forwards;
}
.story__single__figs.-reveal .story__single__fig.-second {
  animation-delay: 0.15s;
}

.story__single__fig {
  position: relative;
  scale: var(--storyDriftScale, 1.3);
  transform: skew(var(--storyDriftSkew, 10deg), var(--storyDriftSkew, 10deg)) translateZ(0);
  translate: var(--storyDriftTx, 0%) var(--storyDriftTy, -37%);
}
.story__single__fig img {
  filter: drop-shadow(0 0 20px rgba(51, 119, 255, 0.8));
  will-change: filter;
}
.story__single__fig.-first {
  --storyDriftScale: 1.3;
  --storyDriftTx: -13%;
  --storyDriftTy: -37%;
}
.story__single__fig.-second {
  --storyDriftScale: 1.25;
  --storyDriftTx: 24%;
  --storyDriftTy: 46%;
}
.story__single__fig.-third {
  --storyDriftScale: 1.3;
  --storyDriftTx: 20%;
  --storyDriftTy: -42%;
  filter: blur(10px);
  opacity: 0;
}
.story__single__fig.-third.-reveal {
  animation: blurIn 0.6s ease-out forwards, storyDriftIn 0.7s cubic-bezier(0.2, 0.75, 0.35, 1) forwards;
}

@keyframes storyDriftIn {
  to {
    scale: 1;
    transform: skew(0deg, 0deg) translateZ(0);
    translate: 0% 0%;
  }
}

@media (max-width: 799px) {
  .l-page.story .c-paging {
    margin-top: 3.8vw;
  }
  .l-page.story .c-sec__ttl__en {
    width: 70.8vw;
  }
  .l-page.story .c-sec__ttl__ja {
    margin-top: -2.4vw;
    width: 34.1vw;
  }
  .story__single__bg {
    -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 41vw, #000 calc(100% - 53.8vw), transparent 100%);
    mask-image: linear-gradient(180deg, transparent 0%, #000 41vw, #000 calc(100% - 53.8vw), transparent 100%);
    bottom: -25.6vw;
    top: -16.7vw;
  }
  .story__single__bg__inner {
    background-position: -138.5vw top;
    background-size: 345.3vw auto;
  }
  .story__single__lead {
    font-size: 9.3vw;
    line-height: 1.3432835821;
    margin: 17.1vw 0 0 9.6vw;
    text-shadow: 0 0 2.5vw rgba(51, 119, 255, 0.6), 0 0 5.6vw rgba(51, 119, 255, 0.35), 0 2.8vw 1.5vw var(--storyGhost);
  }
  .story__single__txt {
    font-size: 4.3vw;
    letter-spacing: -0.02em;
    line-height: 12.3vw;
    margin-left: 9.6vw;
    text-shadow: 0 0 2.5vw rgba(51, 119, 255, 0.6), 0 0 5.6vw rgba(51, 119, 255, 0.35), 0 2.8vw 1.5vw var(--storyGhost);
    width: 85.2vw;
  }
  .story__single__txt.-first {
    margin-top: 16.2vw;
  }
  .story__single__txt.-second {
    margin-top: 12vw;
  }
  .story__single__txt.-third {
    margin-top: 18.9vw;
  }
  .story__single__figs {
    margin: 8.8vw 0 0 5.7vw;
    width: 88.4vw;
  }
  .story__single__fig.-first {
    left: -5.7vw;
    top: -2.5vw;
    width: 38.4vw;
  }
  .story__single__fig.-second {
    left: 1.5vw;
    margin-top: 15.3vw;
    top: 3.8vw;
    width: 47.4vw;
  }
  .story__single__fig.-third {
    margin: 10.2vw 0 0 auto;
    transform-origin: right center;
    width: 66.6vw;
  }
  .story__sp {
    margin-top: 23.8vw;
    padding-bottom: 20.5vw;
    position: relative;
  }
  .story__sp__lead {
    filter: blur(10px);
    margin-left: 9.4vw;
    opacity: 0;
    width: 77.6vw;
  }
  .story__sp__lead img {
    display: block;
    width: 100%;
  }
  .story__sp__lead.-reveal {
    animation: blurIn 0.75s ease-out forwards;
  }
  .story__sp__txt {
    filter: blur(10px);
    opacity: 0;
    position: relative;
  }
  .story__sp__txt > img {
    display: block;
    width: 100%;
  }
  .story__sp__txt.-reveal {
    animation: blurIn 0.75s ease-out forwards;
  }
  .story__sp__txt.-first {
    margin: 23vw 0 0 8.5vw;
    width: 78.6vw;
  }
  .story__sp__txt.-second {
    margin: 23.3vw 0 0 8.5vw;
    width: 64.1vw;
  }
  .story__sp__txt.-third {
    margin: 59.6vw 0 0 9.2vw;
    width: 80.9vw;
  }
  .story__sp__txt.-fourth {
    margin: 50.4vw 0 0 8.5vw;
    width: 76.1vw;
  }
  .story__sp__txt.-fifth {
    margin: 51.7vw 0 0 8.7vw;
    width: 68.9vw;
  }
  .story__sp__word {
    display: block;
    position: absolute;
  }
  .story__sp__word img {
    display: block;
    width: 100%;
  }
  .story__sp__word.-first {
    bottom: 69.7%;
    left: -0.5%;
    width: 25.6%;
  }
  .story__sp__word.-second {
    bottom: 40.9%;
    left: 77.8%;
    width: 39.5%;
  }
  .story__sp__word.-third {
    bottom: -3.3%;
    left: 0.8%;
    width: 33.2%;
  }
  .story__sp__word.-fourth {
    bottom: 18.2%;
    left: 36.4%;
    width: 43.4%;
  }
  .story__sp__fig {
    filter: blur(10px);
    opacity: 0;
    position: absolute;
    scale: var(--storySpDriftScale, 1.2);
    transform: skew(var(--storySpDriftSkew, 8deg), var(--storySpDriftSkew, 8deg)) translateZ(0);
    translate: var(--storySpDriftTx, 0%) var(--storySpDriftTy, -20%);
  }
  .story__sp__fig img {
    display: block;
    filter: drop-shadow(0 0 2.5vw rgba(51, 119, 255, 0.8));
    width: 100%;
    will-change: filter;
  }
  .story__sp__fig.-reveal {
    animation: blurIn 0.4s ease-out forwards, storyDriftIn 0.9s cubic-bezier(0.2, 0.75, 0.35, 1) forwards;
  }
  .story__sp__fig.-first {
    --storySpDriftTx: -14%;
    --storySpDriftTy: -22%;
    left: 0;
    top: 124.2vw;
    transform-origin: left center;
    width: 37.4vw;
  }
  .story__sp__fig.-second {
    --storySpDriftTx: 14%;
    --storySpDriftTy: 22%;
    left: 42.8vw;
    top: 133.7vw;
    width: 48.9vw;
  }
  .story__sp__fig.-third {
    --storySpDriftTx: 16%;
    --storySpDriftTy: -20%;
    left: 45.8vw;
    top: 200vw;
    transform-origin: right center;
    width: 54.1vw;
  }
  .story__sp__fig.-fourth {
    --storySpDriftTx: -14%;
    --storySpDriftTy: 20%;
    left: 20.2vw;
    top: 296.6vw;
    width: 51.2vw;
  }
}

@media (min-width: 800px) {
  .l-page.story .c-paging {
    margin-top: 20px;
  }
  .l-page.story .c-sec__ttl__en {
    width: 435px;
  }
  .l-page.story .c-sec__ttl__ja {
    margin-top: -11px;
    width: 150px;
  }
  .story__single__bg {
    -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 320px, #000 calc(100% - 320px), transparent 100%);
    mask-image: linear-gradient(180deg, transparent 0%, #000 320px, #000 calc(100% - 320px), transparent 100%);
    bottom: 0;
    top: -147px;
  }
  .story__single__bg__inner {
    background-position: center 2vw;
    background-size: 105.2vw auto;
  }
  .story__single__lead {
    font-size: 37px;
    line-height: 1.5135135135;
    margin-top: 158px;
    text-align: center;
    text-shadow: 0 0 13px rgba(51, 119, 255, 0.6), 0 0 29px rgba(51, 119, 255, 0.35), 0 15px 8px var(--storyGhost);
  }
  .story__single__txt {
    font-size: 21px;
    line-height: 74px;
    margin-inline: auto;
    text-align: center;
    text-shadow: 0 0 13px rgba(51, 119, 255, 0.6), 0 0 29px rgba(51, 119, 255, 0.35), 0 15px 8px var(--storyGhost);
    width: 1106px;
  }
  .story__single__txt .story__single__em {
    font-size: 146.667%;
  }
  .story__single__txt.-first {
    margin-top: 73px;
  }
  .story__single__txt.-second {
    margin-top: 64px;
  }
  .story__single__txt.-second p:nth-child(1),
  .story__single__txt.-second p:nth-child(2) {
    display: inline;
  }
  .story__single__txt.-third {
    margin-top: 70px;
  }
  .story__single__figs {
    margin: 78px auto 0;
    width: 520px;
  }
  .story__single__fig.-first {
    left: -85px;
    top: -12px;
    width: 210px;
  }
  .story__single__fig.-second {
    left: -20px;
    margin-top: 62px;
    top: 26px;
    width: 252px;
  }
  .story__single__fig.-third {
    margin: 85px 0 0 calc(50% + 20px);
    width: 310px;
  }
  .story__single__br {
    display: none;
  }
  .story__pc {
    --storyPcUnit: calc(100vw / 1920);
    margin-top: calc(163 * var(--storyPcUnit));
    padding-bottom: calc(120 * var(--storyPcUnit));
    position: relative;
  }
  .story__pc__lead {
    filter: blur(10px);
    margin-inline: auto;
    opacity: 0;
    width: calc(673.48 * var(--storyPcUnit));
  }
  .story__pc__lead img {
    display: block;
    width: 100%;
  }
  .story__pc__lead.-reveal {
    animation: blurIn 0.75s ease-out forwards;
  }
  .story__pc__txt {
    filter: blur(10px);
    margin-inline: auto;
    opacity: 0;
    position: relative;
  }
  .story__pc__txt > img {
    display: block;
    width: 100%;
  }
  .story__pc__txt.-reveal {
    animation: blurIn 0.75s ease-out forwards;
  }
  .story__pc__txt.-first {
    margin-top: calc(98.6 * var(--storyPcUnit));
    width: calc(683.61 * var(--storyPcUnit));
  }
  .story__pc__txt.-second {
    margin-top: calc(361.3 * var(--storyPcUnit));
    width: calc(696.74 * var(--storyPcUnit));
  }
  .story__pc__txt.-third {
    margin-top: calc(200.3 * var(--storyPcUnit));
    width: calc(649.22 * var(--storyPcUnit));
  }
  .story__pc__txt.-fourth {
    margin-top: calc(202.5 * var(--storyPcUnit));
    width: calc(570.35 * var(--storyPcUnit));
  }
  .story__pc__word {
    display: block;
    position: absolute;
  }
  .story__pc__word img {
    display: block;
    width: 100%;
  }
  .story__pc__word.-first {
    bottom: 87.7%;
    left: 7%;
    width: 14.3%;
  }
  .story__pc__word.-second {
    bottom: 0;
    left: 35.7%;
    width: 18.1%;
  }
  .story__pc__word.-third {
    bottom: 0;
    left: 32.3%;
    width: 18.9%;
  }
  .story__pc__word.-fourth {
    bottom: 0;
    left: 21.4%;
    width: 25.5%;
  }
  .story__pc__fig {
    filter: blur(10px);
    left: 50%;
    opacity: 0;
    position: absolute;
    scale: var(--storyPcDriftScale, 1.2);
    transform: skew(var(--storyPcDriftSkew, 8deg), var(--storyPcDriftSkew, 8deg)) translateZ(0);
    translate: var(--storyPcDriftTx, 0%) var(--storyPcDriftTy, -20%);
  }
  .story__pc__fig img {
    display: block;
    filter: drop-shadow(0 0 20px rgba(51, 119, 255, 0.8));
    width: 100%;
    will-change: filter;
  }
  .story__pc__fig.-reveal {
    animation: blurIn 0.4s ease-out forwards, storyDriftIn 0.9s cubic-bezier(0.2, 0.75, 0.35, 1) forwards;
  }
  .story__pc__fig.-first {
    --storyPcDriftTx: -12%;
    --storyPcDriftTy: -24%;
    margin-left: calc(-435 * var(--storyPcUnit));
    top: calc(382 * var(--storyPcUnit));
    width: calc(216 * var(--storyPcUnit));
  }
  .story__pc__fig.-second {
    --storyPcDriftTx: 14%;
    --storyPcDriftTy: 22%;
    margin-left: calc(-185 * var(--storyPcUnit));
    top: calc(432 * var(--storyPcUnit));
    width: calc(352 * var(--storyPcUnit));
  }
  .story__pc__fig.-third {
    --storyPcDriftTx: 16%;
    --storyPcDriftTy: -20%;
    margin-left: calc(226 * var(--storyPcUnit));
    top: calc(764 * var(--storyPcUnit));
    width: calc(270 * var(--storyPcUnit));
  }
  .story__pc__fig.-fourth {
    --storyPcDriftTx: -16%;
    --storyPcDriftTy: 20%;
    margin-left: calc(-520 * var(--storyPcUnit));
    top: calc(1037 * var(--storyPcUnit));
    width: calc(350 * var(--storyPcUnit));
  }
}

@media (min-width: 800px) and (max-width: 1199px) {
  .l-page.story .c-paging {
    margin-top: 1.6vw;
  }
  .l-page.story .c-sec__ttl__en {
    width: 36.2vw;
  }
  .l-page.story .c-sec__ttl__ja {
    margin-top: -1vw;
    width: 12.5vw;
  }
  .story__single__bg {
    -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 26.6vw, #000 calc(100% - 26.6vw), transparent 100%);
    mask-image: linear-gradient(180deg, transparent 0%, #000 26.6vw, #000 calc(100% - 26.6vw), transparent 100%);
    top: -12.3vw;
  }
  .story__single__bg__inner {
    background-size: 135vw auto;
  }
  .story__single__lead {
    font-size: 3vw;
    margin-top: 13.1vw;
  }
  .story__single__txt {
    font-size: 1.7vw;
    line-height: 6.1vw;
    width: 92.1vw;
  }
  .story__single__txt.-first {
    margin-top: 6vw;
  }
  .story__single__txt.-second {
    margin-top: 5.3vw;
  }
  .story__single__txt.-third {
    margin-top: 5.8vw;
  }
  .story__single__figs {
    margin-top: 6.5vw;
    width: 43.3vw;
  }
  .story__single__fig.-first {
    left: -7vw;
    top: -1vw;
    width: 17.5vw;
  }
  .story__single__fig.-second {
    left: -1.6vw;
    margin-top: 5.1vw;
    top: 2.1vw;
    width: 21vw;
  }
  .story__single__fig.-third {
    margin-top: 7vw;
    width: 25.8vw;
  }
}

@media (min-width: 800px) and (max-width: 1399px) {
  .story__pc {
    --storyPcUnit: calc(0.466px + 0.0188vw);
  }
}