@media (max-width: 1399.98px) {}

@media (max-width: 1199.98px) {
    .menu-logo {
        width: 20rem;
    }

    .index-menu__link a {
        font-size: 1.8rem;
        line-height: 2.8rem;
    }

    .index-menu__sns a {
        width: 5rem;
    }

    .index-about__main-img {
        width: 40%;
    }

    .index-main-menu__pic {
        width: 80%;
    }

    .index-main-menu__takeout {
        width: 80%;
    }

    .index-main-menu__takeout-right {
        width: 50%;
    }

    .index-access__block {
        align-items: center;
        width: 80%;
    }

    .index-access__block-img {
        width: 50%;
    }

    .index-access__block-text--img img {
        width: 18rem;
    }

    .index-access__site-area {
        width: 80%;
    }

    .index-access__site-area a {
        width: 47%;
    }
}

@media (max-width: 991.98px) {

    .index-menu {
        padding: 2rem 2rem 0;
    }

    .menu-logo {
        width: 15.5rem;
    }

    .menu-logo-under-active {
        display: block;
        position: fixed;
        top: 2rem;
        left: 2rem;
        width: 11rem;
    }

    .index-menu-right {
        right: 2rem;
    }

    .index-menu__link {
        display: none;
    }

    .index-menu-sp {
        position: fixed;
        bottom: 3.2rem;
        left: 0;
        display: block;
        width: 100%;
        z-index: 1;
    }

    .index-menu-sp ul {
        display: flex;
        justify-content: center;
    }

    .index-menu-sp ul li {
        margin-right: 1.6rem;
    }

    .index-menu-sp ul li:last-child {
        margin-right: 0;
    }

    .index-menu-sp ul li a {
        font-family: poppin;
        padding: 6px 2rem;
        border-radius: 2rem;
        background-color: #F6F1F3;
        font-size: 1.8rem;
        line-height: 2.8rem;
        color: #E05A79;
    }

    .index-mainimg {
        display: none;
    }

    .index-mainimg-sp {
        display: block;
        width: 100%;
        height: 100vh;
    }

    .index-mainimg-sp img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .index-about {
        padding-top: 8rem;
    }

    .index-about__title {
        font-size: 3.3rem;
        letter-spacing: 0.66px;
        line-height: 5rem;
        padding-bottom: 4rem;
    }

    .index-about__text {
        font-size: 1.6rem;
        letter-spacing: 0.8px;
        padding-bottom: 8rem;
    }

    .br-third-on {
        display: block;
    }

    .index-about__main {
        flex-direction: column;
        padding: 0 2rem 8rem;
    }

    .index-about__main-text {
        margin-right: 0;
    }

    .index-about__main-text--one {
        font-size: 4.1rem;
        line-height: 6.1rem;
        padding-bottom: 3.2rem;
        text-align: center;
    }

    .index-about__main-text--two {
        font-size: 1.6rem;
        letter-spacing: 0.3px;
        line-height: 3rem;
        text-align: center;
        padding-bottom: 4rem;
    }

    .index-about__main-img {
        width: 29.6rem;
        margin: 0 auto;
    }

    .index-about__pic {
        display: none;
    }

    .index-about__pic-sp {
        display: block;
        width: 100%;
    }

    .index-about__pic-sp img {
        width: 100%;
    }

    .index-main-menu {
        padding-top: 8rem;
    }

    .index-main-menu__title {
        font-size: 3.3rem;
        letter-spacing: 0.66px;
        line-height: 5rem;
        padding-bottom: 4rem;
    }

    .index-main-menu__pic {
        display: none;
    }

    .index-main-menu__pic-sp {
        display: block;
        width: 100%;
    }

    .index-main-menu__pic-sp img {
        width: 100%;
    }

    .index-main-menu__text {
        padding: 2.4rem 0 8rem;
        font-size: 1.4rem;
        letter-spacing: 0.7px;
        line-height: 2.52rem;
    }

    .index-main-menu__takeout {
        width: 100%;
        flex-direction: column;
        padding: 0 2rem;
    }

    .index-main-menu__takeout-left--toptext {
        font-size: 4.1rem;
        line-height: 6.1rem;
        padding-bottom: 3.2rem;
        text-align: center;
    }

    .index-main-menu__takeout-left--bottomtext {
        font-size: 1.4rem;
        letter-spacing: 0.28px;
        line-height: 2.5rem;
        text-align: center;
        padding-bottom: 4rem;
    }

    .index-main-menu__takeout-right {
        display: none;
    }

    .index-main-menu__takeout-right-sp {
        display: block;
        width: 100%;
    }

    .index-main-menu__takeout-right-sp img {
        width: 100%;
    }

    .index-access {
        padding-top: 8rem;
        padding-bottom: 8rem;
    }

    .index-access__title {
        font-size: 3.3rem;
        letter-spacing: 0.66px;
        line-height: 5rem;
        padding-bottom: 2.4rem;
    }

    .index-access__block {
        display: none;
    }

    .index-access__block-sp {
        display: block;
        width: 100%;
    }

    .index-access__block-sp img {
        width: 100%;
    }

    .index-access__block-sp__img {
        display: flex;
        width: 100%;
        margin-top: -1px;
    }

    .index-access__block-sp__img img {
        width: 50%;
    }

    .index-access__block-text-sp {
        padding: 4rem 2rem;
        display: block;
    }

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

    .index-access__map {
        width: 100%;
        height: 18rem;
    }

    .index-access__site-area {
        width: 100%;
        padding: 0 2rem;
        flex-direction: column;
    }

    .index-access__site-area a {
        width: 100%;
    }

    .index-access__site-area a:first-child {
        margin-bottom: 4rem;
    }

    .index-footer-navi {
        display: none;
    }

    .index-footer {
        padding: 8.4rem 0;
        position: relative;
    }

    .index-footer-snsarea {
        padding: 0 0 3.2rem;
    }

    .index-topback-btn {
        display: block;
        position: absolute;
        top: 1.6rem;
        right: 2rem;
        width: 4rem;
        height: 4rem;
        background-color: #F6F1F3;
        border-radius: 50%;
    }

    .index-topback-btn span {
        display: block;
        width: 1.2rem;
        height: 1.2rem;
        border-top: #E05A79 solid 3px;
        border-right: #E05A79 solid 3px;
        position: absolute;
        top: 1.6rem;
        left: 1.4rem;
        transform: rotate(-45deg);
    }
}

@media (max-width: 767.98px) {}

@media (max-width: 575.98px) {

    .menu-logo {
        width: 13.5rem;
    }

    .menu-logo-active {
        width: 8rem;
    }

    .menu-logo-under-active {
        display: block;
        position: fixed;
        top: 2rem;
        left: 2rem;
        width: 8rem;
    }

    .index-menu__sns a {
        width: 3.2rem;
    }

    .index-menu__sns a:first-child {
        margin-right: 8px;
    }

    .br-fifth-on {
        display: block;
    }

    .index-main-menu__text {
        padding: 2.4rem 2rem 8rem;
        text-align: left;
    }

    .index-main-menu__text span {
        display: inline-block;
        width: 1.5rem;
    }

    .index-about__main-text--one {
        white-space: nowrap;
    }

    .index-about__main-text--two {
        white-space: nowrap;
    }

    .index-menu-sp ul li a {
        padding: 5px 2rem;
        font-size: 1.5rem;
        line-height: 2.3rem;
    }

    .index-access__map-btn {
        width: 12.6rem;
        margin: 2.4rem auto 9.3rem;
        font-size: 1.4rem;
        line-height: 2.1rem;
        padding: 1rem 0;
    }

    .index-access__site-area a:first-child {
        margin-bottom: 2.4rem;
    }
}