@charset "utf-8";

/**
FOOTER
**/

#footer{
    .menu-fmenu-container{
        background-color: #027A36;
        .menu{
            display: grid;
            grid-template-columns: repeat(8,auto);
            grid-column-gap: 2em;
            justify-self: center;
            padding: 0.7em 20px;
            li{
                a{
                    font-size: 1.4rem;
                    color: #fff;	
                }				
            }
        }
    }
    .wrap{
        background-color: #F7F7F7;
        padding: 90px 0;
        .contents{
            .contents_inner{
                display: grid;
                grid-template-columns: auto auto;
                grid-column-gap: 30px;
                justify-content: space-between;
                align-items: center;
                .company{
                    dt{
                        margin-bottom: 20px;
                        width: 240px;
                    }
                    dd{
                        line-height: 1.6;
                        font-size: 1.5rem;
                    }
                }
                .menu{
                    .contact_box{
                        display: grid;
                        grid-template-columns: repeat(3, auto);
                        grid-column-gap: 10px;
                        .btn{
                            display: grid;
                            grid-template-columns: 1.5em auto;
                            grid-column-gap: 1em;
                            font-size: 1.6rem;
                            padding: 0.4em 0;
                            border: solid 3px #000;
                            align-items: center;
                            justify-content: center;
                            width: 200px;
                            height: inherit;
                            &.mail{
                                line-height: 1.4;
                                font-size: 0.9em;
                            }
                            &.tel{
                                font-size: 1.2em;
                                grid-column-gap: 0.2em;
                            }
                            &.access{
                                grid-template-columns: 1.2em auto;
                                grid-column-gap: 0.7em;
                            }
                            &::after{
                                content:none;
                            }
                        }
                    }
                    .privacy{
                        text-align: right;
                        margin-top: 1em;
                        font-size: 1.5rem;
                        display: grid;
                        grid-template-columns: auto 10px;
                        grid-column-gap: 10px;
                        align-items: center;
                    }
                }
            }
            
        }
    }
    .copyright{
        background-color: #000;
        color: #fff;
        padding: 1.5em;
        font-size: 1.3rem;
        text-align: center;
    }
}




@media (hover:hover) {
    #footer{
        .wrap{
            .contents{
                .contents_inner{
                    .menu{
                        .contact_box{
                            .btn{
                               background-color: #fff;
                               &:hover{
                                background-color: #efefef;
                               }
                            }
                        }
                        .privacy{
                            &:hover{
                                color: #027A36;
                            }   
                        }
                    }
                }
                
            }
        }
    }
}

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

}

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

    
}

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

}