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

/* --------------------------------------------------
		visual
-------------------------------------------------- */
.u-cts__inner{
/*		padding-top: 200%;*/
	max-width: 1340px;
	display: block;
	margin:  0 auto;
	text-align: center;
		
	}

.u-cts__inner img{
	margin: 5% 0;
}
.u-cts__inner02{
/*		padding-top: 200%;*/
	max-width: 1340px;
	display: flex;
	margin:  0 auto;
	text-align: center;
		
	}
.u-cts__inner02 img{
	width: 50%;
	padding: 3% 2% 4% 0;
}


.keihin{
	padding: 40px 0;
	background:#ffff;
	background-position: center center;
	background-size: cover;
	z-index: 1;
}
.keihin p{
	font-size: 3em;
	color: #007FB5;
	font-weight: bold;
}

.keihin02{
	padding: 25px 0;
	background:#005E8B;
	background-position: center center;
	background-size: cover;
	z-index: 1;
}
.keihin02 p{
	font-size: 1.2em;
	color: #ffff;
	font-weight: bold;
}

.main{
	background-image: url(../img/main_bg.jpg);
	background-position: center center;
	background-size: cover;
	z-index: 4;
	padding: 7% 20% ;
}



.l-footer{

	position: relative;

	padding: 50px 0 40px;

	background:#161418;

	background-position: center top;

	
}
/* --------------------------------------------------
		utility 767
-------------------------------------------------- */
@media screen and (max-width: 767px) {


}
	
/* --------------------------------------------------
		utility
-------------------------------------------------- */

img.u-pc {
	display: block;
	margin: 0 auto;
}
img.u-sp {
	display: none;
	margin: 0 auto;
}

@media screen and (max-width: 767px) {
img.u-pc {
	display: none;
	margin: 0 auto;
}
img.u-sp {
	display: block;
	margin: 0 auto;
}
}
/* --------------------------------------------------

	utility

-------------------------------------------------- */

@media screen and (min-width: 768px) {

	.u-sp {

		display: none;

	}

	.u-ancher {

		padding-top: 80px;

		margin-top: -80px;

	}

}

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

	.u-pc {

		display: none;

	}

}