@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@500;700&display=swap');

.c-gnav.c-support_nav{
    font-family: "Zen Maru Gothic", sans-serif;
    font-weight: 500;
}

.l-header__gnav .c-gnav.c-support_nav > .menu-item .ttl::before{
    content: unset;
}

.c-gnav.c-support_nav>.menu-item>a .ttl{
    font-size: 1.125rem;
    font-weight: bold;
}

.l-header__gnav{
    display: flex;
    gap: 20px;
}

.c-support_nav__button{
    display: flex;
    justify-content: center;
    align-items: center;
}

.c-support_spnav__button{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}

.c-support_spnav__button .c-support_button{
    width: 100%;
    max-width: 300px;
}

.c-support_button{
    color: white !important;
    font-size: 1.125rem;
    font-weight: bold;
    text-align: center;
    border-radius: 60px;
    background: #18A163;
    border: 2px solid #18A163;
    padding: 1em 1.5em;
    transition: .25s;
    white-space: nowrap;
}

.c-support_button:hover{
    color: #18A163 !important;
    background-color: white;
}

.c-support_footer{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 80px;
    padding-bottom: 40px;
    font-family: "Zen Maru Gothic", sans-serif;
    font-weight: 500;
}

.c-support_footer__adderss{
    font-size: 1.125rem;
    line-height: 4;
    font-style: normal;
}

.c-support_footer__tel{
    font-size: 3rem;
    pointer-events: none;
}

.c-support_footer__nav{
    margin-top: 30px;
}

.c-support_footer__menu{
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    font-size: 1.125rem;
    font-weight: bold;
}

.c-support_footer__menu a{
    transition: .25s;
}
.c-support_footer__menu a:hover{
    opacity: .8;
}

.c-support_footer__copy{
    font-size: 1rem;
    margin-top: 80px;
}

@media screen and (max-width: 1200px) {
    #gnav {
        padding-top: unset !important;
    }
}

@media (max-width: 959px) {
    .l-header__gnav {
        display: none;
    }

    .c-support_footer{
        padding-top: 60px;
        padding-bottom: 30px;
    }

    .c-support_footer__adderss{
        line-height: 3;
    }

    .c-support_footer__tel{
        pointer-events: unset;
    }


    .c-support_footer__menu{
        flex-direction: column;
        gap: 15px;
    }

    .c-support_footer__copy{
        margin-top: 60px;
    }

}