.index-page .banner {
  position: relative;
}

.index-page .banner .swiper {
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.index-page .banner:not(.banner-ready) .swiper {
  visibility: hidden;
}

.index-page .banner.banner-ready .swiper {
  visibility: visible;
}

.index-page .banner .swiper-wrapper {
  display: flex;
  width: 100%;
  height: 100%;
  will-change: transform;
  transition: transform 0.6s ease;
}

.index-page .banner:not(.banner-ready) .swiper-wrapper {
  transform: translate3d(0, 0, 0) !important;
  transition: none !important;
}

.index-page .banner .swiper-wrapper > .swiper-slide {
  box-sizing: border-box;
  flex: 0 0 100%;
  width: 100% !important;
  max-width: 100%;
  min-width: 100%;
  height: 100%;
}

.index-page .banner .swiper-slide > .pc-banner,
.index-page .banner .swiper-slide > .pc-phone-banner,
.index-page .banner .swiper-slide > .swiper-slide {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

.index-page .banner .swiper-slide > .swiper-slide {
  max-width: 100%;
}

.index-page .banner.banner-ready .swiper,
.index-page .banner.banner-ready .swiper-slide {
  cursor: pointer;
}

.index-page .banner .swiper-pagination-aichat {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 24px;
  z-index: 20;
  pointer-events: auto;
  cursor: default;
}