/* スモール */
@media (min-width: 0px) {
    header {
        display                   : flex;

        height                    : var(--header-hight);
    
        background                : #8ec6ff;
    }

    header #title {
        display                   : flex;

        width                     : 84vw;
    }

    header #title h1 {
        margin                    : 0 auto;
    }

    header #title h3 {
        padding                   : 8px 0 0 16px;
    }

    header ul {
        padding                   : 0 0 0 72px;

        font-size                 : 16px;
    }
}

/* ミドル */
@media (min-width: 651px) {
    header #title {
        width                     : 90vw;
    }
}

/* ラージ */
@media (min-width: 961px) {
}