@charset "utf-8";

/**
FOOTER
**/
#footer {
    .footer {
        padding:60px 0 30px;
        .footer_inner {
            max-width:1140px;
            width: calc(100% - 60px);
            margin:0 auto;
            display:grid;
            grid-template-columns:1fr auto;
            grid-column-gap:3%;
			.logo {
				a {
					font-size:2.0rem;
					letter-spacing:.05em;
					display:grid;
					grid-template-columns:50px 1fr;
					align-items:center;
					grid-column-gap:.33em;
                    color:var(--color_white);
				}
                p {
                    color:var(--color_white);
                    line-height:2;
                    margin-top:1.5em;
                }
			}
            .menu-fmenu-container {
                .menu {
                    display:flex;
					flex-wrap:wrap;
                    font-size:1.6rem;
                    grid-column-gap:3em;
                    justify-content:flex-end;
                    & > li {
                        a {
                            color:var(--color_white);
                        }
						&.contact {
							a {
								display:grid;
								grid-template-columns:repeat(2,auto);
								align-items:center;
								grid-column-gap:.33em;
								height:2.4em;
								padding:0 1.2em;
								background-color:#D97736;
                                transform:translateY(-.5em);
								&::after {
									content:'';
									width:1.2em;
									height:1em;
									background:url(../img/common/icon_mail.svg) no-repeat center center/contain;
									grid-area:1/1/2/2;
									transform:translateY(.1em);
								}
								&::before {
									content:none;
								}
							}
						}
                        ul {
                            font-size:1.4rem;
                            display:grid;
                            justify-items:start;
                            grid-row-gap:1.5em;
                            padding-top:1.75em;
                            margin-right:-4em;
                            li {
                                display:grid;
                                grid-template-columns:1.33em auto;
                                align-items:center;
                                grid-column-gap:.5em;
                                &::before {
                                    content:'';
                                    height:1px;
                                    background-color:var(--color_white);
                                }
                                
                            }
                        }
                    }
                }
            }
        }
        .copyright {
            max-width:1140px;
            width: calc(100% - 60px);
            margin:0 auto;
            display:grid;
            grid-template-columns:repeat(2,auto);
            grid-column-gap:5%;
            justify-content:space-between;
            align-items:center;
            padding-top:80px;
            .menu-fmenu2-container {
                .menu {
                    display:grid;
                    font-size:1.5rem;
                    grid-template-columns:repeat(2,auto);
                    align-items:center;
                    justify-content:center;
                    li {
                        &:first-child {
                            margin-right:1em;
                            padding-right:1em;
                            border-right:1px solid var(--color_white);
                        }
                        a {
                            color:var(--color_white);
                        }
                    }
                }
            }
            p {
                font-size:1.3rem;
                line-height:1.5;
                color:var(--color_white);
            }
        }
    }
}

@media (hover:hover) {


    #footer {
        .footer_contact {
            .footer_contact_inner {
                .btn {
                    transition:.3s;
                    img {
                        transition:.3s;
                    }
                    &:hover {
                        opacity:1;
                        background-color:#FFFFFF;
                        color:var(--color_main);
                        img {
                            filter: brightness(0) saturate(100%) invert(53%) sepia(97%) saturate(1961%) hue-rotate(134deg) brightness(95%) contrast(87%);
                        }
                    }
                }
                .contents_inner {
                    a {
                        transition:.3s;
                        &:hover {
                            opacity:1;
                            background-color:#00FFE0;
                        }
                    }
                }
            }
        }
        .footer {
            .footer_inner {
                .footer_info {
                    .menu-fmenu-container {
                        .menu {
                            a {
                                &:hover {
                                    opacity:1;
                                    color:var(--color_main);
                                }
                            }
                        }
                    }
                }
                .footer_bottom {
                    .menu-fmenu2-container {
                        .menu {
                            a {
                                &:hover {
                                    opacity:1;
                                    color:var(--color_main);
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    
}

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

}

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

	/**
	FOOTER
	**/
	#footer {
	    .footer {
	        .footer_inner {
	            width: calc(100% - 50px);
	            grid-template-columns:1fr;
				grid-row-gap:50px;
				.logo {
					justify-items:center;
	                p {
	                    margin-top:.5em;
						br {
							display:none;
						}
	                }
				}
	            .menu-fmenu-container {
	                .menu {
	                    justify-content:center;
						grid-column-gap:2.5em;
					}
	            }
	        }
	        .copyright {
	            width: calc(100% - 50px);
			}
	    }
	}
    
}

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

	 /**
	FOOTER
	**/
	#footer {
	    .footer {
	        padding:60px 0 30px;
	        .footer_inner {
	            width: calc(100% - 40px);
				.logo {
	                p {
						font-size:min(4vw,1.5rem);
	                }
				}
	            .menu-fmenu-container {
	                .menu {
						font-size:min(4vw,1.5rem);
	                    grid-column-gap:3.5em;
						grid-row-gap:2em;
						justify-content:flex-start;
						max-width:20em;
						margin:0 auto;
	                    & > li {
							min-width:4em;
							&.contact {
								a {
									width:12em;
									margin-left:4em;
									margin-top:.5em;
								}
							}
	                        ul {
								font-size:min(3.8vw,1.4rem);
	                            grid-row-gap:1.25em;
	                            padding-top:1.5em;
	                            margin-right:0;
	                        }
	                    }
	                }
	            }
	        }
	        .copyright {
	            width: calc(100% - 40px);
	            grid-template-columns:1fr;
				grid-row-gap:30px;
	            padding-top:40px;
	            .menu-fmenu2-container {
	                .menu {
	                    font-size:1.4rem;
	                }
	            }
	            p {
					text-align:center;
					font-size:1.1rem;
	            }
	        }
	    }
	}

}