footer{
    background-color: var(--Midnight-Whisper-main-color);
    color: #ffffffd7;
}
.ft{
    display: flex;
    justify-content: space-between;
    padding: var(--space-x-large) 0;
    border-bottom: 1px solid #fff;
}
.footer-menu{
    display: flex;
    gap: var(--space-normal);
}
.sns{
    display: flex;
    gap: var(--space-normal);
}
.sns img{
    height: 1.2rem;
}
.fb{
    padding-top: var(--space-x-large);
    padding-bottom: var(--space-3x-large);
    display: flex;
    justify-content: space-between;
}
.fb dl>*{
    display: inline;
}
.copy{
    padding-bottom: var(--space-2x-large);
    text-align: center;
}
@media (max-width:768px){
    .footer-menu{
    display: flex;
    flex-direction: column;
    gap: var(--space-normal);
    }
    .fb{
        flex-direction: column;
        align-items: flex-end;
        gap: var(--space-x-large);
    }
}