@charset "UTF-8";
.header-banner{
    width: fit-content;
    margin: auto;
}

/* PC */
@media screen and (min-width: 769px) {
    .header-banner{
        padding: 3em 1em;
        width: 40em;
    }

    .sp_header-container{
        display: none;
    }

    .sp-only {
        display: none;
    }
}

/* SP */
@media screen and (max-width: 768px) {
    .header-banner{
        padding: 1em 0.5em 3em;
    }

    .pc_header-container{
        display: none;
    }

    .sp-only {
        display: block;
    }
}

/* 384px以下の端末用 */
@media screen and (max-width: 384px) {
}