/* club_ing */
.club_swiper_box { margin: 30px 0; }
.club_swiper { position: relative; }
.club_swiper .swiper-slide { display: flex; align-items: center; justify-content: center; }
.club_swiper .swiper-slide img { display: block; width: 100%; max-width: 100%; height: auto; margin: 0; }
.club_swiper .swiper-button-prev,
.club_swiper .swiper-button-next { top: 50%; z-index: 10; width: 44px; height: 44px; margin-top: 0; border-radius: 50%; background: rgba(0, 0, 0, 0.5) no-repeat center center / 8px 14px; transform: translateY(-50%); }
.club_swiper .swiper-button-prev::after,
.club_swiper .swiper-button-next::after { content: none; }
.club_swiper .swiper-button-prev { left: 15px; background-image: url("/img/sub/swiper_prev.svg"); }
.club_swiper .swiper-button-next { right: 15px; background-image: url("/img/sub/swiper_next.svg"); }
.club_swiper_box .swiper-pagination { position: static; display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 20px; }
.club_swiper_box .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 !important; background: #fff; opacity: 0.3; }
.club_swiper_box .swiper-pagination-bullet-active { background: var(--main-color); opacity: 1; }

@media (max-width: 768px) {
  .club_swiper_box { margin: 20px 0; }
  .club_swiper .swiper-button-prev,
  .club_swiper .swiper-button-next { width: 32px; height: 32px; background-size: 6px 11px; }
  .club_swiper .swiper-button-prev { left: 8px; }
  .club_swiper .swiper-button-next { right: 8px; }
}