@charset "UTF-8";
footer{margin: 0; padding: 0; border:none;}
footer a img{transition: all 0.3s ease-out;}
footer a:hover img{opacity: .7;}
footer #footer_menu{padding: 40px 0 25px 0; background: #e9f1f8; color:#152a3b; line-height: 1.2; font-size: 1.4rem;}
footer #footer_menu strong{font-weight: bold;}
footer #footer_menu a{color:#152a3b;}
footer #footer_menu ul.inner li ul{margin-top: 15px; font-size: 1.2rem;}
footer #footer_menu ul.inner li ul li{margin-bottom: 15px;}

footer #footer_bottom{padding: 40px 0;}
footer #footer_bottom .inner{display: grid; grid-template-rows: auto auto;}
footer #footer_bottom .inner #first,
footer #footer_bottom .inner #second{display: grid; align-items: center; width: 100%;}
footer #footer_bottom .inner #first{grid-template-columns: 1fr 1.2fr .55fr; gap: 5%; margin-bottom: 24px;}
footer #footer_bottom .inner #second{grid-template-columns: 1fr 2fr;}
footer #footer_bottom .logo{width:auto; display: grid; gap: 5%; grid-template-columns: 1fr 1fr; align-items: end;}
footer #footer_bottom img{width: 100%; height: auto;}
footer #footer_bottom .menu{font-size: 1.4rem; line-height: 1.2;}
footer #footer_bottom #first .menu{text-align: center;}
footer #footer_bottom #second .menu{text-align: right; position: relative; right: -10px;}
footer #footer_bottom .menu li{text-align: center; display: inline-block; padding: 5px 10px; white-space: nowrap;}
footer #footer_bottom #first .menu li a{color:#03457a;}
footer #footer_bottom #first .menu li:nth-last-child(1){background: #e9f1f8; padding: 5px 15px; border-radius: 13px;}
footer #footer_bottom #second.menu li a{color:#000;}
footer #footer_bottom .sns{width:auto; max-width: 185px; display: grid; gap: 10%; grid-template-columns: 1fr 1fr 1fr 1fr;}
footer #footer_bottom address{font-size: 1.0rem; font-weight: 600; line-height: 1.2; color:#03457a; display: block; width: 185px; margin-bottom: 20px;}

@media screen and (max-width:767px){

    footer a:hover img{opacity: 1;}
    footer #footer_menu{padding: 22px 0 16px 0;font-size: 1.6rem;}
    footer #footer_menu ul.inner{display: grid; grid-template-columns: repeat(2, 1fr); padding: 0 20px;}
    footer #footer_menu ul.inner li{padding-top: 10px;}
    footer #footer_menu ul.inner li ul li{padding-top: 0;}

    footer #footer_bottom{padding: 32px 0 8px 0;}
    footer #footer_bottom .inner,
    footer #footer_bottom .inner #first,
    footer #footer_bottom .inner #second{display: block;}
    footer #footer_bottom #second .menu{text-align: center; right: 0;}
    footer #footer_bottom .logo{max-width: 230px;}
    footer #footer_bottom .menu{max-width: 270px;}
    footer #footer_bottom .sns{max-width: 160px;}
    footer #footer_bottom .payment{max-width: 300px;}
    footer #footer_bottom .logo,
    footer #footer_bottom .menu,
    footer #footer_bottom .sns,
    footer #footer_bottom .payment{margin: 0 auto 24px auto; font-size:1.2rem;}
    footer #footer_bottom .menu li{padding: 5px 5px;}
    footer #footer_bottom address{font-size: 1.2rem; width: auto; text-align: center; margin-bottom: 30px;}

}