@charset "utf-8";

.swiper-pagination,
.slick-dots {
    background: transparent !important;
}

/* slickの青い背景を削除 */
.slick-dots,
.slick-dots li,
.slick-dots li button {
    background: transparent !important;
    box-shadow: none !important;
}

/* 白いドットは維持 */
.slick-dots li button:before {
    color: #fff !important;
}

/* slickのドット周囲の枠線を削除 */
.slick-dots li,
.slick-dots li button {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

/* 白い丸は維持 */
.slick-dots li button:before {
    color: #fff !important;
}