#footer {
    position:relative;
    padding-top:var(--size100);
    padding-bottom:var(--size100);
    z-index: 2;
}
.footer .container {
    position:relative;
}
.footer_top {
    padding-bottom:var(--size100);
}
.f_logo {
    width:clamp(100px,9.375vw,135px);
}

.fnav {
    width:100%;
    position:relative;
    justify-content: flex-end;
}
.fnav .deco {
    position:absolute;
    width:min(18.75%,270px);
    height:auto;
    aspect-ratio:270/58.1927;
    left:-7.6%;
    top:0;
}
.fnav > ul {
    display: flex;
    justify-content: flex-end;
    padding:0;
    list-style: none;
    flex-flow: wrap;
}
.fnav > ul > li {
    list-style: none;
    position:relative;
    margin-right:var(--size100);
}
.fnav > ul > li:first-child {
    margin-right:var(--size60);
}
.fnav > ul > li:nth-of-type(3) {
    margin-right:0;
}
.fnav > ul > li:last-child {
    margin-right:0;
}
.fnav ul li a {
    color:var(--white);
    transition:opacity .4s var(--ease);
}
.fnav ul li a:hover {
    opacity:0.5;
}
.fnav ul.f-nav-child {
    padding-left:1em;
}
.fnav ul.f-nav-child li{
    list-style: disc;
    top:100%;
    font-size:var(--fsize12);
}
.copyright {
   padding-top:var(--size20);
    display: flex;
    justify-content: flex-end;
    width:100%;
    gap:var(--size20);
}
.copyright a {color:white;text-decoration: underline;transition:opacity .4s var(--ease);}
.copyright a:hover {
    opacity:0.5;
    text-decoration: none;
}

@media (max-width:799px)  {
    .footer_top{
        flex-direction: column;
        align-items: flex-start;
    }
    .fnav {
       justify-content: center;
       flex-wrap: wrap;
    }
    .fnav > ul {
        justify-content: flex-start;
        gap:var(--size40); 
    }
    .fnav > ul > li {
        margin-right:0 !important;
    }
    .fnav > ul > li:first-child {
        order:1;
        width:calc(50% - var(--size40)/2);
    }
    .fnav > ul > li:nth-of-type(2) {
        order:3;
    } 
    .fnav > ul > li:nth-of-type(3) {
        order:2;
        width:calc(50% - var(--size40)/2);
    } 
    .fnav > ul > li:nth-of-type(4) {
        order:4;
    } 
    .fnav > ul > li:nth-of-type(5) {
        order:5;
    } 
    .copyright {
        text-align: center;
     }
}