@charset "utf-8";
/**
 *facility page
 */
#facility .mainWrp {
	margin-bottom: 0;
}
#facility #linkArea .inner {
	margin-top: 0;
	border-top: 0;
}
#mvArea .imageMv img {
	width: 100%;
	top:-14.5vw;
}
.mvtitle {
	width: 25.4%;
}

/*リード*/
#facility .toptitleArea {
	text-align: center;
	font-size: 2em;
	letter-spacing: .07em;
	margin: 0 0 3vw;
	opacity: 0;
}
#facility.is-loaded .toptitleArea {
	opacity: 1;
	transition: opacity .4s linear 1s;
}
.toptitleArea h2 {
	font-size: 1.44em;
	letter-spacing: .07em;
	font-weight: 600;
	margin-bottom: .6em;
}

/*アンカーリンク*/
#facility_menu {
	text-align: center;
	background: rgba( 230,226,223,.5);
	margin-bottom: 9.4em;
}
#facility_menu.is-show {
	background: rgba( 230,226,223,1);
}
#facility_menu .inner {
	width: 100%;
	padding: 2.7em 0 1.9em;
	max-width: none;
}
#facility_menu h2 {
	font-weight: 400;
	font-size: 10px;
	display: inline-block;
}
#facility_menu a {
	font-size: 1.6em;
	display: inline-block;
	margin-bottom: .8em;
	position: relative;
}
#facility_menu a:not(.side_a) {
	padding-right: 1.68em;
	margin-right: 1.68em;
}
#facility_menu a:not(.side_a)::after {
	width: 1px;
	height: 62%;
	content:'';
	background: #000;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
.title30 {
	margin-bottom: 1em;
	text-align: center;
}
.grside_title {
	color: #FFF;
	font-size: 2em;
	line-height: 1;
	font-weight: 400;
	padding: .5em 0 .56em .8em;
	margin-bottom: .8em;
	box-sizing: border-box;
	background: rgb(114,111,110);
	background: linear-gradient(90deg, rgba(114,111,110,1) 0%, rgba(114,111,110,.6) 25%, rgba(114,111,110,0.5) 35%, rgba(114,111,110,0) 49%, rgba(114,111,110,0) 100%);
	border-radius: 0.5vw 0 0 0.5vw;
}
.facilityChill  {
	padding-bottom: 5.6em;
	margin-bottom: 5.6em;
	border-bottom: 1px solid #d2d2d2;
}
.facilityChill#facility02  {
	margin-top: 10em;
}
.facilityChill  .grside_title + p {
	font-size: 1.6em;
}
.facilityChill .grside_title + p {
	font-size: 1.6em;
}
.facilityChill .flex {
	margin: 2.1em 0 0 0;
	flex-wrap: wrap;
}
.facilityChill .flex li {
	width: 30.6%;
	margin-left: 4%;
}
.facilityChill .flex li:nth-child(3n+1) {
	margin-left: 0;
}
.facilityChill .flex li:nth-child(n +4 ) {
	margin-top: 2.4em;
}
.facilityChill .flex .imageArea > p  {
	line-height: 1.5;
	font-size: 1.2em;
	margin: .6em 0 0 0;
}

/*設備*/
.centBx {
	text-align: center;
}
.iconList {
	justify-content: space-between;
}
.iconList + p {
	font-size: 1.6em;
	margin-top: 2em;
	font-weight: 500;
}
.facilityBx#facility12 {
	border-bottom: 1px solid #d2d2d2;
	margin-bottom: 7em;
	padding: 4em 0 9em;
}

/*スタッふ*/
.facilityBx#facility13 ul.flex li {
	width: 18%;
}
.facilityBx#facility13 ul.flex li .imageStaff {
	width: 100%;
	padding-top: 100%;
	overflow: hidden;
	position: relative;
	border-radius: 100%;
}
.facilityBx#facility13 ul.flex li a .imageStaff img {
	width: 160%;
	max-width: none;
	position: absolute;
	top: 51%;
	left: 50%;
	transform: 	translate(-50%, -50%);
}
.facilityBx#facility13 ul.flex li a .imageStaff mg:last-of-type {
	opacity: 1;
	z-index: 2;
	transition: opacity .4s linear  0s;
}
.facilityBx#facility13 ul.flex li a:hover .imageStaff img:last-of-type  {
	opacity: 0;
	transition: opacity .4s linear  0s;
}
.facilityBx#facility13 ul.flex li a  .name {
	font-size: 1.8em;
	margin-top: 1em;
	line-height: 1.6;
}
.facilityBx#facility13 ul.flex li a .name span {
	font-size: .77em;
	display: block;
}

@media only screen and (max-width: 1200px) {
	#facility_menu a {
	font-size: 1.6vw;
	}
	#facility_menu a:not(.side_a) {
	padding-right: 1.45vw;
	margin-right: 1.45vw;
	}
}
@media only screen and (max-width: 768px) {
	#facility .mainWrp {
	padding: 2.5em 0  6em;
	}
	#mvArea .imageMv img {
	width: 220%;
	top:-20vw;
	}
	.mvtitle {
	width: 72%;
	}
	#facility.is-loaded .toptitleArea {
	margin:0  0 9vw;
	font-size: 3.5vw;
	}
	#facility.is-loaded .toptitleArea h2 {
	font-size: 4.3vw;
	margin-bottom: 1.5vw;
	}
	#facility_menu a.side_a-sp {
	padding-right: 0;
	margin-right: 0;
	}
	#facility_menu a.side_a-sp::after {
	display: none;
	}
	#facility_menu a {
	font-size: 3.2vw;
	line-height: 1;
	}
	#facility_menu a:not(.side_a) {
	padding-right: 3vw;
	margin-right: 2vw;
	}
	#facility_menu .inner {
	padding: 3vw 0 2.2vw;
	}
	#facility_menu {
	margin-bottom: 4.5em;
	}
	.facilityChill#facility02 {
	margin-top: 4.5em;
	}
	.grside_title {
	font-size: 4vw;
	border-radius: 2vw 0 0 2vw;
	background: linear-gradient(
90deg, rgba(114,111,110,1) 0%, rgba(114,111,110,1) 25%, rgba(114,111,110,1) 35%, rgba(114,111,110,1) 49%, rgba(114,111,110,.8) 60%, rgba(114,111,110,0) 90%);
	}
	.facilityChill .grside_title + p {
	font-size: 3.2vw;
	}
	.facilityChill .flex {
	margin: 1.8em 0 0 0;
	flex-direction: column;
	align-items: center;
	}
	.facilityChill .flex li {
	width: 72.8vw;
	margin-left: 0;
	margin-bottom: 4.5vw;
	}
	.facilityChill .flex .imageArea > p {
	font-size: 2.75vw;
	}
	.facilityChill {
	padding-bottom: 11vw;
	margin-bottom: 12vw;
	}
	.flex.iconList {
	flex-wrap: wrap;
	justify-content: center;
	}
	.facilityBx#facility13 ul.flex li,
	.flex.iconList li {
	width: 28.2vw;
	margin: 0 0 2vw 3vw;
	}
	.facilityBx#facility13 ul.flex li:nth-child(3n+1),
	.flex.iconList li:nth-child(3n+1) {
	margin: 0 0 2vw 0;
	}
	.iconList + p {
	font-size: 2.95vw;
	margin-top: 1em;
	}
	.facilityBx#facility13 ul.flex li a .name {
	font-size: 3.65vw;
	}
	.facilityBx#facility13 ul.flex li a .name span {
	font-size: 2.7vw;
	}
	.facilityBx#facility12 {
	margin-bottom: 10vw;
	padding: 4em 0 10vw;
	}
}