/* CSS Document */




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

	footer

============================================================================*/
footer {
	position:relative;
	width:100%;
	padding: 70px 0 80px;
	background: #173a6b;
}
@media screen and (max-width:640px) {
}



/*------------------------------ ロゴと説明エリア ------------------------------*/
footer .inner {
	width: 90%;
	max-width: 1200px;
	margin: auto;
	display: flex;
	align-items: flex-end;
}
footer .inner p {
	margin-left: 80px;
	font-size: 13px;
	color: #7794bd;
	line-height: 1.9;
}
footer .inner p a {
	color: #7794bd;
}
@media screen and (max-width:1050px) {
	footer .inner {
		display: block;
	}
	footer .inner p {
		margin-left: 0;
		margin-top: 30px;
	}
}
@media screen and (max-width:640px) {
}



/*------------------------------ nav ------------------------------*/
#footer_nav {
	width: 90%;
	max-width: 1200px;
	margin: auto;
	margin-top: 50px;
	display: flex;
	justify-content: space-between;
	font-size: 14px;
	line-height: 2.8;
	color: #FFF;
}
#footer_nav dt a {
	color: #FFF;
}
#footer_nav dd a {
	margin-left: 15px;
	color: #7794bd;
}
@media screen and (max-width:1200px) {
	#footer_nav {
		flex-wrap: wrap;
	}
}
@media screen and (max-width:890px) {
	#footer_nav {
		justify-content: flex-start;
	}
}
@media screen and (max-width:640px) {
}



/*----- 各列の横幅比率 -----*/
#footer_nav dl:nth-of-type(1) { width: 22%;}
#footer_nav dl:nth-of-type(2) { width: 25%;}
#footer_nav dl:nth-of-type(3) { width: 38%;}
#footer_nav dl:nth-of-type(4) { width: 12%;}
@media screen and (max-width:1200px) {
	#footer_nav dl:nth-of-type(3) { width: 40%;}
	#footer_nav dl:nth-of-type(4) { width: 100%; margin-top: 50px;}
}
@media screen and (max-width:890px) {
	#footer_nav dl:nth-of-type(1) { width: 20%;}
	#footer_nav dl:nth-of-type(2) { width: 25%;}
	#footer_nav dl:nth-of-type(3) { width: 47%;}
}
@media screen and (max-width:750px) {
	#footer_nav dl:nth-of-type(1) { width: 45%;}
	#footer_nav dl:nth-of-type(2) { width: 40%;}
	#footer_nav dl:nth-of-type(3) { width: 100%; margin-top: 50px;}
}
@media screen and (max-width:640px) {
}



/*----- 2列目だけ -----*/
#footer_nav dl:nth-of-type(2) {
	padding-left: 3.5%;
	border-left: 1px solid #2f4e7a;
}
#footer_nav dl:nth-of-type(2) dd a {
	color: #FFF;
}
@media screen and (max-width:750px) {
	#footer_nav dl:nth-of-type(2) {
		padding-left: 10%;
	}
}
@media screen and (max-width:640px) {
}



/*----- 3列目だけ -----*/
#footer_nav dl:nth-of-type(3) {
	padding-left: 3.5%;
	border-left: 1px solid #2f4e7a;
}
@media screen and (max-width:750px) {
	#footer_nav dl:nth-of-type(3) {
		padding-left: 0;
		border-left: none;
	}
}
@media screen and (max-width:640px) {
}



/*----- hover -----*/
#footer_nav a:hover {
	opacity: 0.6;
	padding-left: 10px;
}



/*------------------------------ コピーライト ------------------------------*/
#copy {
	width: 90%;
	max-width: 1200px;
	margin: auto;
	margin-top: 50px;
}
#copy small {
	font-size: 12px;
	color: #7794bd;
}
@media screen and (max-width:640px) {
	#copy small {
		font-size: 10px;
	}
}