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


.scrollin {
    opacity : 0;
    transform : translate(0, -30px);
    }	
 
.scrollin.on {
    opacity : 1;
    transform : translate(0, 0);
    transition : transform 1200ms,opacity 1200ms;
    -webkit-transition : transform 1200ms,opacity 1200ms;
    }

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

	
#contents {
	margin-bottom: 200px;
	text-align: justify !important;
	text-justify: inter-ideograph !important;
	}
	
	
	#title{
		height:735px;
		background-image:url(../images/title_bg.jpg);
		background-position:center bottom;
		background-size:cover;
		position:relative;
		}
		#title_wrap h2{
			margin-top:-105px;
			display:block;
			margin-left:auto;
			margin-right:auto;
			text-align:center;
			position:relative;
			z-index:1;
			font-weight:normal;
			}
			#title_wrap h2 > span{
				padding:25px 40px 40px;
				background:rgba(0,0,0,0.8);
				box-sizing:border-box;
				display:inline-block;
				font-size: 18px;
				line-height: 2em;
				letter-spacing: 0.1em;
				color:#fff;
				}
				#title_wrap h2 > span span{
					display:block;
					font-size: 12px;
					margin-bottom: 10px;
					}
				
				
	.intro{
		line-height: 3em;
		text-align: center;
		margin: 40px auto 0;
		font-size: 14px;
		max-width:80%;
		}
		

.facility_sec{
	max-width:1400px;
	min-width:1040px;
	margin:auto;
	margin-top:170px;
	}
	
	
	.facility_sec .flt_r{
		float:right;
		}
	.facility_sec .flt_l{
		float:left;
		}
	
	.facility_sec .text_area.flt_r{
		text-align:left;
		padding-right:20px;
		}
	.facility_sec .text_area.flt_l{
		text-align:right;
		padding-left:20px;
		}
		.text_area{
			width: calc(100% - 790px);
			line-height:2.2em;
			}
		.facility_sec .text_area > div {
			display:inline-block;
			max-width:440px;
			text-align:left;
			}
	.facility_sec h3{
		line-height:1;
		font-size:17px;
		font-weight:normal;
		margin-bottom:35px;
		}		
		.facility_sec .pht_area{
			position:relative;
			}
		.facility_sec .pht_area > div{
			position:relative;
			overflow:hidden;
			z-index:1;
			width:698px;
			height:464px;
			}
			.facility_sec .pht_area > div img{
				position:absolute;
				width:698px;
				}
			.facility_sec .pht_area.flt_l > div img{
				left:100%;
				}
			.facility_sec .pht_area.flt_r > div img{
				right:100%;
				}
			.facility_sec .pht_area{
				opacity : 1;
				transform : translate(0, 0);
				}
			.facility_sec .pht_area.flt_l > div img.on{
				left:0;
				transition:opacity 2500ms;
				-webkit-transition:opacity 2500ms;
				}
			.facility_sec .pht_area.flt_r > div img.on{
				right:0;
				transition:opacity 2500ms;
				-webkit-transition:opacity 2500ms;
				}
				.facility_sec .link{
					text-align:center;
					margin-top:90px;
					}
				.facility_sec .link img{
					width:146px;
					}
				.facility_sec .time{
					text-align:left;
					margin-top:40px;
					border-top:1px solid rgba(72,72,72,0.2);
					border-bottom:1px solid rgba(72,72,72,0.2);
					padding:13px 0;
					}
				.facility_sec .time p{
					display:inline-block;
					font-size:12px;
					}
				.facility_sec .time p:nth-of-type(1){
					margin-right:30px;
					}
				
	
	
	
}

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

	
#contents {
	margin-bottom: 200px;
	}
	
	
	#title{
		height:400px;
		background-image:url(../images/title_bg.jpg);
		background-position:center;
		background-size:cover;
		position:relative;
		}
		#title_wrap{
			position:relative;
			}
		#title_wrap h2{
			display:block;
			margin-left:auto;
			margin-right:auto;
			text-align:center;
			position:absolute;
			bottom:-50px;
			width:100%;
			z-index:1;
			}
			#title_wrap h2 > span{
				max-width:80%;
				padding:15px 5% 20px;
				background:rgba(0,0,0,0.8);
				box-sizing:border-box;
				display:inline-block;
				font-size: 16px;
				line-height: 2em;
				letter-spacing: 0.1em;
				color:#fff;
				}
				#title_wrap h2 > span span{
					display:block;
					font-size: 12px;
					margin-bottom: 10px;
					}
	.intro{
		line-height: 2em;
		margin: 100px 30px;
		font-size: 14px;
		}
		
		
	.facility_sec{
		margin-top:140px;
		}
	.facility_sec .text_area{
		padding:0 30px;
		}
		
	.facility_sec h3{
		line-height:1;
		font-size:17px;
		font-weight:normal;
		text-align:center;
		margin-bottom:30px;
		}
		.facility_sec .time{
			text-align:center;
			margin-top:20px;
			}
			.facility_sec .time img{
				height:84px;
				max-width:80%;
				}
			.facility_sec .pht_area > div{
				position:relative;
				z-index:1;
				}
			.facility_sec .pht_area{
				margin-top:25px;
				}
			.facility_sec .pht_area > div,
			.facility_sec .pht_area > div img{
				width:100%;
				}
				.facility_sec .link{
					text-align:center;
					margin-top:-66px;
					}
				.facility_sec .link img{
					width:133px!important;
					}
				.facility_sec .time{
					text-align:left;
					margin-top:30px;
					border-top:1px solid rgba(72,72,72,0.2);
					border-bottom:1px solid rgba(72,72,72,0.2);
					padding:13px 0;
					}
				.facility_sec .time p{
					display:inline-block;
					font-size:12px;
					}
				.facility_sec .time p:nth-of-type(1){
					margin-right:30px;
					}
		
}