@layer components{.footer-bottom-menu-link,.footer-logo-link,.footer-top-menu-link{display:block;transition:opacity .5s}.footer-container{border-bottom:1px solid;border-top:1px solid;border-color:rgb(var(--text-white-rgb),.2)}.footer-logo-img{max-width:150px;width:100%}.footer-site-name{font-size:2rem;white-space:nowrap}.footer-top-menu-item,.footer-top-menu-link{width:100%}.footer-logo-link{padding:.5em}.footer-top-menu-link{font-size:var(--font-size-xl);letter-spacing:.05em;padding:1rem;text-align:center}.footer-sns-link{border:1px solid transparent;border-radius:50%;display:grid;overflow:clip;padding:.6666rem;place-content:center;position:relative;transition:border-color .5s;z-index:1}.footer-sns-link:hover{border-color:rgb(var(--text-white-rgb),.5)}.footer-sns-link:before{background:linear-gradient(45deg,rgb(var(--accent-red-rgb),.5),transparent);content:"";height:100%;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .5s;width:100%;z-index:-1}.footer-sns-link:hover:before{opacity:1}.footer-sns-icon{max-height:22px;max-width:22px}.footer-bottom-menu-container{padding:2rem var(--double-horizontal-padding)}.footer-bottom-menu-list{gap:2rem 22.5%;letter-spacing:.05em}.footer-bottom-menu-link{padding:.5em}.footer-bottom-menu-link:hover,.footer-logo-link:hover,.footer-top-menu-link:hover{opacity:.75}@media (min-width:465px){.footer-bottom-menu-list{gap:2rem 4rem}}@media (min-width:1240px){.footer-top-menu-item{border-right:1px solid;border-color:var(--text-white-rgb);width:auto}.footer-top-menu-item:first-of-type{border-left:1px solid}.footer-top-menu-link{font-size:var(--font-size-l);padding:.25rem 2rem}}}