@media (max-width: 1399.98px) {}
@media (max-width: 1199.98px) {
    .header {
        padding: 0px 6rem;
    }

    .nav ul {
        gap: 2rem;
    }

    .header__title {
        gap: 2rem;
    }

    .header__title img {
        width: 8rem;
    }

    .container {
        width: 95%;
    }

    .heading {
        font-size: 4.5rem;
    }

    .heading--under {
        font-size: 2rem;
    }

    .about__under {
        gap: 6px;
    }

    .about__under-content {
        width: calc(100% / 3);
    }

    .menu__item {
        width: calc(100% / 3 - 8px);
    }

    .footer__logo {
        width: 8rem;
    }
}
@media (max-width: 991.98px) {
    .header {
        padding: 0 4rem;
    }

    .nav{
        display: none;
    }

    .about__top--img {
        width: 35rem;
    }

    .menu__lead {
        font-size: 2.1rem;
        margin: 4rem auto 2.8rem;
    }

    .menu__content {
        gap: 6rem 0;
    }

    .menu__item {
        width: calc(100% / 2 - 8px);
    }

    .access__content {
        flex-direction: column-reverse;
        align-items: baseline;
        gap: 4rem;
    }

    .access__map {
        width: 100%;
    }

    .access__map iframe {
        height: auto;
        aspect-ratio: 16 / 9;
    }

    .access__item {
        gap: 5px;
        flex-direction: column;
    }

    .othershop {
        justify-content: center;
        width: 500px;
        flex-wrap: wrap;
        margin: 0 auto;
        gap: 3rem;
    }
}
@media (max-width: 767.98px) {}
@media (max-width: 575.98px) {
    .header {
        height: 9rem;
        padding: 0 2rem;
        position: unset;
    }

    .header__title img {
        width: 6rem;
    }

    .header__title h1 {
        font-size: 2.4rem;
    }

    .hero{
        margin-top: 0;
    }

    .container {
        width: 90%;
    }

    .heading {
        font-size: 3.2rem;
    }

    .heading--under {
        font-size: 1.8rem;
    }

    .info__text {
        font-size: 1.5rem;
        line-height: 2.1rem;
    }

    .br-sp-off{
        display: none;
    }

    .about__top {
        flex-direction: column-reverse;
        padding-top: 3rem;
        gap: 3rem;
    }

    .about__text {
        font-size: 1.5rem;
        line-height: 3rem;
    }

    .about__under {
        gap: 3rem;
        flex-direction: column;
    }

    .about__under-content {
        width: 100%;
    }

    .menu__item {
        width: 100%;
    }

    .menu__lead {
        font-size: 1.8rem;
        margin: 3.2rem auto 2.4rem;
    }

    .menu__content {
        gap: 5rem 0;
        padding-bottom: 5rem;
    }

    .menu__text {
        font-size: 1.6rem;
        line-height: 3.2rem;
    }

    .access__item span {
        font-size: 1.5rem;
        line-height: 2.1rem;
    }

    .access__item .access-time--notes{
        font-size: 1.2rem;
    }

    .othershop {
        width: 100%;
        gap: 2rem;
    }

    .othershop__link {
        width: calc(100% / 2 - 1rem);
    }

    .footer__logo {
        width: 6rem;
    }

    .copyright {
        font-size: 1.2rem;
    }
}