/* CSS Document */




/*============================================================================

	footer

============================================================================*/
footer {
	width: 100%;
	padding: 50px 0 40px;
	background: #f2f2f2;
}
footer .inner {
	width: 1280px;
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
@media screen and (max-width:1340px) {
	footer .inner {
		width: 1200px;
	}
}
@media screen and (max-width:640px) {
	footer {
		padding: 30px 0 20px;
	}
	footer .inner {
		width: 100%;
		justify-content: center;
	}
}



/*------------------------------ ロゴ ------------------------------*/
#footer_logo img{
	width: 152px;
	height: auto;
}



/*------------------------------ nav ------------------------------*/
#footer_nav ul {
	display: flex;
	align-items: center;
	gap: 35px;
}
#footer_nav ul li a {
	position: relative;
	font-size: 15px;
	color: #111;
}
#footer_nav ul li:last-child a {
	padding: 10px 25px;
	background: #901d22;
	color: #fff;
	border-radius: 40px;
}
#footer_nav ul li:last-child a:hover {
	background: #b02229;
}
@media screen and (max-width:640px) {
	#footer_nav ul { display: none;}
}



/*------------------------------ ホバーのボーダー ------------------------------*/
#footer_nav li a::before{
    position: absolute;
	left: 0;
	right:0;
	bottom: -12px;
	width:100%;
	height:2px;
	margin:auto;
	background-color: #e1a231;
	transition: 0.15s  ease-out;
	transform: scaleX(0);
	content: "";
	z-index: 1;
}
#footer_nav li a:hover::before{
	transform: scaleX(1);
}
#footer_nav li:last-child a::before{
    display: none;
}



/*------------------------------ copyright ------------------------------*/
.copyright {
	width: 1280px;
	margin: 20px auto 0;
	font-size: 12px;
}
@media screen and (max-width:1340px) {
	.copyright {
		width: 1200px;
	}
}
@media screen and (max-width:640px) {
	.copyright {
		width: 100%;
		margin: 10px auto 0;
		text-align: center;
	}
}