.p-top-kv{
  width: 100% !important;
  height: auto;
}
#js-top-slider img{
  vertical-align: bottom;
}
#js-top-slider a {
  transition: all 0.5s;
  opacity: 1 !important;
}
#js-top-slider a:hover {
  transition: all 0.5s;
  opacity: 1 !important;
}
#js-top-slider picture{
  display: block;
  aspect-ratio: 120 / 191;
}
#js-top-slider picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
#js-top-slider .p-top-main__slider-navigation--prev,#js-video-slider .p-video__slider-navigation--prev{
  left: 3vw;
}
#js-top-slider .p-top-main__slider-navigation--next,#js-video-slider .p-video__slider-navigation--next{
  right: 3vw;
}
#js-top-slider .p-top-main__slider-navigation--next::after,#js-video-slider .p-video__slider-navigation--next::after{
  transform: scaleX(-1);
}
#js-top-slider .p-top-featured__slider-pagination{
  padding: 30px 0;
  position: absolute !important;
  bottom: 0 !important;
}
.swiper-wrapper{
  z-index: auto !important;
}
.swiper-pagination{
  position: static !important;
}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{
  bottom: auto !important;
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
  margin: 0 10px 0 0 !important;
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:last-child, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet:last-child{
  margin: 0 !important;
}
.swiper-pagination-bullet{
  background: transparent !important;
  opacity: 1 !important;
}
.swiper-pagination-bullet-active{
  background: var(--color-black) !important;
}

.video-slider-wrap{
  overflow: hidden;
  position: relative;
}

#js-video-slider .swiper-slide{
  width: 45%;
}
#js-video-slider .youtube-wrap{
  position: relative;
}
#js-video-slider .youtube-wrap a::before{
  content: "";
  width: 15%;
  aspect-ratio: 256 / 195;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  background: url(../../src/img/icon-play.svg) no-repeat center center;
  background-size: contain;
}
#js-video-slider .youtube-wrap img{
  vertical-align: bottom;
}
#js-video-slider .p-top-featured__slider-navigation{
  top: calc(50% - 20px);
}
@media screen and (min-width:600px) {
  #js-top-slider picture{
    aspect-ratio: 12 / 5;
  }
}
@media screen and (min-width:768px) {
  #js-video-slider .swiper-slide{
    width: 33.333333%;
  }
}
@media screen and (max-width:767px) {
  .p-top-kv::after{
    content: none !important;
  }
}