/* BootStrapのブレークポイント毎にカードサイズを変える
/* デフォルト(〜575px：なし。モバイル): 18rem */
.brand-card {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

/* sd以上(576px〜：sd。タブレット): 例 10rem */
@media (min-width: 576px) {
    .brand-card {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
}

/* md以上(768px〜：md。タブレット): 例 10rem */
@media (min-width: 768px) {
    .brand-card {
        width: 22rem;
    }
    .brand-card-right {
        margin-left: auto;   /* 自身を右側(中央方向)へ寄せる */
        margin-right: 0;
    }
    .brand-card-left {
        margin-left: 0;
        margin-right: auto;  /* 自身を左側(中央方向)へ寄せる */
    }
}

/* lg以上(992px〜：lg。ラップトップ): 例 22rem */
@media (min-width: 992px) {
    .brand-card {
        width: 28rem;
    }
}

/* xl以上(1200px〜：xl。PC): 24rem */
@media (min-width: 1200px) {
    .brand-card {
        width: 28rem;
    }
}

/* xxl以上(1400px〜：xxl。PC大): 例 26rem */
@media (min-width: 1400px) {
    .brand-card {
        width: 28rem;
    }
}


/* カードの縦方向の間隔を調整 */
.brand-row-gap-y2 {
    --bs-gutter-y: 0.05rem;
}


/* ブランド画像に細い枠線を付ける */
.brand-card .card-img-top {
    border: 1px solid #cccccc;   /* 太さ・線の種類・色 */
}