/* CSS Document */




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

	footer

============================================================================*/
footer {
	position:relative;
	padding-top: 80px;
	background: #001438;
}

/*------------------------------ nav ------------------------------*/
#footer_nav {
	width:90%;
	max-width: 1280px;
	margin: auto;
	display: flex;
	justify-content: space-between;
}
#footer_nav li {
	width: 23%;
	background: #162a4d;
	border: 2px solid #162a4d;
	text-align: center;
	color: #FFF;
	transition: 0.3s ease-out;
}
#footer_nav li:hover {
	background: #091d42;
	border-radius: 20px;
}
#footer_nav li a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	color: #FFF;
	padding-top: 60px;
	padding-bottom: 30px;
	text-align: center;
}
#footer_nav li a img {
	display: block;
	margin: auto;
	margin-bottom: 40px;
}
#footer_nav li a::after {
	position: absolute;
	content: "";
	top: 43px;
	left: 0;
	right: 0;
	margin: auto;
	width: 50px;
	height: 50px;
	border-radius: 50px;
	border: 1px solid #FFF;
}




/*------------------------------ コピーライト ------------------------------*/
.copy{
	text-align: center;
}
.copy small{
	line-height:120px;
	font-family: 'Josefin Sans', sans-serif;
	font-size:11px;
	letter-spacing: 2px;
	color: #FFF;
}





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

	中間サイズ

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

@media screen and (max-width:880px) {
	footer {
		padding-top: 50px;
	}
}




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

	SPサイズ

============================================================================*/
@media screen and (max-width:640px) {
	
	#footer_nav {
		justify-content: space-around;
		flex-wrap: wrap;
	}
	#footer_nav li {
		width: 45%;
		margin-bottom: 15px;
		font-size: 12px;
	}
	#footer_nav li a {
		padding-top: 40px;
		padding-bottom: 20px;
	}
	#footer_nav li a img {
		margin-bottom: 35px;
	}
	#footer_nav li a::after {
		top: 23px;
	}

	/*------------------------------ コピーライト ------------------------------*/
	.copy {
		padding-bottom: 20px;
	}
	.copy small{
		line-height:50px;
	}

}