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



/* FONT size
---------------------------------------------------------------------
[ px ]	[ % ]
10px 	72  %		19px 	136 %
11px 	79  %		20px 	143 %
12px 	86 %		21px 	150 %
13px 	93 %		22px 	158 %
14px 	100 %		23px 	165 %
15px 	108 %		24px 	172 %
16px 	115 %		25px 	179 %
17px 	122 %		26px 	186 %
18px 	129 %
---------------------------------------------------------------------*/




	



/* min 801px */
@media screen and (min-width: 801px), print {



	

	
	
/* mainimages
--------------------- */
#mainimages {
	width:100%;
	/*background-image:url(../images/main.jpg);*/
	background-size:cover;
	background-position:center;
	position:relative;
	display:table;
	z-index: 1;
}
	#mainimages h1 {
		width: 156px;
		height: 156px;
		overflow: hidden;
		text-indent: -9999px;
		background: url(../common/img/logo.svg) no-repeat center;
		background-size: 156px;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -100px;
		margin-left: -78px;
		z-index: 3;
		display: none;
	}

	.video_wrap{
	}
		video{
			width:100%;
		}


.mainvisual__video {
	display: none !important;
}
	

	
	
/* title
--------------------- */
.title {
	padding: 70px 0 60px 0;
	text-align: center;
}
	.title h2 {
		font-size: 20px;
		font-weight: 400;
		letter-spacing: 2px;
		padding-bottom: 4px;
		margin-bottom: 60px;
		background: url(../common/img/tit_border_black.png) no-repeat center bottom;
	}
	
	.title p {
		font-size: 86%;
		letter-spacing: 2px;
		margin-bottom: 30px;
		line-height: 30px;
	}
	
	.title p.en {
		margin-bottom: 0;
	}



	
	



	
	
/* concept
--------------------- */
#concept {
	width: 100%;
	min-width: 1000px;
	padding: 140px 0 200px 0;
	background: #fff;
}
	#concept .contents {
		padding-top: 130px;
	}
		#concept .contents .box {
		}
			#concept .contents .box .pht {
				width: 500px;
			}
				#concept .contents .box .pht img {
					width: 100%;
					height: auto;
				}

	
			#concept .contents .box .text {
				width: 380px;
				padding: 70px 60px 30px 60px;
			}
				#concept .contents .box .text .tit {
					text-align: center;
					padding-bottom: 40px;
				}
					#concept .contents .box .text .tit h3 {
						font-size: 179%;
						font-weight: 400;
						line-height: 1;
						letter-spacing: 2px;
					}
	
	
				#concept .contents .box .text .txt p {
					font-size: 86%;
					line-height: 30px;
					margin-bottom: 30px;
				}
				#concept .contents .box .text .txt p.en {
					margin-bottom: 0;
				}



	
	
/* facilities
--------------------- */
#facilities {
	width: 100%;
	min-width: 1000px;
	background: #dfdfe1;
	padding: 130px 0 120px 0;
}
	#facilities .phtbox {
		margin-top: 130px;
		margin-bottom: 110px;
		height: 782px;
		position: relative;
	}
		#facilities .phtbox li {
			position: absolute;
		}
		#facilities .phtbox li:nth-child(1) {
			top: 0;
			left: 0;
		}
		#facilities .phtbox li:nth-child(2) {
			top: 0;
			left: 337px;
		}
		#facilities .phtbox li:nth-child(3) {
			top: 0;
			right: 0;
		}
		#facilities .phtbox li:nth-child(4) {
			bottom: 0;
			left: 0;
		}
		#facilities .phtbox li:nth-child(5) {
			bottom: 0;
			left: 337px;
		}
		#facilities .phtbox li:nth-child(6) {
			bottom: 0;
			right: 0;
		}



	
	
	
/* activities
--------------------- */
#activities {
	width: 100%;
	min-width: 1000px;
	padding: 30px 0 100px 0;
	background: url(../img/activities_bg.jpg) no-repeat center;
	background-size: cover;
}
	#activities .title {
		color: #fff;
	}
		#activities .title h2 {
			background: url(../common/img/tit_border_white.png) no-repeat center bottom;
		}
	
	



	
	
/* expecting
--------------------- */
#expecting {
	width: 100%;
	min-width: 1000px;
	padding: 200px 0 200px 0;
	background: #fff;
}
	#expecting h2 {
		font-size: 20px;
		font-weight: 400;
		letter-spacing: 2px;
		text-align: center;
		margin-bottom: 60px;
	}
	
	
	#expecting p {
		width: 640px;
		margin: 0 auto 30px auto;
		font-size: 86%;
		letter-spacing: 2px;
		line-height: 30px;
	}
	
	#expecting p.en {
		margin-bottom: 0;
	}
	
	
	
	
	
	
	



}








/* max 800px */
@media only screen and (max-width: 800px) {


.video_wrap {
	display: none !important;
}

	
	
/* mainimages
--------------------- */
#mainimages {
	width: 100%;
	height: 50vh;
	position: relative;
	overflow: hidden;
	background-size: cover;
}
	#mainimages h1 {
		width: 156px;
		height: 156px;
		overflow: hidden;
		text-indent: -9999px;
		background: url(../common/img/logo.svg) no-repeat center;
		background-size: 156px;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -100px;
		margin-left: -78px;
		z-index: 3;
		display: none;
	}



	
	
.mainvisual__video {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
	height: 50vh !important;
	z-index: -1;
}
	.mainvisual__video iframe {
		width: 100%;
		height: 50vh !important;
	}




	
	

	
	
/* title
--------------------- */
.title {
	padding: 40px 5% 30px 5%;
	text-align: center;
}
	.title h2 {
		font-size: 20px;
		font-weight: 400;
		letter-spacing: 2px;
		padding-bottom: 4px;
		margin-bottom: 30px;
		background: url(../common/img/tit_border_black.png) no-repeat center bottom;
	}
	
	.title p {
		font-size: 86%;
		letter-spacing: 2px;
		margin-bottom: 20px;
		line-height: 30px;
	}
	
	.title p.en {
		margin-bottom: 0;
	}



	
	



	
	
/* concept
--------------------- */
#concept {
	width: 100%;
	padding: 20px 0 0 0;
	background: #fff;
}
#concept .inner {
}
	#concept .contents {
		padding-top: 30px;
	}
		#concept .contents .box {
		}
			#concept .contents .box .pht {
			}
				#concept .contents .box .pht img {
					width: 100%;
					height: auto;
				}

	
			#concept .contents .box .text {
				padding: 35px 0 55px 0;
			}
				#concept .contents .box .text .tit {
					text-align: center;
					padding-bottom: 25px;
				}
					#concept .contents .box .text .tit h3 {
						font-size: 143%;
						font-weight: 400;
						line-height: 1;
						padding-bottom: 3px;
						letter-spacing: 2px;
					}
					#concept .contents .box .text .tit p {
						font-size: 86%;
					}
	
	
				#concept .contents .box .text .txt p {
					font-size: 86%;
					line-height: 30px;
					margin-bottom: 20px;
				}
				#concept .contents .box .text .txt p.en {
					margin-bottom: 0;
				}



	
	
/* facilities
--------------------- */
#facilities {
	width: 100%;
	background: #dfdfe1;
	padding: 20px 0 50px 0;
}
	#facilities .phtbox {
		padding-top: 30px;
		margin-bottom: 50px;
	}
		#facilities .phtbox img {
			width: 100%;
			height: auto;
		}



	
	
	
/* activities
--------------------- */
#activities {
	width: 100%;
	padding: 30px 0 50px 0;
	background: url(../img/activities_bg.jpg) no-repeat center;
	background-size: cover;
}
	#activities .title {
		color: #fff;
		padding-bottom: 50px;
	}
		#activities .title h2 {
			background: url(../common/img/tit_border_white.png) no-repeat center bottom;
		}



	
	
/* expecting
--------------------- */
#expecting {
	width: 100%;
	padding: 50px 0 50px 0;
	background: #fff;
}
	#expecting h2 {
		font-size: 20px;
		font-weight: 400;
		letter-spacing: 2px;
		text-align: center;
		margin-bottom: 30px;
	}
	
	
	#expecting p {
		font-size: 86%;
		letter-spacing: 2px;
		margin-bottom: 20px;
		line-height: 30px;
	}
	
	#expecting p.en {
		margin-bottom: 0;
	}
	
	
	
}

	



.fadeInDown {
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-duration:1s;
	-ms-animation-duration:1s;
	animation-duration:1s;
}
@-webkit-keyframes fadeInDown {
	0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
	100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
@keyframes fadeInDown {
	0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
	100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
	visibility: visible !important;
}