@charset "utf-8";
/* CSS Document */

#sns{
	background:#eaeaea;
}

#sns ul{
	padding:1em 0;
	text-align:center;
}

#sns ul li{
	display:inline-block;
	text-align:center;
	margin:0 0.5em;
}

#contact{
	width:100%;
	background:#ffffff;
	padding:1em 0;
}

#contact p{
	text-align:center;
}

#contact p.tl{
	font-size:1.5em;
	font-weight:bold;
	color:#f9870b;
}


#footer{
	width:100%;
	border-top:4px solid #dbdbdb;
}
#footer .footer_wrap{
	padding:1em 0;
	background:#eaeaea;
}


.footer_logo{
	width:100%;
	overflow:hidden;
	margin-bottom:1em;
}

.footer_logo li{
	vertical-align:middle ;
}

.footer_logo li a img,
.footer_logo li a span{
	vertical-align:middle;
}


.footer_box{
	overflow:hidden;
}

.footer_box ul{
	width:23.5%;
	margin-right:2%;
	float:left;
	overflow:hidden;
}

.footer_box ul:last-child{
	margin-right:0;
}

.footer_box ul li{
	font-size:0.9em;
	padding:0.5em 1em;
}

.footer_box ul li:first-child{
	font-size:1.2em;
	font-weight:bold;
	color:#ffffff;
	background:#9d9d9d;
	margin-bottom:0.5em;
	line-height:1.5em;
}

.copy{
	font-size: 0.8em;
	text-align:center;
	padding:0.5em 0;
}

@media screen and (min-width: 641px) {
	.footer_logo,.footer_box{
		width:1160px;
		margin:0 auto 1em;
	}

	.footer_logo li{
		float:left;
		overflow:hidden;
	}

	.footer_logo li:last-child{
		float:right;
		margin-top:16px;
	}

	.footer_logo li a{
		display: table-cell;
	}

}

@media screen and (max-width: 640px) {

	.footer_logo,.footer_box{
		width:94%;
		margin:0 auto 1em;
	}


	.footer_logo li{
		text-align:center;
		margin-top:1em;
	}

	.footer_logo li a img,
	.footer_logo li a span{
		display:inline-block;
	}


	.footer_box ul{
		width:48%;
		margin-right:2%;
		float:left;
		overflow:hidden;
	}

	.footer_box ul:last-child{
		margin-right:0;
	}

	#contact p.tl{
		font-size:1.25em;
	}

}