/* CSS Document */




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

	footer

============================================================================*/
footer {
	position:relative;
	width:100%;
	height: 350px;
	background: #102641;
	color: #FFF;
	font-size: 12px;
}
footer .inner {
	position: relative;
	width: 95%;
	max-width: 1200px;
	margin: auto;
	display: flex;
	justify-content: space-between;
	padding-top: 90px;
}
footer a {
	color: #FFF;
}
footer a:hover {
	color: #ffdb32;
}
@media screen and (max-width:640px) {
    footer {
        height: auto;
    }
    footer .inner {
        display: block;
        padding-top: 90px;
    }
}


/*------------------------------ footer_logo ------------------------------*/
.footer_logo img {
	position: relative;
	top: -6px;
}
.footer_logo a {
	text-decoration: underline;
}
@media screen and (max-width:640px) {
    .footer_logo {
		width: 320px;
		margin: auto;
    }
    .footer_logo img {
        position: relative;
        top: -6px;
		text-align: center;
    }
    .footer_logo a {
        text-decoration: underline;
    }
}


/*------------------------------ nav ------------------------------*/
.footer_nav {
	display: flex;
	justify-content: flex-end;
	margin-top: 30px;
}
.footer_nav li {
	margin: 0 15px;
	font-size: 15px;
}
@media screen and (max-width:640px) {
    .footer_nav {
        flex-wrap: wrap;
    }
    .footer_nav li {
        width: 100%;
		text-align: center;
    }
}


/*------------------------------ コピーライト ------------------------------*/
.copy{
	margin-top: 45px;
	margin-right: 15px;
	text-align: right;
}
@media screen and (max-width:640px) {
    .copy{
        margin-right: 0;
        text-align: center;
		padding-bottom: 50px;
    }
}