/*
 * top-custom.css
 * トップページ専用 追加スタイル
 */

/* ことのはベースについて セクション デコ画像 */
.kotonoha-top-about-section {
  position: relative;
  overflow: visible;
}
.kotonoha-top-about-deco {
  position: absolute;
  top: -40px;
  left: 0;
  width: 400px;
  height: auto;
  pointer-events: none;
  z-index: 1;
}
@media (max-width: 639px) {
  .kotonoha-top-about-deco {
    width: 160px;
    top: -25px;
  }
}

/* MVページネーションのカスタム */
.kotonoha-mv .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: rgba(255, 255, 255, 0.6);
  opacity: 1;
}
.kotonoha-mv .swiper-pagination-bullet-active {
  background: #70C908;
  width: 28px;
  border-radius: 9999px;
  transition: width 0.3s ease;
}
.kotonoha-mv .swiper-pagination {
  bottom: 20px;
  z-index: 10;
}