@charset "utf-8";

.footer {
	background-color:#3c3432;
	padding:90px 0;
	position:relative;
	overflow:hidden;
}
.footer::before {
	content:'TOUTAKU';
	position:absolute;
	z-index:0;
	bottom:-.2em;
	left:50%;
	transform:translateX(-50%);
	font-size:28rem;
	font-weight:700;
	color:#3c3432;
	-webkit-text-stroke: 3px #423b39;
	text-stroke: 3px #423b39;
}
.footer::after {
	content:'TOUTAKU';
	position:absolute;
	z-index:1;
	bottom:-.2em;
	left:50%;
	transform:translateX(-50%);
	font-size:28rem;
	font-weight:700;
	color:#3c3432;
}
.footer_inner {
	width:calc(100% - 60px);
	max-width:1100px;
	margin:0 auto;
	display:grid;
	grid-template-columns:300px auto;
	align-items:center;
	position:relative;
	z-index:2;
}
.footer_inner .menu-gmenu-container ul {
	width:100%;
	display:inline-flex;
	align-items:center;
	justify-content:flex-end;
	font-size:1.5rem;
}
.footer_inner .menu-gmenu-container li:not(:last-child) {
	margin-right:2em;
}
.footer_inner .menu-gmenu-container li a {
	transition:.3s;
	color:#FFFFFF;
}
.footer_inner .menu-gmenu-container li a:hover {
	color:#cccccc;
}

.footer_copy {
	background-color:#322a28;
}
.footer_copy_inner {
	width:calc(100% - 60px);
	max-width:1100px;
	height:60px;
	margin:0 auto;
	display:grid;
	grid-template-columns:auto auto;
	align-items:center;
	justify-content:space-between;
}
.footer_copy_inner a {
	transition:.3s;
	font-size:1.4rem;
	color:#FFFFFF;
}
.footer_copy_inner a:hover {
	color:#cccccc;
}
.footer_copy_inner .copyright {
	font-size:1.1rem;
	font-weight:100;
	color:#c5b9a1;
	letter-spacing:.05em;
}

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


	.footer_inner {
		grid-template-columns:26vw auto;
	}
	
	.footer_inner .menu-gmenu-container ul {
		font-size:1.3rem;
	}
	.footer_inner .menu-gmenu-container li:not(:last-child) {
		margin-right:1.5em;
	}
	
}

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

	.footer {
		padding:30px 0 40px;
	}
	.footer::before {
		font-size:21vw;
	}
	.footer::after {
		content:'TOUTAKU';
		font-size:21vw;
	}
	.footer_inner {
		width:calc(100% - 40px);
		grid-template-columns:1fr;
	}
	.footer_inner .footer_logo {
		max-width:270px;
		margin-bottom:40px;
	}
	.footer_inner .menu-gmenu-container ul {
		display:grid;
		grid-template-columns:repeat(2,auto);
		justify-content:start;
		grid-gap:2.5em 5em;
		padding-left:10px;
	}
	.footer_inner .menu-gmenu-container li:not(:last-child) {
		margin-right:0;
	}
	.footer_inner .menu-gmenu-container li a {
		transition:0s;
		font-size:min(3.73vw,1.4rem);
		font-size:1.4rem;
	}
	.footer_inner .menu-gmenu-container li a:hover {
		color:#ffffff;
	}
	
	.footer_copy {
		padding:30px 0;
	}
	.footer_copy_inner {
		width:calc(100% - 40px);
		height:auto;
		grid-template-columns:1fr;
		grid-row-gap:15px;
	}
	.footer_copy_inner a {
		transition:0s;
	}
	.footer_copy_inner a:hover {
		color:#FFFFFF;
	}
	.footer_copy_inner .copyright {
		font-size:1.0rem;
	}
	
}