/* フッター */
.footer {
    background-color: var(--accent-color);
}

.footer__inner {
    width: 100%;
    padding: 4em 8%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer__copyright{
    padding:1em 8%;
}

@media (max-width: 767px) {
    .header__nav-box {
        display: none;
    }

    .footer__inner {
        padding: 5em 5% 7em 5%;
        flex-direction: column;
        align-items: flex-start;
    }

    .footer__nav-box{
        margin-top: 2em;
        align-items: flex-start;
    }

    .footer__copyright{
        padding:0.5em 5%;
    }
}