/* ロゴのサイズにより個別調整する事があるため別CSSに分離 */

.header-logo {
    flex: 0 1 190px;
    /* min-width: 150px; */


}

.header-pcnav {
    flex: 1 0;
    max-width: 1000px;
}

.header-pcnav-list {
    gap: 0;
}

.header-pcnav-list>li {
    flex: 1 1 112px;
    text-align: center;
}

@media only screen and (max-width: 1250px) {
    .header {
        gap: 0;
    }

    .header-logo {
        padding: 0;
    }

    .header-pcnav-list>li {
        flex: 1 0 100px;

    }

}

@media only screen and (max-width: 969px) {
    .header {
        gap: 0 2rem;
    }

    .header-logo {
        flex: 0 1 150px;
    }
}