/* スライダー全体の幅と高さ調整 */
.slick-slider {
    width: 100%; /* スライダーの幅を100%に設定 */
   
    margin: 0 auto; /* センター寄せ */
}

.slick-slide {
    padding: 0 10px; /* スライド間の余白 */
}

.slick-slide img {
    width: 100%; /* 画像をスライド全体に合わせる */
    height: auto; /* 高さを自動調整 */
}

/* ナビゲーション矢印のスタイル */
.slick-prev, .slick-next {
    font-size: 24px;
    color: #333; /* 矢印の色 */
    z-index: 1; /* 矢印の重なり順序 */
}

.slick-prev {
    left: 10px;
}

.slick-next {
    right: 10px;
}

/* ドットナビゲーションのスタイル */
.slick-dots {
    bottom: 10px; /* ドットナビゲーションの位置調整 */
}

.slick-dots li button {
    font-size: 12px; /* ドットサイズ調整 */
}

.slick-dots li.slick-active button {
    background-color: #333; /* アクティブドットの色 */
}