@charset "utf-8";

#footer{
	width: 100%;
	padding: 30px 0;
	background: #000;
	color: #FFF;
}

#footer .inner{
	max-width: 700px;
}

#footer p.copy{
	font-size: 70%;
	color: #f1f1f1;
	letter-spacing: 0.2rem;
}

#footer p a{
	color: #FFF;
}

#footer .btn a{
	background: #000;
	border: 1px solid #fff;
	color: #FFF;
}

#footer .btn a:hover{
	background: #FFF;
	color: #000;
}

#footer li a span{
	display: inline-block;
	vertical-align: middle;
	line-height: 1rem;
}

#footer li a span.icon{
	fill: #fff;
	width: 20px;
	height: auto;
	margin-right: 10px;
}

#footer .btn a:hover span.icon{
	fill: #000;
}

#footer li.tel{
	width: 49%;
	float: left;
}

#footer li.mail{
	width: 49%;
	float: right;
}

/*	SP */
@media (max-width: 896px){
	#footer li.tel{
		width: 100%;
		float: none;
		margin-bottom: 15px;
	}

	#footer li.mail{
		width: 100%;
		float: none;
	}
}