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


div.footer_img {
	line-height:0;
}
div.footer_img img {
	width: 100%;
}
@media screen and (max-width: 1080px) {
}
	
/* ----- footer ----- */
footer {
	background-color: #1a2c40;
	padding: 80px;
	width: 100%;
}
		
footer > div {
	display:flex;
	flex-wrap:wrap; 	
}
footer > div > div.right {
	width: 60%;
	order: 2;
}
footer > div > div.left {
	width: 40%;
	order: 1;
}
.copyright{
	font-size: 14px;
	line-height: 1.4;
	color: #fff;
	/*font-family: 'Noto Sans JP', sans-serif;*/
}
a.policy{
    color: #fff;
	font-size: 14px;
    text-decoration: none;
    display: inline-block;
    /*font-family: 'Noto Sans JP', sans-serif;*/
	border-bottom: #fff 2px dotted;
}

footer > div > div > ul.gnavi li a {
	color: #fff;
	font-size: 15px;
    font-weight: bold;
    text-decoration: none;
}

footer a.btn {
	display: inline-block;
    width: 350px;
    height: 40px;
    border-radius: 30px;
	color: #fff;
    background-color: #d83d8a;
    text-align: center;
	padding: .5em 2em;
}
footer a.btn:after {
    content: url(../images/icon_file.svg);
    display: inline-block;
    width: 15px;
    margin-left: 5px;
    vertical-align: -5px;
}
footer > div > div > ul.gnavi li a:hover {
	border-bottom: #fff 3px solid;
}

footer > div > ul.gnavi li:last-child a:hover {
	border-bottom: none;
}
@media screen and (max-width: 1080px) {
	footer {
		padding: 40px;
		width: 100%;
	}
	footer > div {
		display: block;
		flex-wrap: no-wrap; 	
	}
	footer > div > div.right {
		display: block;
		width: 100%;
	}
	footer > div > div.right > ul.gnavi {
		height: auto;
		margin-bottom: 20px;
		-webkit-justify-content: center;
		justify-content: center;
	}
	footer > div > div.left {
		display: block;
		width: 100%;
		margin-top: 20px;
		text-align: center;
	}
}
@media screen and (max-width: 600px) {
	footer {
		padding: 40px;
		width: 100%;
	}
	footer > div {
		display: block;
		flex-wrap: no-wrap; 	
	}
	footer > div > div.right {
		display: block;
		width: 100%;
	}
	footer > div > div.right > ul.gnavi {
		height: auto;
		margin-bottom: 20px;
	}
	footer > div > div.left {
		display: block;
		width: 100%;
		margin-top: 20px;
	}
	footer a.btn {
		display: block;
		width: 100%;
		line-height: 1;
	}
	a.policy{
		font-size: 4.375vw;
	}
	footer > div > div > ul.gnavi li a {
		font-size: 4.375vw;
	}

}