body > footer {
    display:flex;
    position:fixed;
    bottom:calc(var(--padding) * 2);
    right:calc(var(--padding) * 2);
    flex-direction: column;
    gap:var(--gap);
    align-items: flex-end;
    justify-content: flex-end;
    width:calc(25cqw - (var(--padding) * 4));
}
body > footer li {
    font-weight:bold;
}
body > footer li a:hover {
    text-decoration: underline;
    text-underline-offset: 4px;
    padding:10px 0;
}

body > footer .sns {
    font-size:1.1em;
    font-weight:bold;
}
body > footer .sns i {
    font-size:1.4em;
    font-weight:normal;
}

@media (max-width:920px ) {
    body > footer {
        position:static;
        width:calc(100% - (var(--padding) * 2));
        margin:calc(var(--padding) * 2) auto 100px auto;
        align-items: center;
    }
    body > footer h1 {
        width:60%;
        max-width:300px;
    }
}
@media (max-width:520px ) {

}