/* PC（デスクトップ）では、デフォルトの表示（小さめのアイコン）が維持されます。
   以下の設定は、スマホやタブレット（画面幅 768px 以下）の時だけ適用されます。
*/

@media screen and (max-width: 768px) {

    /* 1. スライド1枚あたりの枠の余白を調整（スマホ用） */
    .slickslider.affiliation .slick-slide {
        padding: 0 15px; /* スマホで見やすい間隔 */
        box-sizing: border-box;
    }

    /* 2. 画像自体のサイズ制限を解除し、枠いっぱいに広げる（スマホ用） */
    .slickslider.affiliation .slick-slide img {
        width: 100% !important;
        max-width: none !important;
        height: auto !important;
        margin: 0 auto;
        border: none !important;
        box-shadow: none !important;
        object-fit: contain; /* 比率を崩さずに表示 */
    }

}