@charset "UTF-8";

.forpc { display: block!important; }
.forsp { display: none!important; }
.forpcinline { display: inline!important; }
.forspinline { display: none!important; }

.subContents{
	width: 940px;
	text-align: left;
	margin: 0 auto;
	position: relative;
}

header {
	background: #c2d9de;
	border-bottom: solid 2px #4e5488;
	position: relative;
}
header .logo {
	padding: 15px 0;
}

#fban {
	border-top: solid 1px #CCC;
	margin: 0 0 60px;
	padding: 40px 0 0 0;
}
#fban ul {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#fban ul li {
	font-size: 12px;
	line-height: 1.3;
}
footer {
	margin: 0 0 15px;
}

/* ----------- パーツ --------- */
.type1 {
	color: #719299;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	line-height: 2;
	margin: 0 0 70px;
	position: relative;
}
.type1 .ja {
	color: #000;
	font-size: 180%;
}
.type1::after {
	content: " ";
	width: 160px;
	height: 4px;
	background: #c2d9de;
	position: absolute;
	bottom: -25px;
	left: 50%;
	transform: translateX(-50%);
}
/* ----------- ブロック --------- */
.section {
	margin-bottom: 100px;
}

/* ----------- パーツ --------- */
.linkarea,
.linkarea a{
	position: relative;
}
.linkarea a:hover,
.linkarea:hover{
	opacity: .8;
}
.linkarea a {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	font-size: 0;
	text-indent: -9999px;
	overflow: visible;
	z-index: 999;
}

/* ----------- jq効果 --------- */
.fadeIn {
	transition: .8s;
	opacity: 0;
	transform: translate(0, 60px); 
	-webkit-transform: translate(0, 60px); 
}
.fadeIn.active {
	opacity: 1.0;
	transform: translate(0, 0); 
	-webkit-transform: translate(0, 0);
}
.enlarge {
	transition: .6s;
	opacity: 0;
	transform: scale(0); 
	-webkit-transform:  scale(0); 
}
.enlarge.active {
	opacity: 1;
	transform: scale(1); 
	-webkit-transform:  scale(1); 
}
.delay1 { transition-delay: .2s; }
.delay2 { transition-delay: .4s; }
.delay3 { transition-delay: .6s; }







/* FOR smartphone landscape
***************************************************************************/
@media screen and (max-width:751px) {

	.forpc { display: none!important; }
	.forsp { display: block!important; }
	.forpcinline { display: none!important; }
	.forspinline { display: inline!important; }
	img { width: 100%; }


	.subContents {
		width: 100%;
	}

	header {
	}
	header .logo {
		width: 150px;
		margin: 0 auto;
		padding: 15px 0 10px;
	}

	#fban {
		border-top: solid 1px #CCC;
		margin: 0 0 40px;
		padding: 20px 0 0 0;
	}
	#fban ul {
		margin: 0 30px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	#fban ul li {
		width: 45%;
		font-size: 12px;
		line-height: 1.3;
		margin: 0 0 10px;
	}
	#fban ul li:last-child {
		width: 100%;
	}

	footer {
		margin: 0 0 15px;
	}

	/* ----------- パーツ --------- */
	.type1 {
		font-size: 13px;
		margin: 0 0 40px;
	}
	.type1 .ja {
		font-size: 150%;
	}
	.type1::after {
		width: 100px;
		height: 3px;
		bottom: -15px;
	}
	/* ----------- ブロック --------- */
	.section {
		margin-bottom: 50px;
	}



}


/* FOR smartphone portrait
***************************************************************************/
@media screen and (max-width:400px) {


}