.p-kv {
  position: relative;
}

.p-kv__image {
  width: 74.2%;
  margin: -1.3% auto 0;
  position: relative;
}
.p-kv__image img {
  width: 100%;
  opacity: 0;
  transform: scale(1.03);
  filter: blur(10px);
  transition: opacity 0.8s var(--ease-main), transform 4s var(--ease-main), filter 0.8s var(--ease-main);
}
.is-load .p-kv__image img {
  opacity: 1;
  transform: scale(1);
  filter: blur(0);
}
@media screen and (max-width: 899px) {
  .p-kv__image {
    width: 100%;
    margin: 3.4% auto 0;
    overflow: hidden;
  }
  .p-kv__image img {
    width: 95%;
    margin: 0 auto;
    position: relative;
    z-index: 1;
  }
}
.p-kv__image-deco-item {
  width: 17.65%;
  position: absolute;
  mix-blend-mode: difference;
}
.p-kv__image-deco-item img {
  width: 100%;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
}
.p-kv__image-deco-item:nth-of-type(1) {
  top: 0;
  left: 0;
  transform: translate(-13.6%, 28.3%);
}
.p-kv__image-deco-item:nth-of-type(2) {
  top: 0;
  right: 0;
  transform: translate(13.6%, 28.3%);
}
.p-kv__image-deco-item:nth-of-type(3) {
  bottom: 0;
  left: 0;
  transform: translate(-13.6%, -28.3%);
}
.p-kv__image-deco-item:nth-of-type(4) {
  bottom: 0;
  right: 0;
  transform: translate(13.6%, -28.3%);
}

.p-kv__catch {
  width: 5.2%;
  position: absolute;
  right: 13.1%;
  top: 6.7%;
  transition: -webkit-clip-path 1s var(--ease-main) 0.2s;
  transition: clip-path 1s var(--ease-main) 0.2s;
  transition: clip-path 1s var(--ease-main) 0.2s, -webkit-clip-path 1s var(--ease-main) 0.2s;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
  clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
}
.is-load .p-kv__catch {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
@media screen and (max-width: 899px) {
  .p-kv__catch {
    width: 84%;
    margin: -2.7% auto 0;
    position: relative;
    top: 0;
    right: 0;
    z-index: 1;
  }
}

.p-kv__title {
  width: 48.6%;
  margin: -3.2% auto;
  position: relative;
  z-index: 1;
  opacity: 0;
  transform: translateY(10px);
  filter: blur(10px);
  transition: opacity 1s var(--ease-main) 0.2s, transform 1s var(--ease-main) 0.2s, filter 1s var(--ease-main) 0.2s;
}
.is-load .p-kv__title {
  transform: translateY(0);
  opacity: 1;
  filter: blur(0);
}
.p-kv__title img {
  width: 100%;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin: 0 auto;
}
@media screen and (max-width: 899px) {
  .p-kv__title {
    width: 71.7%;
    margin: 8.5% auto 0;
  }
}

.p-kv__date {
  margin-top: 58px;
  text-align: center;
  font-size: 6.4rem;
  letter-spacing: 0.12em;
  font-family: var(--font-num);
  transform: scaleY(0.7);
}
.p-kv__date-item {
  opacity: 0;
  transform: translateY(10px);
  filter: blur(10px);
  transition: opacity 1s var(--ease-main) 0.3s, transform 1s var(--ease-main) 0.3s, filter 1s var(--ease-main) 0.3s;
}
.is-load .p-kv__date-item {
  transform: translateY(0);
  opacity: 1;
  filter: blur(0);
}
@media screen and (max-width: 899px) {
  .p-kv__date {
    margin-top: 8px;
    text-align: center;
    font-size: 7.3vw;
  }
}

.p-kv__lead {
  margin-top: 30px;
  text-align: center;
  font-size: 2.4rem;
  letter-spacing: 0.05em;
  opacity: 0;
  transform: translateY(10px);
  filter: blur(10px);
  transition: opacity 1s var(--ease-main) 0.4s, transform 1s var(--ease-main) 0.4s, filter 1s var(--ease-main) 0.4s;
}
.is-load .p-kv__lead {
  transform: translateY(0);
  opacity: 1;
  filter: blur(0);
}
@media screen and (max-width: 899px) {
  .p-kv__lead {
    margin-top: 15px;
    font-size: 1.2rem;
    letter-spacing: 0.2em;
    line-height: 1.45;
  }
}

.p-news {
  width: 71.5%;
  max-width: 1200px;
  margin: 0 auto;
  padding-top: 195px;
  position: relative;
}
@media screen and (max-width: 899px) {
  .p-news {
    width: 89.5%;
    margin: 0 auto;
    padding-top: 65px;
  }
}

.p-news__bg-item {
  position: absolute;
}
.p-news__bg-item img {
  width: 100%;
}
.p-news__bg-item:nth-of-type(1) {
  width: 11%;
  right: 0;
  top: 18.8%;
}
.p-news__bg-item:nth-of-type(2) {
  width: 8px;
  position: absolute;
  left: 5.8%;
  top: 33.2%;
}
.p-news__bg-item:nth-of-type(3) {
  width: 8px;
  position: absolute;
  left: 0;
  bottom: -7.8%;
}

.p-news__title {
  margin-bottom: 43px;
}
@media screen and (max-width: 899px) {
  .p-news__title {
    margin-bottom: 30px;
  }
}
.p-news__title-text {
  text-align: center;
}
.p-news__contents-list-item {
  opacity: 0;
  transform: translateY(10px);
  filter: blur(10px);
  transition: opacity 1s var(--ease-main) 0.1s, transform 1s var(--ease-main) 0.1s, filter 1s var(--ease-main) 0.1s;
}
.p-scroll.is-active .p-news__contents-list-item {
  transform: translateY(0);
  opacity: 1;
  filter: blur(0);
}
.p-news__contents-list-item:nth-of-type(1) {
  transition-delay: 0.1s;
}
.p-news__contents-list-item:nth-of-type(2) {
  transition-delay: 0.2s;
}
.p-news__contents-list-item:nth-of-type(3) {
  transition-delay: 0.3s;
}
.p-news__contents-list-item + .p-news__contents-list-item {
  margin-top: 8px;
}
@media screen and (max-width: 899px) {
  .p-news__contents-list-item + .p-news__contents-list-item {
    margin-top: 5px;
  }
}
.p-news__contents-link {
  margin-top: 28px;
  opacity: 0;
  transform: translateY(10px);
  filter: blur(10px);
  transition: opacity 1s var(--ease-main) 0.5s, transform 1s var(--ease-main) 0.5s, filter 1s var(--ease-main) 0.5s;
}
.p-scroll.is-active .p-news__contents-link {
  transform: translateY(0);
  opacity: 1;
  filter: blur(0);
}
@media screen and (max-width: 899px) {
  .p-news__contents-link {
    margin-top: 13px;
  }
}
.p-news__contents-link-more {
  margin-left: auto;
}

.p-sc {
  position: relative;
  max-width: 1800px;
  margin: 0 auto;
  padding-top: 172px;
}
@media screen and (max-width: 899px) {
  .p-sc {
    padding-top: 159px;
  }
}
.p-sc.--cast {
  padding-top: 147px;
  padding-bottom: 215px;
}
@media screen and (max-width: 899px) {
  .p-sc.--cast {
    padding-top: 41px;
    padding-bottom: 95px;
  }
}

.p-sc__bg-item {
  position: absolute;
}
.p-sc__bg-item img {
  width: 100%;
}
.--staff .p-sc__bg-item:nth-of-type(1) {
  width: 113px;
  right: 30.7%;
  top: 21.1%;
  transform: rotate(90deg);
}
.--staff .p-sc__bg-item:nth-of-type(2) {
  width: 8px;
  position: absolute;
  right: 12.1%;
  bottom: 0.2%;
}
.--cast .p-sc__bg-item:nth-of-type(1) {
  width: 113px;
  left: 16%;
  top: 25.4%;
  transform: rotate(90deg);
}
@media screen and (max-width: 899px) {
  .--cast .p-sc__bg-item:nth-of-type(1) {
    width: 15%;
    left: 30%;
    top: 7.4%;
  }
}
.--cast .p-sc__bg-item:nth-of-type(2) {
  width: 113px;
  position: absolute;
  right: 20.2%;
  bottom: 5.4%;
}
.--cast .p-sc__bg-item:nth-of-type(3) {
  width: 8px;
  position: absolute;
  left: 15.8%;
  top: 18.4%;
}
.--cast .p-sc__bg-item:nth-of-type(4) {
  width: 8px;
  position: absolute;
  left: 15.8%;
  top: 18.4%;
}
@media screen and (max-width: 899px) {
  .--cast .p-sc__bg-item:nth-of-type(4) {
    width: 1%;
    position: absolute;
    left: 29.6%;
    top: -1.6%;
  }
}

.p-sc__main {
  width: 70%;
  margin: 0 auto;
}
@media screen and (max-width: 899px) {
  .p-sc__main {
    width: 100%;
  }
}

.--staff .p-sc__inner {
  width: 72%;
  max-width: 1200px;
  margin: 0 auto;
}
@media screen and (max-width: 899px) {
  .--staff .p-sc__inner {
    display: block;
    width: 90%;
  }
}
.--cast .p-sc__inner {
  display: flex;
  width: 66%;
  max-width: 1000px;
  margin-left: auto;
}
@media screen and (max-width: 899px) {
  .--cast .p-sc__inner {
    display: block;
    width: 90%;
    margin: 0 auto;
  }
}

.p-sc__title {
  margin-bottom: 62px;
}
@media screen and (max-width: 899px) {
  .p-sc__title {
    margin-bottom: 18px;
  }
}
.--cast .p-sc__title {
  margin-right: 74px;
  margin-top: -16px;
}
.p-sc__title-text {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.p-sc__contents {
  width: 89.4%;
  margin: 0 auto;
  margin-left: 7.6%;
  position: relative;
}
@media screen and (max-width: 899px) {
  .p-sc__contents {
    width: 100%;
    margin: 0 auto;
  }
}
.--cast .p-sc__contents {
  width: 100%;
  flex: 1;
  margin-left: 0;
  margin-right: -6.6%;
}
.p-sc__contents-list {
  display: flex;
  flex-wrap: wrap;
}
.p-sc__contents-list-item {
  width: 50%;
  margin-bottom: 31px;
}
.p-sc__contents-list-item:nth-of-type(1) .p-in-sub {
  transition-delay: 0.05s;
}
.p-sc__contents-list-item:nth-of-type(1) .p-in-main {
  transition-delay: 0.05s;
}
.p-sc__contents-list-item:nth-of-type(2) .p-in-sub {
  transition-delay: 0.1s;
}
.p-sc__contents-list-item:nth-of-type(2) .p-in-main {
  transition-delay: 0.1s;
}
.p-sc__contents-list-item:nth-of-type(3) .p-in-sub {
  transition-delay: 0.15s;
}
.p-sc__contents-list-item:nth-of-type(3) .p-in-main {
  transition-delay: 0.15s;
}
.p-sc__contents-list-item:nth-of-type(4) .p-in-sub {
  transition-delay: 0.2s;
}
.p-sc__contents-list-item:nth-of-type(4) .p-in-main {
  transition-delay: 0.2s;
}
.p-sc__contents-list-item:nth-of-type(5) .p-in-sub {
  transition-delay: 0.25s;
}
.p-sc__contents-list-item:nth-of-type(5) .p-in-main {
  transition-delay: 0.25s;
}
.p-sc__contents-list-item:nth-of-type(6) .p-in-sub {
  transition-delay: 0.3s;
}
.p-sc__contents-list-item:nth-of-type(6) .p-in-main {
  transition-delay: 0.3s;
}
.p-sc__contents-list-item:nth-of-type(7) .p-in-sub {
  transition-delay: 0.35s;
}
.p-sc__contents-list-item:nth-of-type(7) .p-in-main {
  transition-delay: 0.35s;
}
.p-sc__contents-list-item:nth-of-type(8) .p-in-sub {
  transition-delay: 0.4s;
}
.p-sc__contents-list-item:nth-of-type(8) .p-in-main {
  transition-delay: 0.4s;
}
.p-sc__contents-list-item:nth-of-type(9) .p-in-sub {
  transition-delay: 0.45s;
}
.p-sc__contents-list-item:nth-of-type(9) .p-in-main {
  transition-delay: 0.45s;
}
.p-sc__contents-list-item:nth-of-type(10) .p-in-sub {
  transition-delay: 0.5s;
}
.p-sc__contents-list-item:nth-of-type(10) .p-in-main {
  transition-delay: 0.5s;
}
.p-sc__contents-list-item:nth-of-type(11) .p-in-sub {
  transition-delay: 0.55s;
}
.p-sc__contents-list-item:nth-of-type(11) .p-in-main {
  transition-delay: 0.55s;
}
.p-sc__contents-list-item:nth-of-type(12) .p-in-sub {
  transition-delay: 0.6s;
}
.p-sc__contents-list-item:nth-of-type(12) .p-in-main {
  transition-delay: 0.6s;
}
.p-sc__contents-list-item:nth-of-type(13) .p-in-sub {
  transition-delay: 0.65s;
}
.p-sc__contents-list-item:nth-of-type(13) .p-in-main {
  transition-delay: 0.65s;
}
.p-sc__contents-list-item:nth-of-type(14) .p-in-sub {
  transition-delay: 0.7s;
}
.p-sc__contents-list-item:nth-of-type(14) .p-in-main {
  transition-delay: 0.7s;
}
.p-sc__contents-list-item:nth-of-type(15) .p-in-sub {
  transition-delay: 0.75s;
}
.p-sc__contents-list-item:nth-of-type(15) .p-in-main {
  transition-delay: 0.75s;
}
.p-sc__contents-list-item:nth-of-type(16) .p-in-sub {
  transition-delay: 0.8s;
}
.p-sc__contents-list-item:nth-of-type(16) .p-in-main {
  transition-delay: 0.8s;
}
.p-sc__contents-list-item:nth-of-type(17) .p-in-sub {
  transition-delay: 0.85s;
}
.p-sc__contents-list-item:nth-of-type(17) .p-in-main {
  transition-delay: 0.85s;
}
.p-sc__contents-list-item:nth-of-type(18) .p-in-sub {
  transition-delay: 0.9s;
}
.p-sc__contents-list-item:nth-of-type(18) .p-in-main {
  transition-delay: 0.9s;
}
.p-sc__contents-list-item:nth-of-type(19) .p-in-sub {
  transition-delay: 0.95s;
}
.p-sc__contents-list-item:nth-of-type(19) .p-in-main {
  transition-delay: 0.95s;
}
.p-sc__contents-list-item:nth-of-type(20) .p-in-sub {
  transition-delay: 1s;
}
.p-sc__contents-list-item:nth-of-type(20) .p-in-main {
  transition-delay: 1s;
}
@media screen and (max-width: 899px) {
  .p-sc__contents-list-item {
    margin-bottom: 22px;
  }
}
.p-sc__contents-list-item .p-in-sub {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 11px;
  padding: 3px 8px 4px;
  font-size: 1.4rem;
  letter-spacing: 0.1em;
  background-color: var(--color-green);
  -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
  clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
  transition: -webkit-clip-path 0.6s var(--ease-main);
  transition: clip-path 0.6s var(--ease-main);
  transition: clip-path 0.6s var(--ease-main), -webkit-clip-path 0.6s var(--ease-main);
}
.p-scroll.is-active .p-sc__contents-list-item .p-in-sub {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
@media screen and (max-width: 899px) {
  .p-sc__contents-list-item .p-in-sub {
    margin-bottom: 6px;
    padding: 3px 5px 3px;
    font-size: 0.8rem;
  }
}
.p-sc__contents-list-item .p-in-main {
  font-size: 2.1rem;
  letter-spacing: 0.18em;
  transform: translateX(10px);
  opacity: 0;
  transition: transform 0.8s var(--ease-main), opacity 0.8s var(--ease-main);
}
.p-scroll.is-active .p-sc__contents-list-item .p-in-main {
  transform: translateX(0);
  opacity: 1;
}
@media screen and (max-width: 899px) {
  .p-sc__contents-list-item .p-in-main {
    font-size: 1.3rem;
    line-height: 1.3;
    letter-spacing: 0.1em;
  }
}
.p-sc__contents-banner {
  width: 93.8%;
  margin-top: 11px;
  transition: transform 0.6s var(--ease-main);
  transform: translateX(10px);
  opacity: 0;
  transition: transform 0.8s var(--ease-main) 0.4s, opacity 0.8s var(--ease-main) 0.4s;
}
.p-scroll.is-active .p-sc__contents-banner {
  transform: translateX(0);
  opacity: 1;
}
@media screen and (max-width: 899px) {
  .p-sc__contents-banner {
    width: 100%;
    margin-top: 6px;
  }
}
@media (hover: hover) {
  .p-sc__contents-banner:hover {
    transform: scale(0.97);
  }
}

.p-sc__deco-item {
  width: 46.4%;
  position: absolute;
  bottom: 168px;
  opacity: 0;
  transform: translateY(10px);
  filter: blur(10px);
  transition: opacity 1s var(--ease-main) 0.1s, transform 1s var(--ease-main) 0.1s, filter 1s var(--ease-main) 0.1s;
}
.p-sc__deco-item:nth-of-type(1) {
  transition-delay: 0.1s;
}
.p-sc__deco-item:nth-of-type(2) {
  transition-delay: 0.2s;
}
.p-sc__deco-item:nth-of-type(3) {
  transition-delay: 0.3s;
}
.p-scroll.is-active .p-sc__deco-item {
  transform: translateY(0);
  opacity: 1;
  filter: blur(0);
}
.p-sc__deco-item::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  animation: glitch2 2s linear forwards infinite;
  background: url(../img/deco_noise01.png) no-repeat center/contain;
  transform: scale(1.03);
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
  clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
  pointer-events: none;
}
@media screen and (max-width: 899px) {
  .p-sc__deco-item {
    width: 86.4%;
    position: absolute;
    bottom: auto;
    top: 58px;
    left: 0;
  }
}

.p-movie {
  position: relative;
}

.p-movie__inner {
  padding: 48px 0 45px;
}
@media screen and (max-width: 899px) {
  .p-movie__inner {
    padding: 177px 0 152px;
  }
}

.p-movie__bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  opacity: 0;
  filter: blur(10px);
  transition: filter 1s var(--ease-main) 0.1s, opacity 1s var(--ease-main) 0.1s;
}
.p-scroll.is-active .p-movie__bg {
  filter: blur(0);
  opacity: 1;
}
.p-movie__bg::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../img/movie_bg_pattern.png) repeat left top/40px;
  z-index: 1;
}
.p-movie__bg::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--color-black);
  opacity: 0.4;
  z-index: 1;
}
.p-movie__bg-item {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  filter: grayscale(1);
  overflow: hidden;
}
.p-movie__bg-item #js-movie-bg_player_wrap {
  width: auto;
  height: 100%;
  padding-bottom: 0;
  transform: scale(1.1);
}
@media screen and (max-width: 899px) {
  .p-movie__bg-item #js-movie-bg_player_wrap {
    transform: scale(3);
  }
}
.p-movie__bg-deco-item {
  width: 17.65%;
  position: absolute;
  mix-blend-mode: difference;
  z-index: 2;
}
.p-movie__bg-deco-item img {
  width: 100%;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
}
.p-movie__bg-deco-item:nth-of-type(1) {
  top: 0;
  left: 0;
  transform: translate(-13.6%, -4.7%);
}
.p-movie__bg-deco-item:nth-of-type(2) {
  top: 0;
  right: 0;
  transform: translate(13.6%, -4.7%);
}
.p-movie__bg-deco-item:nth-of-type(3) {
  bottom: 0;
  left: 0;
  transform: translate(-13.6%, 7.7%);
}
.p-movie__bg-deco-item:nth-of-type(4) {
  bottom: 0;
  right: 0;
  transform: translate(13.6%, 7.7%);
}

.p-movie__title {
  text-align: center;
  position: relative;
  z-index: 1;
}
.p-movie__title-text .p-in-main {
  font-size: 13rem;
  color: var(--color-white);
}
@media screen and (max-width: 899px) {
  .p-movie__title-text .p-in-main {
    font-size: 5.5rem;
  }
}

.p-movie__contents {
  position: relative;
  z-index: 1;
  transform: translateY(calc(-10% + 10px));
  opacity: 0;
  transition: transform 0.8s var(--ease-main) 0.2s, opacity 0.8s var(--ease-main) 0.2s;
}
.p-scroll.is-active .p-movie__contents {
  transform: translateY(-10%);
  opacity: 1;
}
.p-movie__contents-bg {
  width: 100%;
  padding: 10px;
  max-width: 1200px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  pointer-events: none;
  opacity: 1;
  transition: opacity 0.8s var(--ease-main);
}
.is-movie-hide .p-movie__contents-bg {
  opacity: 0;
}
@media screen and (max-width: 899px) {
  .p-movie__contents-bg {
    padding: 5px;
  }
}
.p-movie__contents-bg-item {
  width: 100%;
}
.p-movie__contents-inner {
  width: 70%;
  max-width: 1200px;
  margin: 0 auto;
  border: none;
}
@media screen and (max-width: 899px) {
  .p-movie__contents-inner {
    width: 83.6%;
    margin: -0.7% auto 0;
  }
}
.p-movie__contents-main {
  padding: 10px;
  position: relative;
  overflow: visible;
}
@media screen and (max-width: 899px) {
  .p-movie__contents-main {
    padding: 5px;
  }
}
.p-movie__contents-nav-item {
  width: 6.7%;
  position: absolute;
  top: 50%;
  cursor: pointer;
  transition: transform 0.5s var(--ease-main);
}
@media (hover: hover) {
  .p-movie__contents-nav-item:hover {
    animation: flash 0.1s linear 2;
  }
  .p-movie__contents-nav-item:hover svg {
    transform: scale(0.96);
  }
}
@media screen and (max-width: 899px) {
  .p-movie__contents-nav-item {
    width: 10.7%;
    z-index: 2;
  }
}
.p-movie__contents-nav-item svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: var(--color-white);
  transition: transform 0.5s var(--ease-main);
}
.p-movie__contents-nav-item.--prev {
  left: 0;
  transform: translate(-100%, -50%) rotate(-90deg);
}
@media screen and (max-width: 899px) {
  .p-movie__contents-nav-item.--prev {
    left: 6%;
  }
}
.p-movie__contents-nav-item.--next {
  right: 0;
  transform: translate(100%, -50%) rotate(90deg);
}
@media screen and (max-width: 899px) {
  .p-movie__contents-nav-item.--next {
    right: 6%;
  }
}
.p-movie__contents-list {
  position: relative;
  overflow: hidden;
}
.p-movie__contents-list-item {
  position: relative;
  cursor: pointer;
}
.p-movie__contents-list-item .p-in-image {
  width: 100%;
  padding-top: 56.25%;
  position: relative;
  overflow: hidden;
}
.p-movie__contents-list-item .p-in-image-item {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.p-movie__contents-play {
  width: 14.2%;
  padding-top: 14.2%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  pointer-events: none;
}
@media screen and (max-width: 899px) {
  .p-movie__contents-play {
    width: 22.2%;
    padding-top: 22.2%;
  }
}
.p-movie__contents-play-icon::before, .p-movie__contents-play-icon::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.p-movie__contents-play-icon::before {
  background: url(../img/play_btn_deco01.png) no-repeat center/contain;
  animation: rotate 10s linear infinite;
}
.p-movie__contents-play-icon::after {
  background: url(../img/play_btn_deco02.png) no-repeat center/contain;
  animation: rotate 10s linear infinite reverse;
}
.p-movie__contents-play-icon .p-in-text {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  color: var(--color-white);
  font-size: 2.4rem;
  position: absolute;
  top: 0;
  left: 0;
  transform: scaleY(0.7);
}
@media screen and (max-width: 899px) {
  .p-movie__contents-play-icon .p-in-text {
    font-size: 3vw;
  }
}
.p-movie__contents-count {
  display: flex;
  justify-content: space-between;
  width: 170px;
  margin: -7px auto 0;
  position: relative;
}
@media screen and (max-width: 899px) {
  .p-movie__contents-count {
    width: 140px;
    margin: 18px auto 0;
  }
}
.p-movie__contents-count::before {
  content: "";
  display: block;
  width: 60%;
  height: 1px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--color-white);
}
@media screen and (max-width: 899px) {
  .p-movie__contents-count::before {
    width: 56%;
  }
}
.p-movie__contents-count-item {
  font-family: var(--font-num);
  color: var(--color-white);
  font-size: 2.4rem;
  transform: scaleY(0.7);
}
@media screen and (max-width: 899px) {
  .p-movie__contents-count-item {
    font-size: 2rem;
  }
}

.p-introduction {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 234px 0 206px;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 899px) {
  .p-introduction {
    padding: 148px 0 110px;
  }
}

.p-introduction__bg-item {
  position: absolute;
}
.p-introduction__bg-item:nth-of-type(1) {
  width: 113px;
  left: 11%;
  top: 3.1%;
  transform: rotate(90deg);
}
@media screen and (max-width: 899px) {
  .p-introduction__bg-item:nth-of-type(1) {
    width: 15%;
    left: 20.5%;
    top: 3.5%;
  }
}
.p-introduction__bg-item:nth-of-type(2) {
  width: 113px;
  position: absolute;
  right: 13%;
  top: 60.2%;
}
.p-introduction__bg-item:nth-of-type(3) {
  width: 8px;
  position: absolute;
  left: 21.8%;
  top: 7.1%;
}
.p-introduction__bg-item:nth-of-type(4) {
  width: 8px;
  position: absolute;
  right: 27.5%;
  top: 59.7%;
}
@media screen and (max-width: 899px) {
  .p-introduction__bg-item:nth-of-type(4) {
    width: 1%;
    right: 58.2%;
    top: 6.2%;
  }
}

.p-introduction__deco-item {
  position: absolute;
  opacity: 0;
  transform: translateY(10px);
  filter: blur(10px);
  transition: opacity 1s var(--ease-main) 0.1s, transform 1s var(--ease-main) 0.1s, filter 1s var(--ease-main) 0.1s;
}
.p-introduction__deco-item:nth-of-type(1) {
  transition-delay: 0.1s;
}
.p-introduction__deco-item:nth-of-type(2) {
  transition-delay: 0.2s;
}
.p-introduction__deco-item:nth-of-type(3) {
  transition-delay: 0.3s;
}
.p-scroll.is-active .p-introduction__deco-item {
  transform: translateY(0);
  opacity: 1;
  filter: blur(0);
}
.p-introduction__deco-item:nth-of-type(1) {
  width: 39.7%;
  top: 6.2%;
  right: -5.4%;
}
.p-introduction__deco-item:nth-of-type(1)::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  animation: glitch2 1.4s linear forwards infinite 1s;
  background: url(../img/deco_noise02.png) no-repeat center/contain;
  transform: scale(1.02);
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
  clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
  pointer-events: none;
}
@media screen and (max-width: 899px) {
  .p-introduction__deco-item:nth-of-type(1) {
    width: 70%;
    top: 4.3%;
    right: -20.8%;
  }
}
.p-introduction__deco-item:nth-of-type(2) {
  width: 49.7%;
  left: -7.5%;
  top: 40.4%;
}
.p-introduction__deco-item:nth-of-type(2)::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  animation: glitch1 3s linear forwards infinite 3s;
  background: url(../img/deco_noise03.png) no-repeat center/contain;
  transform: scale(1.07);
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
  clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
  pointer-events: none;
}
@media screen and (max-width: 899px) {
  .p-introduction__deco-item:nth-of-type(2) {
    width: 91.7%;
    left: -17.5%;
    top: 50%;
  }
}
.p-introduction__deco-item:nth-of-type(3) {
  width: 45.1%;
  right: 14.2%;
  bottom: 4.3%;
}
.p-introduction__deco-item:nth-of-type(3)::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  animation: glitch2 2s linear forwards infinite 2s;
  background: url(../img/deco_noise04.png) no-repeat center/contain;
  transform: scale(1.03);
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
  clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
  pointer-events: none;
}
@media screen and (max-width: 899px) {
  .p-introduction__deco-item:nth-of-type(3) {
    width: 83.1%;
    right: -12%;
    bottom: 1.9%;
  }
}
.p-introduction__deco-item img {
  width: 100%;
}

.p-introduction__title {
  margin-bottom: 110px;
}
@media screen and (max-width: 899px) {
  .p-introduction__title {
    margin-bottom: 51px;
  }
}
.p-introduction__title-text {
  text-align: center;
}
.p-introduction__title-text .p-in-main {
  font-size: 6.4rem;
  letter-spacing: 0.16em;
}
@media screen and (max-width: 899px) {
  .p-introduction__title-text .p-in-main {
    font-size: 3.2rem;
  }
}
.p-introduction__contents {
  width: 72%;
  margin: 0 auto;
}
@media screen and (max-width: 899px) {
  .p-introduction__contents {
    width: 85%;
  }
}
.p-introduction__contents-item {
  font-size: 2rem;
  line-height: 2.1;
  letter-spacing: 0.1em;
  opacity: 0;
  transform: translateY(10px);
  filter: blur(10px);
  transition: opacity 1s var(--ease-main) 0.1s, transform 1s var(--ease-main) 0.1s, filter 1s var(--ease-main) 0.1s;
}
.p-scroll.is-active .p-introduction__contents-item {
  transform: translateY(0);
  opacity: 1;
  filter: blur(0);
}
.p-introduction__contents-item:nth-of-type(1) {
  transition-delay: 0.1s;
}
.p-introduction__contents-item:nth-of-type(2) {
  transition-delay: 0.2s;
}
@media screen and (max-width: 899px) {
  .p-introduction__contents-item {
    font-size: 1.3rem;
    line-height: 2;
  }
}
.p-introduction__contents-item p {
  margin-bottom: 40px;
}
@media screen and (max-width: 899px) {
  .p-introduction__contents-item p {
    margin-bottom: 14px;
  }
}
.p-introduction__contents-item p:last-of-type {
  margin-bottom: 0;
}
.p-introduction__contents-item + .p-introduction__contents-item {
  margin-top: 96px;
}
.p-introduction__contents-item:nth-of-type(1) {
  width: 51.7%;
  margin-left: auto;
}
@media screen and (max-width: 899px) {
  .p-introduction__contents-item:nth-of-type(1) {
    width: 100%;
    margin: 0 auto 148px;
  }
}
.p-introduction__contents-item:nth-of-type(2) {
  width: 77%;
  margin-right: auto;
}
@media screen and (max-width: 899px) {
  .p-introduction__contents-item:nth-of-type(2) {
    width: 100%;
    margin: 0 auto;
  }
}

.p-character {
  padding-top: 140px;
  position: relative;
}
@media screen and (max-width: 899px) {
  .p-character {
    padding-top: 46px;
  }
}

.p-character__bg-item:nth-of-type(1) {
  width: 113px;
  position: absolute;
  left: 20.3%;
  top: 4%;
  transform: rotate(90deg);
}
.p-character__bg-item:nth-of-type(2) {
  width: 8px;
  position: absolute;
  left: 32.5%;
  top: -1%;
}

.p-character__title {
  width: 72%;
  margin: 0 auto 21px;
}
@media screen and (max-width: 899px) {
  .p-character__title {
    width: 100%;
    text-align: center;
    margin: 0 auto 19.3%;
  }
}
.p-character__contents {
  position: relative;
}
.p-character__contents-num {
  width: 72%;
  margin: 0 auto;
  position: absolute;
  left: 50%;
  top: -63px;
  transform: translateX(-50%);
}
@media screen and (max-width: 899px) {
  .p-character__contents-num {
    width: 100%;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    top: 99.4vw;
    transform: translateX(-50%);
  }
}
.p-character__contents-num-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 170px;
  position: absolute;
  top: 0;
  right: 3px;
  opacity: 0;
  transform: translateX(10px);
  filter: blur(10px);
  transition: opacity 1s var(--ease-main) 0.1s, transform 1s var(--ease-main) 0.1s, filter 1s var(--ease-main) 0.1s;
}
.p-scroll.is-active .p-character__contents-num-inner {
  transform: translateY(0);
  opacity: 1;
  filter: blur(0);
}
@media screen and (max-width: 899px) {
  .p-character__contents-num-inner {
    width: 143px;
    position: relative;
    margin: 0 auto;
  }
}
.p-character__contents-num-inner::before {
  content: "";
  display: block;
  width: 60%;
  height: 1px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--color-black);
}
.p-character__contents-num-item {
  font-family: var(--font-num);
  font-size: 2.4rem;
  transform: scaleY(0.7);
}
@media screen and (max-width: 899px) {
  .p-character__contents-num-item {
    font-size: 2rem;
  }
}
.p-character__contents-main {
  position: relative;
  overflow: visible;
}
.p-character__contents-main::before {
  content: "";
  display: block;
  width: 100%;
  height: 30px;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translateY(100%);
  background: url(../img/deco_txt02.svg) repeat-x center/270px 12px;
  opacity: 0;
  filter: blur(10px);
  transition: opacity 1s var(--ease-main) 0.3s, transform 1s var(--ease-main) 0.3s, filter 1s var(--ease-main) 0.3s;
  animation: movieBg 10s linear infinite;
}
@keyframes movieBg {
  0% {
    background-position: 0;
  }
  100% {
    background-position-x: -270px;
  }
}
.p-scroll.is-active .p-character__contents-main::before {
  opacity: 1;
  filter: blur(0);
}
@media screen and (max-width: 899px) {
  .p-character__contents-main::before {
    width: 100%;
    height: 20px;
    position: absolute;
    top: 87.6vw;
    left: 0;
    background: url(../img/deco_txt02.svg) repeat-x center/224px 10px;
  }
  @keyframes movieBg {
    0% {
      background-position: 0;
    }
    100% {
      background-position-x: 224px;
    }
  }
}
.p-character__contents-main-nav {
  width: 80%;
  max-width: 1430px;
  margin: 0 auto;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  opacity: 0;
  filter: blur(10px);
  transition: opacity 1s var(--ease-main) 0.1s, transform 1s var(--ease-main) 0.1s, filter 1s var(--ease-main) 0.1s;
}
.p-scroll.is-active .p-character__contents-main-nav {
  opacity: 1;
  filter: blur(0);
}
@media screen and (max-width: 899px) {
  .p-character__contents-main-nav {
    width: 100%;
    top: 47vw;
  }
}
.p-character__contents-main-nav .p-in-item {
  width: 67px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
@media (hover: hover) {
  .p-character__contents-main-nav .p-in-item:hover {
    animation: flash 0.1s linear 2;
  }
  .p-character__contents-main-nav .p-in-item:hover svg {
    transform: scale(0.92);
  }
}
@media screen and (max-width: 899px) {
  .p-character__contents-main-nav .p-in-item {
    width: 9.5%;
  }
}
.p-character__contents-main-nav .p-in-item svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: var(--color-black);
  transition: transform 0.5s var(--ease-main);
}
.p-character__contents-main-nav .p-in-item.--prev {
  left: 5px;
  transform: translateY(-50%) rotate(-90deg);
}
@media screen and (max-width: 899px) {
  .p-character__contents-main-nav .p-in-item.--prev {
    left: 13px;
  }
}
.p-character__contents-main-nav .p-in-item.--next {
  right: 5px;
  transform: translateY(-50%) rotate(90deg);
}
@media screen and (max-width: 899px) {
  .p-character__contents-main-nav .p-in-item.--next {
    right: 13px;
  }
}
.p-character__contents-main-list-item {
  width: 100%;
}
.p-character__contents-main-list-item-bg {
  width: 100%;
  max-height: 753px;
  position: relative;
  overflow: hidden;
  border-top: 2px solid var(--color-black);
  border-bottom: 2px solid var(--color-black);
  opacity: 0;
  transform: translateY(10px);
  filter: blur(10px);
  transition: opacity 1s var(--ease-main) 0.1s, transform 1s var(--ease-main) 0.1s, filter 1s var(--ease-main) 0.1s;
}
.p-scroll.is-active .p-character__contents-main-list-item-bg {
  transform: translateY(0);
  opacity: 1;
  filter: blur(0);
}
@media screen and (max-width: 899px) {
  .p-character__contents-main-list-item-bg {
    border-top: 1px solid var(--color-black);
    border-bottom: 1px solid var(--color-black);
  }
}
.p-character__contents-main-list-item-bg img {
  width: 139%;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 899px) {
  .p-character__contents-main-list-item-bg img {
    width: 307%;
    left: 70%;
  }
}
@media screen and (min-width: 900px) {
  .p-character__contents-main-list-item-inner {
    width: 80.3%;
    max-width: 1430px;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    z-index: 2;
    transform: translateX(-50%);
  }
}
.p-character__contents-main-list-item-image {
  width: 64.6%;
  position: absolute;
  right: -0.4%;
  bottom: 2px;
}
@media screen and (max-width: 899px) {
  .p-character__contents-main-list-item-image {
    width: 100%;
    top: -1px;
    right: auto;
    left: 50%;
    transform: translate(-50%, -17.4%);
    bottom: auto;
    overflow: hidden;
  }
}
.p-character__contents-main-list-item-image .p-in-deco {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
  clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
  transition: -webkit-clip-path 0.8s var(--ease-main);
  transition: clip-path 0.8s var(--ease-main);
  transition: clip-path 0.8s var(--ease-main), -webkit-clip-path 0.8s var(--ease-main);
}
.p-scroll.is-active .p-character__contents-main-list-item-image .p-in-deco {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
.p-character__contents-main-list-item-image .p-in-deco::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 81.1%;
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: var(--color-green);
  -webkit-clip-path: polygon(46.7% 0, 97.7% 0%, 50% 102%, -0.1% 100%);
  clip-path: polygon(46.7% 0, 97.7% 0%, 50% 102%, -0.1% 100%);
}
@media screen and (max-width: 899px) {
  .p-character__contents-main-list-item-image .p-in-deco::before {
    right: -17.2%;
    padding-top: 93.2%;
    -webkit-clip-path: polygon(71.5% 0, 121.5% 0%, 48% 100%, 0% 100%);
    clip-path: polygon(71.5% 0, 121.5% 0%, 48% 100%, 0% 100%);
  }
}
.p-character__contents-main-list-item-image img {
  width: 100%;
  position: relative;
  z-index: 1;
  opacity: 0;
  transform: translateX(10px);
  filter: blur(10px);
  transition: opacity 1s var(--ease-main) 0.2s, transform 1s var(--ease-main) 0.2s, filter 1s var(--ease-main) 0.2s;
}
.p-scroll.is-active .p-character__contents-main-list-item-image img {
  transform: translateY(0);
  opacity: 1;
  filter: blur(0);
}
@media screen and (max-width: 899px) {
  .p-character__contents-main-list-item-image img {
    width: 111.3%;
    max-width: none;
    left: 2%;
  }
}
.p-character__contents-main-list-item-catch {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: auto;
  padding: 4px 10px 5px;
  font-size: 2.7rem;
  letter-spacing: 0.02em;
  color: var(--color-white);
  background-color: var(--color-black);
  position: absolute;
  left: 11.8%;
  bottom: 13.7%;
  z-index: 1;
  -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
  clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
  transition: -webkit-clip-path 0.8s var(--ease-main) 0.2s;
  transition: clip-path 0.8s var(--ease-main) 0.2s;
  transition: clip-path 0.8s var(--ease-main) 0.2s, -webkit-clip-path 0.8s var(--ease-main) 0.2s;
}
.p-scroll.is-active .p-character__contents-main-list-item-catch {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
@media screen and (max-width: 899px) {
  .p-character__contents-main-list-item-catch {
    padding: 2px 6px 3px;
    font-size: 3.6vw;
    bottom: auto;
    top: 83.4vw;
    left: 5%;
  }
}
.p-character__contents-main-list-item-detail {
  display: flex;
  flex-direction: column;
  width: 38%;
  height: 100%;
  padding: 5% 0 7.1%;
  position: absolute;
  left: 11.8%;
  top: 0;
  z-index: 1;
}
@media screen and (max-width: 899px) {
  .p-character__contents-main-list-item-detail {
    width: 83%;
    position: static;
    margin: 0 auto;
    padding: 16.2% 0 7.1%;
  }
}
.p-character__contents-main-list-item-detail .p-in-name-head {
  margin-bottom: 20px;
  font-family: var(--font-num);
  font-size: 1.2rem;
  opacity: 0;
  transform: translateY(10px);
  filter: blur(10px);
  transition: opacity 1s var(--ease-main) 0.2s, transform 1s var(--ease-main) 0.2s, filter 1s var(--ease-main) 0.2s;
}
.p-scroll.is-active .p-character__contents-main-list-item-detail .p-in-name-head {
  transform: translateY(0);
  opacity: 1;
  filter: blur(0);
}
@media screen and (max-width: 899px) {
  .p-character__contents-main-list-item-detail .p-in-name-head {
    margin-bottom: 9px;
    font-size: 1.1rem;
  }
}
.p-character__contents-main-list-item-detail .p-in-name-jp {
  font-size: 6rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  position: relative;
  z-index: 2;
  opacity: 0;
  transform: translateX(-10px);
  filter: blur(10px);
  transition: opacity 1s var(--ease-main) 0.3s, transform 1s var(--ease-main) 0.3s, filter 1s var(--ease-main) 0.3s;
}
.p-scroll.is-active .p-character__contents-main-list-item-detail .p-in-name-jp {
  transform: translateX(0);
  opacity: 1;
  filter: blur(0);
}
@media screen and (max-width: 899px) {
  .p-character__contents-main-list-item-detail .p-in-name-jp {
    font-size: 3.5rem;
  }
}
.p-character__contents-main-list-item-detail .p-in-name-en {
  font-family: var(--font-en);
  font-size: 6rem;
  color: var(--color-green);
  margin-top: -37px;
  opacity: 0;
  transform: translateX(10px);
  filter: blur(10px);
  transition: opacity 1s var(--ease-main) 0.4s, transform 1s var(--ease-main) 0.4s, filter 1s var(--ease-main) 0.4s;
}
.p-scroll.is-active .p-character__contents-main-list-item-detail .p-in-name-en {
  transform: translateX(0);
  opacity: 1;
  filter: blur(0);
}
@media screen and (max-width: 899px) {
  .p-character__contents-main-list-item-detail .p-in-name-en {
    font-size: 4.6rem;
    margin-top: -23px;
  }
}
.p-character__contents-main-list-item-detail .p-in-name-en-inner {
  transform: scaleY(0.7);
}
.p-character__contents-main-list-item-detail .p-in-cv {
  margin-top: 16px;
}
@media screen and (max-width: 899px) {
  .p-character__contents-main-list-item-detail .p-in-cv {
    margin-top: 11px;
  }
}
.p-character__contents-main-list-item-detail .p-in-cv-head {
  margin-bottom: 16px;
  font-family: var(--font-num);
  font-size: 1.32em;
  opacity: 0;
  transform: translateY(-10px);
  filter: blur(10px);
  transition: opacity 1s var(--ease-main) 0.5s, transform 1s var(--ease-main) 0.5s, filter 1s var(--ease-main) 0.5s;
}
.p-scroll.is-active .p-character__contents-main-list-item-detail .p-in-cv-head {
  transform: translateY(0);
  opacity: 1;
  filter: blur(0);
}
@media screen and (max-width: 899px) {
  .p-character__contents-main-list-item-detail .p-in-cv-head {
    margin-bottom: 13px;
    font-size: 1.1rem;
  }
}
.p-character__contents-main-list-item-detail .p-in-cv-text {
  font-size: 2rem;
  font-weight: 700;
  opacity: 0;
  transform: translateY(-10px);
  filter: blur(10px);
  transition: opacity 1s var(--ease-main) 0.6s, transform 1s var(--ease-main) 0.6s, filter 1s var(--ease-main) 0.6s;
}
.p-scroll.is-active .p-character__contents-main-list-item-detail .p-in-cv-text {
  transform: translateY(0);
  opacity: 1;
  filter: blur(0);
}
@media screen and (max-width: 899px) {
  .p-character__contents-main-list-item-detail .p-in-cv-text {
    font-size: 1.6rem;
  }
}
.p-character__contents-main-pagination {
  width: 80%;
  margin: 30px auto 0;
  opacity: 0;
  transform: translateY(10px);
  filter: blur(10px);
  transition: opacity 1s var(--ease-main) 0.4s, transform 1s var(--ease-main) 0.4s, filter 1s var(--ease-main) 0.4s;
}
.p-scroll.is-active .p-character__contents-main-pagination {
  transform: translateY(0);
  opacity: 1;
  filter: blur(0);
}
@media screen and (max-width: 899px) {
  .p-character__contents-main-pagination {
    margin: 8px auto 0;
  }
}
.p-character__contents-main-pagination-list {
  display: flex;
  align-items: center;
  justify-content: center;
}
.p-character__contents-main-pagination-list-item {
  width: 14%;
  margin: 0 -1.65%;
  position: relative;
  cursor: pointer;
  transition: transform 0.5s var(--ease-main);
}
@media (hover: hover) {
  .p-character__contents-main-pagination-list-item:hover {
    animation: flash 0.1s linear 2;
    transform: scale(0.96);
  }
}
@media screen and (max-width: 899px) {
  .p-character__contents-main-pagination-list-item {
    width: 30%;
    margin: 0 -3.15%;
  }
}
.p-character__contents-main-pagination-list-item::before {
  content: "";
  display: block;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--color-black);
  -webkit-clip-path: polygon(28.5% -1%, 101% -1%, 71.3% 101%, -1% 101%);
  clip-path: polygon(28.5% -1%, 101% -1%, 71.3% 101%, -1% 101%);
}
.p-character__contents-main-pagination-list-item.is-current {
  pointer-events: none;
}
.p-character__contents-main-pagination-list-item.is-current .p-in-image::before {
  opacity: 1;
}
.p-character__contents-main-pagination-list-item .p-in-image {
  width: 100%;
  position: relative;
  background: url(../img/chara_thumb_base_off.png) no-repeat center/cover;
  z-index: 1;
}
.p-character__contents-main-pagination-list-item .p-in-image::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../img/chara_thumb_base_on.png) no-repeat center/cover;
  opacity: 0;
  transition: opacity 0.8s var(--ease-main);
}
.p-character__contents-main-pagination-list-item .p-in-image img {
  width: 100%;
  position: relative;
  z-index: 1;
}