/* タブレット向けレイアウト */
@media all and (max-width: 1000px) {
    .header-list-mobile {
        display: none;
    }
}

/* スマホ向けレイアウト */
@media all and (max-width: 767px) {
    header {
        margin-top: 0px;
    }
    h1 {
        font-size: 26px;
    }
    section {
        margin: 10px auto;
    }
    .header-list {
        display: none;
    }
    .header-list-mobile {
        display: block;
    }
    .header {
        background-position: 21% 50%;
        margin-bottom: 65px;
    }
    .header-logo {
        padding: 5px 12px;
    }
    .container {
        margin-top: 12px;
    }
}