._sp{
    display: none;
}
.c-fixed-menu{
    display: none;
}
@media screen and (max-width: 768px){
    ._sp{
        display: block;
    }
    img{
        max-width: 100%;
        height: auto;
        vertical-align: bottom;
    }
    html{
        /*font-size: 12px;*/
    }
    .content-wrapper{
        padding:0 5%;
    }
    .contents-section .content-wrapper{
        padding: 0;
    }
    .contents-overlay{
        top: 5px;
        left: 5px;
        right: 5px;
        bottom: 5px;
    }


    .nav-container{
        padding: 12px 12px 12px 24px;
    }
    .nav_wrap{
        padding: 100px 0;
        overflow-y: scroll;
    }
    .nav_wrap_list{
        position: static;
        transform: unset;
        margin: 0 auto;
    }
    .nav_wrap_item{
        width: calc( (100% - 15px) / 2);
        margin: 0 auto;
    }
    .nav_wrap_bottom .nav-buttons{
        display: flex;
        background: transparent;
        box-shadow: none;
        position: static;
    }
    .footer-logos{
        margin: 50px auto;
    }
    .footer-logo-item{
        width: 100%;
        display: block;
        margin: 0 auto;
    }
    .footer-label{
        width: 100px;
    }
    .footer-label + .footer-link {
        display: inline-block;
    }
    .footer-label + .footer-link img{
        height: 30px !important;
        width: auto !important;
    }
    body.about .contents-grid,
    body.access .contents-grid,
    body.plan .contents-grid,
    .contents-section .contents-grid{
        gap: 5px;
        padding: 0 5%;
    }
    .contents-subtitle{
        font-size: 1rem;
    }
    .footer-tel .footer-tel-number{
        font-size: 36px;
        line-height: 1;
    }
    .footer-tel{
        margin: 0 0 20px 10px;
    }
    .footer-tel-btn{
        margin: 30px auto;
        width: 70%;
    }
    .footer-tel-btn a{
        display: block;
        padding: 20px 0 20px 30px;
        background: url(../images/common/icon_tel.svg) left 20px center / auto 50% no-repeat, linear-gradient(90deg, #6b6b6b, #303030) ;
        color: #fff;
        font-size: 1.25rem;
    }


    .quiet-section .content-wrapper p,
    .location-section .content-wrapper p,
    .shopping-section .content-wrapper p,
    .education-section .content-wrapper p,
    .cycling-section .content-wrapper p,
    .content-section .content-wrapper p{
        white-space: normal;
    }
    .content-section .content-wrapper p + img{
        margin: 20px 0 0;
    }

    .hero-main .hero-title-area .hero-subtitle{
        font-size: 24px;
    }
    .content-section{
        background: #fff url(../images/common/sub_bg.png) top left / 100% auto no-repeat;
    }
    .copyright{
        font-size: 1rem;
    }

    .c-fixed-menu{
        display: block;
    }
    .c-fixed-menu {
        position: fixed;
        bottom: 0;
        width: 100%;
        margin: 0;
        padding: 0;
        background: #fff;
        z-index: 100;
    }
    .c-fixed-menu__list {
        margin: 0;
        padding: 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        list-style: none;
    }
    .c-fixed-menu__list > li {
        width: 25%;
        height: 20vw;
        padding: 0;
        font-size: 2.4vw;
    }
    .c-fixed-menu__list > li > a {
        position: relative;
        display: block;
        width: 100%;
        height: 100%;
        padding-top: 10.6vw;
        text-align: center;
        color: #333;
        text-decoration: none;
        background: #E8EFEF;
    }
    .c-fixed-menu__list > li + li > a {
        border-left: 1px solid rgba(211, 211, 211, 1);
    }
    .c-fixed-menu__list > li.c-fixed-menu__item--req > a {
        background: linear-gradient(90deg, #A5D0DF 0%, #1F7470 100%);
    }
    .c-fixed-menu__list > li > a span {
        position: relative;
        font-size: 1.2rem;
        letter-spacing: .15em;
    }
    .c-fixed-menu__list > li > a span:after {
    }
    .c-fixed-menu__item--tel > a:after {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 100%;
        content: '';
        background: url(../images/common/footer_tel.svg) center 2.7vw / 6.8vw 6.8vw no-repeat;
    }
    .c-fixed-menu__item--outline > a:after {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 100%;
        content: '';
        background: url(../images/common/footer_outline.svg) center 3.6vw/8.2vw 6.2vw no-repeat;
    }
    .c-fixed-menu__item--map > a:after {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 100%;
        content: '';
        background: url(../images/common/footer_map.svg) center 3vw/5vw 7vw no-repeat; 
    }
    .c-fixed-menu__item--req > a > span{
        color: #fff;
    }
    .c-fixed-menu__item--req > a:after {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 100%;
        content: '';
        background: url(../images/common/footer_req.svg) center 3.4vw/7.2vw 6vw no-repeat;
    }
    footer{
        padding: 0 0 20vw;
    }
}