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

/* スマホ向けレイアウト */
@media all and (max-width: 670px) {
    .header-list {
        display: none;
    }

    .header-list-mobile {
        display: block;
    }

    .top-wrapper {
        background-position: center;
        background-size: cover;
    }

    .top-wrapper .container p {
        width: 100%;
        padding: 1px 10px;
    }

    footer {
        text-align: center;
    }
}