@charset "utf-8";

/**
FOOTER
**/
#footer {
    border-top: 5px solid #EFEFEF;  
    .wrap{    
        .contents{          
            .contents_inner{
                padding: 70px 0;
                display:grid;
                grid-template-columns:200px 1fr;
                align-items:center;
                grid-column-gap: 300px;
                .company{
                    display: grid;
                    grid-row-gap: 0.6em;                 
                    dd{
                        font-size: 1.4rem;
                        text-align: center;
                    }
                }
                #menu-fmenu{
                    display: flex;
                    flex-wrap: wrap;
                    gap: 1.5em 0;
                    justify-content: start;
                    li{
                        font-size: 1.4rem;
                        border-right: 1px solid #CCCCCC;
                        padding: 0 1em;
						&:first-child{
							border-left: 1px solid #CCCCCC;
						}
                    }
                }
            }
        }
        &.copyright {
            width: 100%;
            /*position: fixed;
            z-index: 10;
            bottom: 0;*/
            background-color:#1FC4CB;           
            .contents{
                width: 100%;
                max-width: 100%;
                p{
                    color: #ffffff;
                    font-size: 1.2rem;text-align: center;
                }
            }
        }
    }

}



@media (hover:hover) {
}

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

    #footer {
        .wrap{    
            .contents{          
                .contents_inner{
                    padding: 50px 0;
                    grid-column-gap: 100px;
                }
            }
        }
    }

}

@media screen and (max-width:1024px) {
    #footer { 
        .wrap{    
            .contents{          
                .contents_inner{
                    padding: 40px 0 50px;
                    grid-column-gap: 50px;
                    #menu-fmenu {
                        gap: 1em 0;
                    }
                }
            }
        }
    }
}

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

    #footer { 
        .wrap{    
            .contents{          
                .contents_inner{
                    grid-template-columns: 1fr;
                    padding: 20px 0 30px;
                    .company{
                        grid-row-gap: 0.6em;
                        justify-content: center;
                        dt{
                            img{
                                width: 200px;
                            }
                        }                 
                    }
                    #menu-fmenu {
                        display: none;
                    }
                }
            }
        }
    }

}