@charset "UTF-8";
/* ============================== */
/* TOPPAGE INVIEW */
/* ============================== */ :root {
	--distance: 100px;
	--delay: 300ms;
}
@media (768px <=width) {
	:root {
		--distance: 80px;
	}
}
@media (1132px <=width) {
	:root {
		--distance: 120px;
	}
}
.js-inview {
	opacity: 0;
	transform: translateY(var(--distance));
	transition: opacity 2500ms, transform 2000ms;
}
.js-inview.is-inview {
	opacity: 1;
	transform: translateY(0);
}
.hero.js-inview {
	transition-delay: 1600ms;
	transform: translateY(0);
}
.message-text.js-inview {
	transition-delay: 800ms;
}
.facility-grid.js-inview {
	opacity: 1;
	transform: translateY(0);
}
.facility-grid.js-inview .facility-card {
	opacity: 0;
	transform: translateY(var(--distance));
	transition: opacity 2500ms, transform 2000ms;
}
.facility-grid.is-inview .facility-card {
	opacity: 1;
	transform: translateY(0);
}
.facility-grid.is-inview .facility-card:nth-child(2) {
	transition-delay: calc(var(--delay) * 1);
}
.facility-grid.is-inview .facility-card:nth-child(3) {
	transition-delay: calc(var(--delay) * 2);
}
.facility-grid.is-inview .facility-card:nth-child(4) {
	transition-delay: calc(var(--delay) * 3);
}
.facility-grid.is-inview .facility-card:nth-child(5) {
	transition-delay: calc(var(--delay) * 4);
}
.facility-grid.is-inview .facility-card:nth-child(6) {
	transition-delay: calc(var(--delay) * 5);
}
.benefits .benefits-image.js-inview {
	transition-delay: 1200ms;
}
.about .about-image.js-inview {
	transition-delay: 1200ms;
}
@media print {
	.js-inview {
		opacity: 1;
		transform: translateY(0);
	}
	.facility-grid.js-inview .facility-card {
		opacity: 1;
		transform: translateY(0);
	}
}