@charset "UTF-8";


.swiper-wrapper{
	transition-timing-function: linear !important;
}
.key-visual .bg{
	background-image: url(../images/gallery-key-visual.jpg);
}
.page-title{
	width: 41.3rem;
}
/* +++#sec01+++ */
#sec01{
	padding-top: 8rem;
	padding-bottom: 10rem;
}
.facility{
	padding-top: 12rem;
}
.facility-en{
	text-align: center;
	font-size: 7.5rem;
	text-align: center;
	line-height: 1 !important;
}
.facility-name{
	font-weight: 400;
	font-size: 1.6rem;
	text-align: center;
	margin-block: 3.6rem 4.8rem;
}
.slider{
	padding-top: 8rem;
}
.slider .pic{
	padding-inline: .5rem;
}

/* +++#sec02+++ */
#sec02{
	background: url(../images/gallery-bg02.jpg) no-repeat;
	background-position: center top;
	background-size: cover;
	padding-bottom: 36rem;
}
#sec02 .facility-en{
	color: #00763f;
}
#sec02 .facility-name{
	color: #000;
}
#contact-area{
	margin-top: -21rem;
	padding-top: 0;
}



@media screen and (max-width: 768px){
	.key-visual .bg{
		background-image: url(../images/sp-gallery-key-visual.jpg);
	}
	.page-title{
		width: 41.2rem;
	}
	.key-visual02 .catch-copy{
		margin-block: 33.8rem 3rem;
	}
/* +++#sec01+++ */
	#sec01 .outer,
	#sec02 .outer{
		padding-inline: 0;
	}
	.facility{
		padding-top: 12rem;
	}
	#sec01 .facility:nth-of-type(1){
		padding-top: 0;
	}
	
	.facility-name{
		font-weight: 400;
		font-size: 2.6rem;
		text-align: center;
		margin-block: 2.2rem 4rem;
	}

	.main-pic{
		width: calc(100% - 9.6rem);
	}
/* +++#sec02+++ */
#sec02{
	background: url(../images/gallery-bg01.jpg) no-repeat;
	background-position: center top;
	background-size: cover;
	padding-bottom: 36rem;
}
#sec02 .facility-en{
	color: #00763f;
}
#sec02 .facility-name{
	color: #000;
}
#contact-area{
	margin-top: -21rem;
	padding-top: 0;
}
}