@charset "utf-8";

/**
FOOTER
**/

#footer {
    .footer {
        background-color:#efefef;
        padding:50px 0;
        .footer_inner {
            max-width:1100px;
            width:calc(100% - 60px);
            margin:0 auto;
            display:grid;
            grid-template-columns:auto 1fr;
            align-items:center;
            dl {
                dt {
                    max-width:250px;
                    margin-bottom:20px;
                }
                dd {
                    font-size:1.5rem;
                    line-height:1.8;
                }
            }
            .menu-fmenu-container {
                .menu {
                    display:flex;
                    flex-wrap:wrap;
                    font-size:1.5rem;
                    align-items:center;
                    column-gap:1.5em;
                    justify-content:flex-end;
                    li {
                        a {
                            letter-spacing:.05em;
                        }
                    }
                }
            }
        }
    }
    .footer_copy {
        background-color:#000000;
        .footer_inner {
            max-width:1100px;
            width:calc(100% - 60px);
            margin:0 auto;
            display:grid;
            grid-template-columns:repeat(2,auto);
            justify-content:space-between;
            align-items:center;
            height:50px;
            font-size:1.5rem;
            letter-spacing:.05em;
            .menu-fmenu2-container {
                .menu {
                    display:flex;
                    align-items:center;
                    li {
                        position:relative;
                        a {
                            color:#FFFFFF;
                        }
                        &:first-child {
                            &::after {
                                content:'|';
                                color:#FFFFFF;
                                margin:0 1em;
                            }
                        }
                    }
                }
            }
            .copyright {
                font-size:1.2rem;
                line-height:1;
                color:#FFFFFF;
            }
        }
    }
}

@media (hover:hover) {
}

@media screen and (max-width:1200px) {

}

@media screen and (max-width:1024px) {
    
    #footer {
        .footer {
            .footer_inner {
                width:calc(100% - 50px);
                grid-template-columns:1fr;
                justify-items:center;
                grid-row-gap:30px;
                dl {
                    dt {
                        margin:0 auto 20px;
                    }
                    dd {
                        text-align:center;
                    }
                }
            }
        }
        .footer_copy {
            .footer_inner {
                width:calc(100% - 50px);
            }
        }
    }
    
}

@media screen and (max-width:768px) {

    #footer {
        .footer {
            padding:30px 0;
            .footer_inner {
                width:calc(100% - 40px);
                margin:0 auto;
                dl {
                    order:1;
                    dt {
                        max-width:200px;
                    }
                    dd {
                        font-size:1.4rem;
                        line-height:1.5;
                    }
                }
                .menu-fmenu-container {
                    .menu {
                        font-size:1.4rem;
                        align-items:center;
                        justify-content:center;
                        column-gap:1em;
                        row-gap:.66em;
                        li {
                            a {
                                letter-spacing:.05em;
                            }
                        }
                    }
                }
            }
        }
        .footer_copy {
            .footer_inner {
                width:calc(100% - 40px);
                grid-template-columns:1fr;
                justify-items:center;
                grid-row-gap:20px;
                height:auto;
                padding:20px 0;
                font-size:1.4rem;
                .copyright {
                    font-size:1.1rem;
                }
            }
        }
    }

}