@charset "UTF-8";

/* =====  フッター  ===== */
footer {
	color: #fff;
	padding-top: 60px;
	background: #e7e7eb url(../images/ft_bg_logo.png) no-repeat 20px 75%;
}
footer nav {
	margin: 0 0 40px 20px;
	float: left;
}
footer nav ul.fst {
	margin: 0 10px 0 0;
	font-size: .9em;
	float: left;
	width: 210px;
}
footer nav ul.snd {
	margin: 0 0 0 20px;
}
footer nav ul li {
	line-height: 20px;
}
footer nav ul.fst:nth-child(1) {
	margin-top: -20px;
}
footer nav ul.fst:nth-child(1) li {
	background: url(../images/ft_bullet_home.png) no-repeat 0 6px;
}
footer nav ul.fst:nth-child(1) li ul.snd li  {
	background: url(../images/ft_bullet_second.png) no-repeat 0 8px;
}
footer nav ul.fst:nth-child(1) li ul.snd li ul.trd li  {
	background: url(../images/ft_bullet_third.png) no-repeat 0 11px;
}
footer nav ul.fst li {
	padding-left: 20px;
}
footer nav ul li ul.snd {
	margin: 0;
}
footer nav ul li ul.snd li {
	background: url(../images/ft_bullet_second.png) no-repeat 0 8px;
	padding: 0 0 0 20px;
}
footer nav ul li ul li ul.trd {
	margin: 0;
}
footer nav ul li ul li ul.trd li {
	background: url(../images/ft_bullet_third.png) no-repeat 0 11px;
	padding: 0 0 0 20px;
}

aside {
	margin: 0 0 40px 0;
	width: 200px;
	float: left;
}
aside ul li {
	margin-bottom: 10px;
	display: block;
}

footer p.copyright {
	clear: both;
	background: #005dea;
	color: #fff;
	text-align: center;
	font-size: .8em;
	padding: 26px;
	margin: 0;
}


@media screen and (min-width: 481px) and (max-width: 768px) {
	footer {
		background: #e7e7eb url(../images/ft_bg_logo.png) no-repeat 40px 75%;
	}
	footer nav  {
		margin: 0 10px 10px 40px;
	}
	footer nav ul.fst {
		float: none;
	}
	footer nav ul li ul li ul.trd {
		display: none;
	}
	footer nav ul li ul li ul li ul.fth {
		display: none;
	}
	aside {
		margin: 0 0 40px 10px;
	}
}




@media screen and (max-width: 480px) {
	footer {
		background: #e7e7eb url(../images/ft_bg_logo.png) no-repeat 15px 86%;
	}
	footer nav  {
		margin: 0 0 20px 20px;
		float: none;
	}
	footer nav ul.fst {
		float: none;
	}
	footer nav ul li ul li ul.trd {
		display: none;
	}
	footer nav ul li ul li ul li ul.fth {
		display: none;
	}
	aside {
		margin: 0 0 40px 10px;
		float: none;
		height: 500px;
	}
}