@charset "UTF-8";
/* CSS Document */
/**************************************************
* footer
***************************************************/ 
.l-footer-menu-wrap{
    padding-top: 60px;
}
.l-footer__menu{
    padding-bottom:20px;
}
.l-footer__sub-menu{
    padding:26px 0;
}

.l-footer-nav__list{
    margin-bottom: 30px;
}

.l-footer-nav__ttl a{
    font-size: 1.5rem;
    padding: 4px 0;
    display: inline-block;
}
.l-footer-nav__subttl a{
    font-size: 1.4rem;
    /* display:inline-block; */
    padding: 0 ;
    color: var(--color--gray02);
}




/*=================== TBここから ==================*/
@media screen and (min-width: 600px) {
/* footer */
.l-footer-menu-wrap{
    display: grid;
    grid-column-gap:10px;
grid-template-columns: 150px 1fr;
}

.l-footer-nav{
display: grid;
grid-column-gap:30px;
grid-template-columns: 1fr 1fr 1fr;
margin-left: auto;
}
.l-footer-sub-menu{
    display: inline-grid;
    grid-column-gap:10px;
    grid-template-columns:  auto auto;
    margin-right: auto;
}

}
/*=================== TBここまで ==================*/



/*=================== PCここから==================*/
@media screen and (min-width: 1023px) {
.l-footer-menu-wrap{
    padding-top: 100px;
}
.l-footer__menu{
    padding-bottom:100px;
}


.l-footer-nav{
grid-column-gap:90px;
}

.l-footer-nav__ttl a{
    font-size: 1.5rem;
}
.l-footer-nav__subttl a{
    font-size: 1.3rem;
}

.l-footer-sub-menu{
    grid-column-gap:30px;
}
.l-footer-sub-menu .l-footer-nav__ttl a{
    font-size: 1.4rem;
}

}
/*=================== PCここまで ==================*/