/* =========================
!Swiper
========================= */
.siki-hero {
  width: 100%;
  overflow: hidden;
}

.siki-hero-swiper {
  width: 100%;
}

.siki-hero-swiper .swiper-wrapper {
  height: 100%;
}

.siki-hero-slide {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-height: 420px;
  padding: 2rem 1rem;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.siki-hero-content {
  width: min(100%, 72rem);
  margin: 0 auto;
  padding: 0 1rem;
}

.siki-hero .swiper-pagination {
  bottom: 1rem !important;
  top: auto !important;
}

.siki-hero .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  margin: 0 6px !important;
  background: rgba(255, 255, 255, 0.8);
  opacity: 1;
}

.siki-hero .swiper-pagination-bullet-active {
  background: #fff;
}

.swiper-container {
  padding-bottom: 64px;
}
.swiper-slide {
  transition: transform 0.3s ease-in-out;
}
.swiper-slide:not(.swiper-slide-active) {
  transform: scale(0.9);
}
.swiper-pagination {
  top: -22px !important;
}
.swiper-button-prev::after,
.swiper-button-next::after {
  display: none;
}
.swiper-pagination-bullet {
  background-color: #44a371;
}
.swiper-button-prev {
  background-image: url('/personal/service/siki/assets/images/icon/play_left.svg');
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  left: 25%;
}
.swiper-button-next {
  background-image: url('/personal/service/siki/assets/images/icon/play_right.svg');
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  right: 25%;
}
.swiper-controls {
  position: relative;
  top: 53px;
}
.mv-cross-contained {
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
}
@media (min-width: 768px) {
  .siki-hero-slide {
    min-height: 500px;
    padding: 2.5rem 1.5rem;
  }

  .siki-hero-content {
    padding: 0 1.5rem;
  }
}

@media (min-width: 1024px) {
  .siki-hero-slide {
    min-height: 560px;
    padding: 3rem 2rem;
  }

  .siki-hero-content {
    padding: 0 2rem;
  }
}

@media (min-width: 1152px) {
  .swiper-container {
    padding-bottom: 0px;
  }
  .swiper-slide:not(.swiper-slide-active) {
    transform: scale(1);
  }
  .swiper-pagination {
    display: none;
  }
}