.footer {
    position:relative;
    background :#333333;
    padding-top:var(--size100);
    padding-bottom:var(--size100);
    z-index: 2;
    color:white;
}
.footer a {
    color:white;
}
.footer .container {
    position:relative;
}
.footerinfo_wrap {
    gap:var(--size60);
    justify-content: space-between;
}
.footerinfo_wrap .txt_box {
    width:30%;
}
.f_logo {
    width:min(100%,558px);
}
.f_logo img {
    width:100%;
}
.f_logo + p {
    letter-spacing: 0.2em;
    padding-inline:1.5em;
}
.sub_links {
    padding-left:0;
    margin-inline: 1.5em;
    gap:30px;
}
.sub_links img {
    width:30px;
}
.footer_nav_block {
    width:50%;
}
.footer_nav {
    gap:80px;
}
.footer_nav ul {
    padding-left:0;

}
.footer_nav > ul {
    display: flex;
    flex-direction: column;
    gap:1rem;
}
.footer_nav > ul > li {
    font-size:1.25em;
}
.footer_nav > ul .child_nav {
    margin-top:0.5rem;
}
.footer_nav > ul .child_nav li {
    font-size:0.85em;
}
.footer_nav > ul .child_nav li:before {
    content:"・";
}
.copyright {
    letter-spacing: 0.19em;
}
#pagetop {
    position:absolute;
    right:var(--innergap);
    top:0;
    width:12px;
    height:100px;
    border-right:2px solid white;
}
#pagetop:after {
    content:"";
    width:12px;
    height:12px;
    background-color: white;
    clip-path: polygon(100% 0, 100% 100%, 0 100%);
    position:absolute;
    right:0;
    top:0;
}
@media (max-width:768px)  {
    .footerinfo_wrap {
        flex-wrap: nowrap;
        padding-inline: var(--innergap);
        flex-flow: column-reverse;
        gap:200px;
    }
    .footer_nav {
        gap: 20px;
        flex-direction: column;
    }
    #pagetop {
        right: var(--outergap);
        top: 0;
    }
    .footerinfo_wrap .map_box,.footerinfo_wrap .txt_box {
        width:100%;
    }
    .f_logo + p {
        font-size:0.875em;
    }
    .mt80.sub_links {
        margin-top:var(--size40);
    }
    .sub_links {
        justify-content: center;
        gap:20px;
    }
    .sub_links img {
        width: 15px;
    }
    .sub_links li {
        font-size:0.875em;
    }
    .copyright {
        letter-spacing: 0.19em;
        text-align: center;
        padding-top:30px;
        margin-top:30px;
        border-top:1px solid #FFFFFF80;
    }
}