@charset "utf-8";

/**
FOOTER
**/
#footer {
    .footer {
        padding:50px 0;
        .footer_inner {
            width:calc(100% - 60px);
            max-width:1100px;
            margin:0 auto;
            display:grid;
            grid-template-columns:repeat(2,auto);
            align-items:center;
            justify-content:space-between;
            .company {
                dl {
                    dt {
                        display:grid;
                        font-size:2.4rem;
                        margin-bottom:.5em;
                        img {
                            width:200px;
                            margin-bottom:.75em;
                        }
                        span {
                            font-size:1.6rem;
                            margin-bottom:.66em;
                        }
                    }
                    dd {
                        font-size:1.6rem;
                        line-height:1.8;
                        font-weight:400;
                        margin-bottom:1em;
                    }
                }
				.sns {
					display:flex;
					align-items:center;
					column-gap:10px;
					li {
						a {
							img {
								width:35px;
							}
						}
					}
				}
                .menu-fmenu4-container {
                    .menu {
                        display:flex;
                        align-items:center;
                        font-size:1.6rem;
                        padding-top:1em;
                        li {
                            &:first-child {
                                border-right:2px solid #000000;
                                margin-right:.66em;
                                padding-right:.66em;
                            }
                        }
                    }
                }
            }
            .footer_contact {
    			.contactbtn {
    				display:grid;
    				grid-template-columns:repeat(2,1fr);
    				font-size:1.5rem;
    				li {
    					a {
    						display:grid;
                            grid-template-columns:auto 1fr;
                            grid-column-gap:1.5em;
    						font-size:1.3rem;
    						padding:1em 1.5em;
    						img {
    							width:3em;
    						}
    						span {
    							color:#FFFFFF;
    							line-height:1.33;
    							span {
    								display:block;
    							}
    						}
    					}
    					&.contact {
    						background-color:var(--color_sub);
    					}
    					&.tel {
    						background-color:var(--color_main);
    					}
    				}
    			}
                .footer_menu {
                    font-size:1.2rem;
                    display:grid;
                    grid-template-columns:repeat(3,auto);
                    align-items:start;
                    justify-content:space-between;
                    grid-column-gap:2em;
                    padding-top:2em;
                    .menu {
                        display:grid;
                        grid-row-gap:30px;
                        a {
                            font-weight:400;
                            color:#868484;
                        }
                        & > li {
                            & > a {
                                display:grid;
                                grid-row-gap:.5em;
                                span {
                                    font-size:1.6rem;
                                    color:#333333;
                                }
                            }
                        }
                        .sub-menu {
                            padding-top:1em;
                            padding-left:.66em;
                            display:grid;
                            grid-row-gap:.33em;
                            li {
                                a {
                                    line-height:1.3;
                                    &::before {
                                        content:'-';
                                        margin-right:.33em;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    .footer_copy {
        background-color:var(--color_sub3);
        padding:30px 0;
        .footer_copy_inner {
            width:calc(100% - 60px);
            max-width:1100px;
            margin:0 auto;
            text-align:center;
            p {
                font-weight:400;
                font-size:1.2rem;
                line-height:2;
                &.ttl {
                    font-size:1.6rem;
                    line-height:1.5;
                    margin-bottom:1.5em;
                }
                &.copyright {
                    line-height:1;
                    font-size:1.6rem;
                    padding-top:1em;
                    font-weight:500;
                }
            }
        }
    }
}

@media (hover:hover) {
    
}

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

}

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

	#footer {
	    .footer {
	        .footer_inner {
	            width:calc(100% - 50px);
	            .company {
	                dl {
	                    dt {
	                        font-size:2rem;
	                        img {
	                            width:160px;
	                        }
	                        span {
	                            font-size:1.2rem;
	                        }
	                    }
	                    dd {
	                        font-size:1.4rem;
	                    }
	                }
	                .menu-fmenu4-container {
	                    .menu {
	                        font-size:1.5rem;
	                    }
	                }
	            }
	        }
	    }
	}
    
}

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

	#footer {
	    .footer {
			padding:50px 0 30px;
	        .footer_inner {
	            width:calc(100% - 40px);
	            grid-template-columns:1fr;
	            .company {
					display:contents;
	                dl {
	                    dt {
							justify-items:center;
	                        font-size:1.6rem;
	                        img {
	                            width:130px;
	                        }
	                    }
	                    dd {
							text-align:center;
	                    }
	                }
					.sns {
						justify-content:center;
						li {
							a {
								img {
									width:30px;
								}
							}
						}
					}
	                .menu-fmenu4-container {
						order:3;
	                    .menu {
	                        font-size:1.3rem;
		                    padding-top:30px;
							justify-content:center;
	                    }
	                }
	            }
	            .footer_contact {
					display:contents;
	    			.contactbtn {
						order:2;
	    				grid-template-columns:1fr;
						grid-row-gap:15px;
						max-width:220px;
						margin:0 auto;
	                    padding-top:30px;
	    			}
	                .footer_menu {
	                    grid-template-columns:repeat(2,auto);
	                    justify-content:center;
	                    grid-column-gap:3em;
	                    padding-top:30px;
						.menu-fmenu1-container {
							grid-area:1/1/3/2;
						}
	                }
	            }
	        }
	    }
	    .footer_copy {
	        .footer_copy_inner {
	            width:calc(100% - 40px);
	            p {
	                font-size:1.2rem;
					line-height:1.5;
	                &.ttl {
	                    font-size:1.4rem;
	                }
	                &.copyright {
	                    line-height:1;
	                    font-size:1.4rem;
	                }
	            }
	        }
	    }
	}

}