@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Hind');

/* PC版・スマホ版共通のスタイル */


/* PC版のスタイル */
@media only screen and (min-width: 768px) {
    .brand_list {
        background: #F8F6F4;
    }
    .brand_list .brand_list_title {
        font-family: "Hind";
        font-size: 18px;
        font-weight: 650;
        padding-top: 72px;
        padding-bottom: 40px;
        text-align: center;
    }
    .brand_list .brand_list_items {
        width: 630px;
        margin-left: 72px;
        display: flex;
        flex-wrap: wrap;
    }
    .brand_list .brand_list_items .brand_list_item {
        margin: 8px;
        width: 110px;
        height: 64px;
    }
}

/* スマホ版のスタイル */
@media only screen and (max-width: 767px) {
    .brand_list {
        background: #F8F6F4;
    }
    .brand_list .brand_list_title {
        font-family: "Hind";
        font-size: 18px;
        font-weight: 650;
        padding-top: 64px;
        padding-bottom: 40px;
        text-align: center;
    }
    .brand_list .brand_list_items {
        display: flex;
        flex-wrap: wrap;
    }
    .brand_list .brand_list_items .brand_list_item {
        margin-top: 8px;
        margin-bottom: 8px;
        margin-left: 4px;
        margin-right: 4px;
        width: 110px;
        height: 64px;
        flex-grow: 1;
    }
    .brand_list .brand_list_items .brand_list_item img {
        display: block;
        margin: 0 auto;
    }
}