.p-hero {
  position: relative;
}
.p-hero__kv {
  position: relative;
  padding-top: 53.7%;
}
@media screen and (max-width: 767px) {
  .p-hero__kv {
    height: 100vh;
    padding-top: 0;
  }
}
.p-hero__kv-video {
  width: 105%;
  height: 105%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 767px) {
  .p-hero__kv-video {
    width: 320%;
    height: 320%;
  }
}
.p-hero__kv-pict {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 767px) {
  .p-hero__kv-pict img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
}
.p-hero__kv::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
.p-hero__kv::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.5) url(../img/bg/line.png) center top repeat;
  background-size: 50px 4px;
  animation: film_repeat_pc 0.1s linear infinite forwards;
}

.p-hero-block {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50vh;
  overflow: hidden;
}
.p-hero-block .l-dot-manual-item::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../img/bg/line.png) center top repeat;
  background-size: 50px 4px;
  animation: film_repeat_pc 0.1s linear infinite forwards;
}

.p-new-release {
  position: relative;
  padding: 0 0 0;
  background-color: #a784ff;
}
.p-new-release::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../img/bg/line.png) center top repeat;
  background-size: 50px 4px;
  animation: film_repeat_pc 0.1s linear infinite forwards;
}
.p-new-release__inner {
  padding: 60px 0 60px;
}
@media screen and (max-width: 767px) {
  .p-new-release__inner {
    padding: 49px 0 51px;
  }
}
.p-new-release__roop {
  width: 100%;
  height: 98px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: url(../img/txt_newrelease.png) left bottom repeat-x;
  background-size: 881px 98px;
  opacity: 0;
  animation: marki_repeat_pc 12s linear infinite forwards;
  transform: translate(0, 8px);
  transition: transform 1s cubic-bezier(0.16, 1, 0.3, 1);
}
@media screen and (max-width: 767px) {
  .p-new-release__roop {
    background: url(../img/txt_newrelease.png) left bottom repeat-x;
    background-size: 440px 49px;
    animation: marki_repeat_sp 12s linear infinite forwards;
  }
}
[data-scroll-sa].is-active .p-new-release__roop {
  opacity: 1;
  transform: translate(0, 0);
}
.p-new-release__disco {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 90%;
  max-width: 1080px;
  position: relative;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .p-new-release__disco {
    width: 74.5%;
  }
}
.p-new-release__disco-first {
  width: 54.6%;
}
@media screen and (max-width: 767px) {
  .p-new-release__disco-first {
    width: 100%;
  }
}
.p-new-release__disco-last {
  width: 45.4%;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .p-new-release__disco-last {
    width: 100%;
    margin: 0 auto;
    padding-top: 22px;
  }
}
.p-new-release__disco-pict {
  position: relative;
  margin-right: 15.2%;
}
@media screen and (max-width: 767px) {
  .p-new-release__disco-pict {
    margin-right: 0%;
  }
}
.p-new-release__disco-pict::before {
  content: "";
  display: block;
  width: 106%;
  height: 106%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-image: url(../img/corner_lt.png), url(../img/corner_rt.png), url(../img/corner_lb.png), url(../img/corner_rb.png);
  background-position: left top, right top, left bottom, right bottom;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
  background-size: 10px 10px, 10px 10px, 10px 10px, 10px 10px;
}
@media screen and (max-width: 767px) {
  .p-new-release__disco-pict::before {
    background-size: 8px 8px;
  }
}
.p-new-release__disco-release {
  padding-left: 2%;
  font-family: "Jersey 10", "Zen Kaku Gothic New", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 24px;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-new-release__disco-release {
    margin: 0 auto;
    padding-left: 0;
    text-align: center;
    font-size: 17px;
    letter-spacing: 0.07em;
  }
}
.p-new-release__disco-name {
  margin: 17px 0 23px;
  font-size: 52px;
  letter-spacing: -0.05em;
}
@media screen and (max-width: 767px) {
  .p-new-release__disco-name {
    margin: 11px auto 16px;
    text-align: center;
    font-size: 30px;
    letter-spacing: -0.04em;
  }
}
.p-new-release__disco-day {
  padding-left: 2%;
  font-family: "Jersey 10", "Zen Kaku Gothic New", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 35px;
  letter-spacing: 0.056em;
}
@media screen and (max-width: 767px) {
  .p-new-release__disco-day {
    margin: 0 auto;
    padding-left: 0;
    text-align: center;
    font-size: 23px;
    letter-spacing: 0.056em;
  }
}
.p-new-release__btn {
  margin: 34px auto 0 2%;
}
@media screen and (max-width: 767px) {
  .p-new-release__btn {
    margin: 21px auto 0;
  }
}

.p-column {
  width: 100%;
  position: relative;
}
.p-column__deco {
  width: 100%;
  height: 100%;
  position: absolute;
}
.p-column__deco-left {
  width: 265px;
  height: 558px;
  left: -1.5%;
  bottom: 0px;
}
@media screen and (max-width: 767px) {
  .p-column__deco-left {
    width: 142px;
    height: 286px;
    left: 0.7%;
    bottom: 18%;
  }
}
.p-column__deco-right {
  width: 350px;
  height: 420px;
  right: 0;
  top: 0;
}
@media screen and (max-width: 767px) {
  .p-column__deco-right {
    width: 180px;
    height: 290px;
    right: 0;
    top: 0;
  }
}
.p-column__deco-img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0%;
  top: 0%;
  transition: background-position-y 1s cubic-bezier(0.16, 1, 0.3, 1);
}
.p-column__deco-img-left {
  left: 0;
  bottom: 0;
  background: url(../img/bg/img_deco2.jpg) left center no-repeat;
  background-size: cover;
  -webkit-mask: url(../img/bg/msk2.png) left bottom no-repeat;
  mask: url(../img/bg/msk2.png) left bottom no-repeat;
  -webkit-mask-size: 100% auto;
  mask-size: 100% auto;
}
@media screen and (max-width: 767px) {
  .p-column__deco-img-left {
    -webkit-mask-size: 100% auto;
    mask-size: 100% auto;
  }
}
.p-column__deco-img-right {
  right: 0;
  top: 0;
  background: url(../img/bg/img_deco1.jpg) right center no-repeat;
  background-size: cover;
  -webkit-mask: url(../img/bg/msk1.png) right top no-repeat;
  mask: url(../img/bg/msk1.png) right top no-repeat;
  -webkit-mask-size: 100% auto;
  mask-size: 100% auto;
}
@media screen and (max-width: 767px) {
  .p-column__deco-img-right {
    -webkit-mask-size: 100% auto;
    mask-size: 100% auto;
  }
}
.p-column__kumo {
  width: 9%;
  max-width: 158px;
  position: absolute;
  left: 33%;
  bottom: -1.5%;
}
@media screen and (max-width: 767px) {
  .p-column__kumo {
    width: 22%;
    left: auto;
    right: 10.5%;
    bottom: -10.2%;
  }
}
.p-column__kumo-img {
  display: block;
  margin: 0 auto;
  animation: sakana_yure 5s infinite forwards;
}
@keyframes sakana_yure {
  0% {
    transform: translate(0, 0px);
  }
  15% {
    transform: translate(0, -5%);
  }
  45% {
    transform: translate(0, 5%);
  }
  75% {
    transform: translate(0, -5%);
  }
  90% {
    transform: translate(0, 0%);
  }
  100% {
    transform: translate(0, 0%);
  }
}
.p-column__inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 90%;
  max-width: 1120px;
  margin: 0 auto;
  padding-top: 120px;
  padding-bottom: 169px;
}
@media screen and (max-width: 980px) {
  .p-column__inner {
    display: block;
    width: 88%;
    padding-top: 48px;
    padding-bottom: 0;
  }
}

.p-news,
.p-live {
  width: 50%;
  padding-top: 0;
}
@media screen and (max-width: 980px) {
  .p-news,
  .p-live {
    width: 100%;
  }
}
.p-news__head,
.p-live__head {
  width: 100%;
}
.p-news__title-txt,
.p-live__title-txt {
  font-size: 80px;
}
.p-news__info,
.p-live__info {
  margin: 29px auto 0;
}
@media screen and (max-width: 767px) {
  .p-news__info,
  .p-live__info {
    margin-top: 4px;
  }
}

.p-live {
  transform: translate(-3.6%, 80px);
  z-index: 1;
}
@media screen and (max-width: 980px) {
  .p-live {
    padding-top: 38px;
    transform: translate(0%, 0%);
  }
}
.p-live__title {
  margin-left: 12.8%;
}
@media screen and (max-width: 767px) {
  .p-live__title {
    margin-left: auto;
    text-align: end;
  }
}

.p-movie__video {
  width: 100%;
  position: relative;
  margin: 59px auto 0;
  height: 800px;
}
@media screen and (max-width: 767px) {
  .p-movie__video {
    margin-top: 17px;
    height: auto;
    padding-top: 96%;
  }
}
.p-movie__btn {
  width: 320px;
  position: absolute;
  right: 0;
  bottom: 0;
}
@media screen and (max-width: 767px) {
  .p-movie__btn {
    width: 65%;
    position: relative;
    right: auto;
    bottom: auto;
    margin: 30px auto 0;
  }
}
.p-movie__btn .c-btn {
  width: 100%;
  max-width: 100%;
}

.p-backVideo {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}
.p-backVideo__link {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .p-backVideo__link:hover .p-backVideo__pict {
    transform: scale(1.1);
  }
  .p-backVideo__link:hover .p-backVideo__film {
    background-color: rgba(0, 0, 0, 0);
  }
  .p-backVideo__link:hover .p-backVideo__icon {
    transform: translate(-50%, -50%) scale(0.9);
  }
}
.p-backVideo__videoArea {
  width: 118%;
  height: 118%;
  position: absolute;
  left: 50%;
  top: 50%;
  background: center center no-repeat;
  background-size: contain;
  transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
  transform: translate(-50%, -50%);
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .p-backVideo__videoArea {
    width: 190%;
    height: 190%;
  }
}
.p-backVideo #youtubePlayer_ui {
  display: none;
}
.p-backVideo #youtubePlayer {
  width: 100%;
  height: auto;
  position: absolute;
  left: 0%;
  top: 50%;
  pointer-events: none;
  transform: translate(0%, -50%);
}
@media screen and (max-width: 767px) {
  .p-backVideo #youtubePlayer {
    width: 100%;
    height: 100%;
  }
}
.p-backVideo #youtubePlayer .ytp-button {
  display: none;
  opacity: 0;
}
@media screen and (max-width: 767px) {
  .p-backVideo #youtubePlayer_player_wrap {
    padding-bottom: 93.25% !important;
  }
}
.p-backVideo #youtubePlayer_player_wrap::after {
  display: none;
}
.p-backVideo__film {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
  pointer-events: none;
  transition: background-color 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
.p-backVideo__film::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../img/bg/line.png) center top repeat;
  animation: film_repeat_pc 0.1s linear infinite forwards;
}
.p-backVideo__mask {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}
.p-backVideo__mask::before, .p-backVideo__mask::after {
  content: "";
  display: block;
  position: absolute;
}
.p-backVideo__mask::before {
  width: 34.63vw;
  height: 34.63vw;
  left: 0;
  bottom: 0;
  background: url(../img/dot2.png) left bottom no-repeat;
  background-size: contain;
}
@media screen and (max-width: 767px) {
  .p-backVideo__mask::before {
    width: 66.2vw;
    height: 66.2vw;
  }
}
.p-backVideo__mask::after {
  width: 24.7vw;
  height: 24.7vw;
  right: 0;
  top: 0;
  background: url(../img/dot1.png) right top no-repeat;
  background-size: contain;
}
@media screen and (max-width: 767px) {
  .p-backVideo__mask::after {
    width: 46.4vw;
    height: 46.4vw;
  }
}
.p-swipVideo {
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.p-swipVideo__list-item {
  cursor: pointer;
  width: 100%;
  max-width: 1000px;
}
@media screen and (min-width: 768px) {
  .p-swipVideo__list-item:hover .p-swipVideo__pict-img {
    transform: translate(0%, -50%) scale(1.03);
  }
  .p-swipVideo__list-item:hover .c-btn__txt {
    animation: 0.1s steps(1) 0s 3 normal none running hover_tenmmetsu;
  }
  .p-swipVideo__list-item:hover .c-btn__icon {
    background-color: #fff;
  }
}
.p-swipVideo__pict {
  position: relative;
  padding-top: 56.25%;
  overflow: hidden;
}
.p-swipVideo__pict-img {
  width: 100%;
  height: auto;
  position: absolute;
  left: 0%;
  top: 50%;
  transform: translate(0%, -50%) scale(1);
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
.p-swipVideo__name {
  position: absolute;
  left: 0;
  bottom: 0;
  transform: translate(-40px, -109%);
}
@media screen and (max-width: 767px) {
  .p-swipVideo__name {
    transform: translate(-14px, -40%);
  }
}
.p-swipVideo__name .c-btn {
  max-width: none;
}
.p-swipVideo__swiper-navigation.swiper-navigation {
  width: 1200px;
  max-width: 90%;
  height: 139px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .p-swipVideo__swiper-navigation.swiper-navigation {
    width: 95%;
    max-width: 95%;
  }
}
.p-swipVideo__swiper-navigation.swiper-navigation .swiper-button {
  width: 139px;
  height: 139px;
  position: absolute;
  top: 50%;
  transform: translate(0%, -34%);
  pointer-events: all;
}
@media screen and (min-width: 768px) {
  .p-swipVideo__swiper-navigation.swiper-navigation .swiper-button:hover::before {
    transform: translate(-50%, -50%) scale(1);
  }
}
@media screen and (max-width: 767px) {
  .p-swipVideo__swiper-navigation.swiper-navigation .swiper-button {
    width: 17vw;
    height: 17vw;
    transform: translate(0%, -15%);
  }
}
.p-swipVideo__swiper-navigation.swiper-navigation .swiper-button-prev {
  left: 0;
}
.p-swipVideo__swiper-navigation.swiper-navigation .swiper-button-next {
  right: 0;
}
.p-swipVideo__swiper-navigation.swiper-navigation .swiper-button::before {
  content: "";
  display: block;
  width: 110%;
  height: 110%;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 50%;
  border: 1px solid #fff;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  box-sizing: border-box;
  transform: translate(-50%, -50%) scale(0.64);
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
.p-swipVideo__swiper-navigation.swiper-navigation .swiper-button::after {
  content: none;
  display: none;
}
.p-swipVideo__swiper-navigation.swiper-navigation .swiper-button__txt {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.p-swipVideo__swiper-navigation.swiper-navigation .swiper-button__txt-prev {
  animation: swiper_prev_circle 10s linear infinite forwards;
}
@keyframes swiper_prev_circle {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
.p-swipVideo__swiper-navigation.swiper-navigation .swiper-button__txt-next {
  animation: swiper_next_circle 10s linear infinite forwards;
}
@keyframes swiper_next_circle {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.p-swipVideo__swiper-navigation.swiper-navigation .swiper-button__duck {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.p-section__title {
  margin: 0 0;
}
@media screen and (max-width: 767px) {
  .p-section__title {
    margin: 0 0;
  }
}
.p-section__lead {
  margin: 20px auto 0;
}
@media screen and (max-width: 767px) {
  .p-section__lead {
    margin: 10px auto 0;
  }
}
.p-section__contents {
  margin: 28px auto 0;
  padding: 0 0;
}
@media screen and (max-width: 767px) {
  .p-section__contents {
    margin-top: 14px;
    padding: 0 0;
  }
}
.p-section__movie {
  margin: 40px auto 0;
}
@media screen and (max-width: 767px) {
  .p-section__movie {
    margin-top: 30px;
  }
}
.p-section__btnList {
  margin: 40px auto 0;
}
@media screen and (max-width: 767px) {
  .p-section__btnList {
    margin: 30px auto 0;
  }
}

.p-movieModal__logo {
  width: 52.3%;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .p-movieModal__logo {
    width: 83.43%;
  }
}
.p-movieModal__lead {
  display: flex;
  justify-content: center;
  align-items: baseline;
  margin: 15px auto 38px;
  font-family: "bryant-web", sans-serif;
  font-size: 28px;
}
@media screen and (max-width: 767px) {
  .p-movieModal__lead {
    margin: 7px auto 28px;
    font-size: 16px;
  }
}
.p-movieModal__lead-txt.--size-s {
  font-size: 22px;
  letter-spacing: -0.04em;
}
@media screen and (max-width: 767px) {
  .p-movieModal__lead-txt.--size-s {
    font-size: 12px;
    letter-spacing: -0.03em;
  }
}
.p-movieModal__lead-txt.--size-b {
  margin-left: 0.6em;
  letter-spacing: -0.01em;
}
@media screen and (max-width: 767px) {
  .p-movieModal__lead-txt.--size-b {
    margin-left: 0.55em;
    letter-spacing: -0.03em;
  }
}
.p-movieModal__movie .video-js {
  height: auto;
}
.p-movieModal__movie .video-js .vjs-big-play-button {
  margin-left: -65px;
  margin-top: -65px;
  width: 130px;
  height: 130px;
  background: url(../img/play_icon.png) center center no-repeat;
  background-size: contain;
}
@media screen and (max-width: 767px) {
  .p-movieModal__movie .video-js .vjs-big-play-button {
    margin-left: -33px;
    margin-top: -33px;
    width: 66px;
    height: 66px;
  }
}
.p-movieModal__movie .video-js .vjs-big-play-button .vjs-icon-placeholder::before {
  display: none !important;
}

.p-op {
  width: 100%;
  height: 100%;
  position: fixed;
  right: 0;
  top: 0;
  background-color: #7f47ff;
  opacity: 1;
  pointer-events: none;
  transition: opacity 0.6s 3.3s cubic-bezier(0.16, 1, 0.3, 1);
  z-index: 2;
}
.js-load .p-op {
  opacity: 0;
}
.p-op::before {
  content: "";
  display: block;
  width: calc(100% - 1.4vw);
  height: calc(100% - 1.4vw);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-image: url(../img/frame/frame_tate_l_sp.png), url(../img/frame/frame_tate_r_sp.png), url(../img/frame/frame_yoko_t_sp.png), url(../img/frame/frame_yoko_b_sp.png);
  background-position: left top, right top, left top, right bottom;
  background-repeat: repeat-y, repeat-y, repeat-x, repeat-x;
  background-size: 0.7vw auto, 0.7vw auto, auto 0.7vw, auto 0.7vw;
}
.p-op::after {
  content: "";
  display: block;
  width: calc(100% - 1.4vw);
  height: calc(100% - 1.4vw);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-image: url(../img/frame/frame_corner_lt_sp.png), url(../img/frame/frame_corner_rt_sp.png), url(../img/frame/frame_corner_lb_sp.png), url(../img/frame/frame_corner_rb_sp.png);
  background-position: left top, right top, left bottom, right bottom;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
  background-size: 0.7vw 0.7vw, 0.7vw 0.7vw, 0.7vw 0.7vw, 0.7vw 0.7vw;
}
.p-op__inner {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.p-op__contents {
  display: flex;
  flex-wrap: wrap;
  width: 25%;
  max-width: 180px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .p-op__contents {
    width: 180px;
  }
}
.p-op__onigiri {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  width: 75%;
  margin: 0 auto;
}
.p-op__onigiri-icon {
  width: 24%;
  animation: onigiri_hane 5s infinite linear forwards;
}
.p-op__onigiri-icon:nth-of-type(1) {
  margin-left: 0;
}
.p-op__onigiri-icon:nth-of-type(1) {
  animation-delay: -5.8s !important;
}
.p-op__onigiri-icon:nth-of-type(2) {
  animation-delay: -5.3s !important;
}
.p-op__onigiri-icon:nth-of-type(3) {
  animation-delay: -4.8s !important;
}
@keyframes onigiri_hane {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  48% {
    opacity: 0;
    transform: scale(0.9);
  }
  50% {
    opacity: 1;
    transform: scale(1);
  }
  98% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1);
  }
}
.p-op__onigiri-icon img {
  width: 100%;
}
.p-op__loading {
  width: 100%;
  display: flex;
  justify-content: center;
  margin: 8% auto 0;
  font-family: "Jersey 10", "Zen Kaku Gothic New", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #fff;
  font-size: 24px;
  letter-spacing: -0.035em;
}
@media screen and (max-width: 767px) {
  .p-op__loading {
    margin-top: 11%;
  }
}
.p-op__loading span {
  display: inline-block;
  margin-right: 0.1em;
  animation: load_hane 3s infinite linear forwards;
}
.p-op__loading span:nth-of-type(1) {
  animation-delay: 0.1s !important;
}
.p-op__loading span:nth-of-type(2) {
  animation-delay: 0.2s !important;
}
.p-op__loading span:nth-of-type(3) {
  animation-delay: 0.3s !important;
}
.p-op__loading span:nth-of-type(4) {
  animation-delay: 0.4s !important;
}
.p-op__loading span:nth-of-type(5) {
  animation-delay: 0.5s !important;
}
.p-op__loading span:nth-of-type(6) {
  animation-delay: 0.6s !important;
}
.p-op__loading span:nth-of-type(7) {
  animation-delay: 0.7s !important;
}
.p-op__loading span:nth-of-type(8) {
  animation-delay: 0.8s !important;
}
@keyframes load_hane {
  0% {
    transform: translate(0, 0px) scale(1);
    opacity: 0;
  }
  40% {
    transform: translate(0, 0px) scale(1);
  }
  50% {
    transform: translate(0, -0.05em) scale(1.1);
    opacity: 1;
  }
  60% {
    transform: translate(0, 0px) scale(1);
  }
  100% {
    transform: translate(0, 0px) scale(1);
    opacity: 0;
  }
}
.p-op__loading span img {
  width: 100%;
}