/* CSS Document */




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

	footer固定CTA

============================================================================*/
#footer_fix {
	position: fixed;
	bottom: 13px;
	right: 90px;
	z-index: 999;
}
@media screen and (max-width:640px) {
	#footer_fix {
		position: fixed;
		bottom: 13px;
		right: auto;
		left: 10px;
	}
	#footer_fix img {
		width: 180px;
		height: auto;
	}
}



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

	footer

============================================================================*/
footer {
	position:relative;
	width:100%;
	margin-top: 120px;
	box-sizing: border-box;
	padding-top: 60px;
	background: url(../images/bg_01.svg);
	background-size: 200px auto;
	overflow-x: clip;
}
footer::before {
	position: absolute;
	content: "";
	background: url("../images/bg_02.png") center top no-repeat;
	background-size: 1920px 11px;
	width: 1920px;
	height: 11px;
	top: -11px;
	left: 0;
	transform: rotate(180deg);
}
footer .inner {
	width: 90%;
	max-width: 1300px;
	margin: auto;
	display: flex;
	justify-content: space-between;
}


/*------------------------------ logo ------------------------------*/
footer h2 {
	font-size: 11px;
	color: #FFF;
	margin-bottom: 20px;
}



/*------------------------------ nav ------------------------------*/
#footer_nav {
	width: 40%;
	padding-top: 27px;
}
#footer_nav ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
}
#footer_nav li {
	margin: 2px 15px;
}
#footer_nav li a {
	position:relative;
	display: block;
	color: #FFF;
	font-size: 13px;
}

/*------------------------------ ホバーのボーダー ------------------------------*/
#footer_nav li a::before{
    position: absolute;
	left: 0;
	right:0;
	bottom: -1px;
	width:100%;
	height:1px;
	margin:auto;
	background-color: #ddd;
	transition: 0.15s  ease-out;
	transform: scaleX(0);
	content: "";
	z-index: 1;
}
#footer_nav li a:hover{
}
#footer_nav li a:hover::before{
	transform: scaleX(1);
}


/*------------------------------ copyright ------------------------------*/
footer .copy {
	width: 90%;
	max-width: 1300px;
	margin: auto;
}
footer .copy small{
	line-height:90px;
	font-size:11px;
	letter-spacing: 2px;
	font-family: "Jost", sans-serif;
  	font-optical-sizing: auto;
	color: #FFF;
}



/*------------------------------ reCAPTCHA ------------------------------*/
.grecaptcha-badge { z-index: 999;}





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

	▼▽▼▽▼▽▼▽▼▽ここからSP用▼▽▼▽▼▽▼▽▼▽

============================================================================*/
@media screen and (max-width:640px) {
	
	
	
footer {
	height: auto;
	padding-top: 40px;
	text-align: center;
	margin-top: 60px;
}
footer .inner {
	display: block;
}

/*------------------------------ logo ------------------------------*/
footer h2 {
	font-size: 11px;
	color: #FFF;
	margin-bottom: 20px;
}
	footer h1 {
		width: 80%;
		margin: auto;
	}

/*------------------------------ nav ------------------------------*/
#footer_nav {
	display: none;
}



/*------------------------------ copyright ------------------------------*/
footer .copy {
}
footer .copy small{
}



	


	


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

	▲△▲△▲△▲△▲△ここまでSP用▲△▲△▲△▲△▲△

============================================================================*/
}