.footer__nav{border-top:1px solid var(--color-gray-200);display:flex;flex-direction:column;gap:8px;padding:30px 0 0}.footer__nav-item{font-size:var(--font-size-sm)}.footer__sns{display:flex;gap:20px;justify-content:end;margin:8px 0 30px}.footer__sns li a{display:block;height:32px;position:relative;width:32px}.footer__sns-icon{display:block;height:32px;position:absolute;top:50%;transform:translateY(-50%);width:32px}.footer__sns-icon:after,.footer__sns-icon:before{background-size:cover;content:"";display:block;height:100%;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s;width:100%}.footer__sns-icon:after,.footer__sns-link:hover .footer__sns-icon:before{opacity:0}.footer__sns-link:hover .footer__sns-icon:after{opacity:1}.footer__bottom{background-color:var(--color-blue-700);padding:8px}.footer__copyright{color:var(--color-white);font-size:var(--font-size-xs);line-height:var(--line-height-tight);text-align:center}@media (min-width:768px){.footer__nav{padding:60px 0 0}.footer__sns{margin:8px 0 12px}}