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

	footer

============================================================================*/
footer {
	position:relative;
	width:100%;
	border-bottom:2px solid #9ed159;
}

/*------------------------------ ロゴ部分 ------------------------------*/
.footer_logo {
	padding-top: 70px;
	padding-bottom: 60px;
	background-color: #f7f7f7;
	text-align: center;
}
.footer_logo dt {
	margin-bottom: 30px;
}

/*------------------------------ nav ------------------------------*/
.footer_nav {
	color: #FFF;
	background-color: #254a35;
}
.footer_nav .inner {
	width: 980px;
	margin: auto;
	padding: 50px 0 30px;
}
.footer_nav .inner dl {
	float: left;
	width: 245px;
}
.footer_nav .inner dt {
	margin-bottom: 10px;
	font-size: 17px;
	font-family: 'Didact Gothic', sans-serif;
}
.footer_nav .inner dd {
	font-size: 14px;
	line-height: 2;
}
.footer_nav .inner dd a {
	color:#FFF;
}
.footer_nav .inner dd::before {
	content: "-";
	margin-right: 20px;
}

/*------------------------------ コピーライト ------------------------------*/
.copy small{
	float: right;
	text-align: right;
	line-height:80px;
	font-size:12px;
	letter-spacing:0.2em;
}


/*------------------------------ pagetop ------------------------------*/
.pagetop{
	position: fixed;
	bottom:0;
	right:50px;
	width:205px;
	border-radius:6px 6px 0 0;
	box-sizing: border-box;
	padding: 10px 0;
	text-align:center;
	cursor:pointer;
	background: #9ed159;
	color: #FFF;
	font-size:14px;
	transition:0.2s ease-in-out;
	z-index:9999;
}
.pagetop:hover{
	background-color:#008239;
}
.pagetop i{
	margin-right: 8px;
}


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

	下層設定　

============================================================================*/
#wrapper .footer_logo{
	background: #FFF;
	border-top: 1px solid #eee;
}




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


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

	footer

============================================================================*/
footer {
	position:relative;
	width:100%;
}

/*------------------------------ ロゴ部分 ------------------------------*/
.footer_logo {
	padding: 50px 20px;
}
.footer_logo dt {
	margin-bottom: 30px;
}

/*------------------------------ nav ------------------------------*/
.footer_nav .inner {
	width: 100%;
	margin: auto;
	padding: 50px 0 30px;
}
.footer_nav .inner dl {
	float: left;
	width: 50%;
	box-sizing:border-box;
	padding-left:30px;
}
.footer_nav .inner dt {
	margin-bottom: 10px;
	font-size: 15px;
}
.footer_nav .inner dd {
	font-size: 14px;
	line-height: 2;
}
.footer_nav .inner dd::before {
	content: "-";
	margin-right: 10px;
}

.footer_nav .inner dl:nth-child(1) , .footer_nav .inner dl:nth-child(2) {
	height:170px;
}
.footer_nav .inner dl:nth-child(2n)  {
	padding-left:20px;
}
	
/*------------------------------ コピーライト ------------------------------*/
.copy small{
	margin-right:20px;
	text-align: right;
}

/*------------------------------ pagetop ------------------------------*/
.pagetop{
	width:180px;
	font-size:13px;
	right:20px;
}
	


}