.top-MV .swiper {
    width: 100%;
  }
  
  .top-MV .swiper-slide img {
    display: block;
    width: 100%;
    height: auto;
  }
  
  /* dot位置だけ（色はデフォルトのまま） */
  .top-MV .swiper-pagination {
    bottom: 10px;
  }
  

  /* dot：少し大きめ + 指定カラー */
.top-MV .swiper-pagination-bullet {
    opacity: 1;
    background: transparent;
    border: 1px solid #009AD1;
  
    width: 14px;
    height: 14px;
    border-radius: 9999px;
    margin: 0 6px !important; /* Swiperのinline指定に勝つため */
  }
  
  /* active：塗りつぶし */
  .top-MV .swiper-pagination-bullet-active {
    background: #009AD1;
    border-color: #009AD1;
  }
  
  /* クリックしやすい当たり判定（見た目は変えない） */
  .top-MV .swiper-pagination-bullet::after {
    content: "";
    position: absolute;
    inset: -8px; /* 当たり判定だけ広げる */
  }
  .top-MV .swiper-pagination-bullet {
    position: relative;
  }