@charset "UTF-8";

.js-inview {
	opacity: 0;
	transform: translateY(50px);
	transition: opacity 800ms, transform 800ms;
	transition-delay: 150ms;
}
.js-inview.is-inview {
	opacity: 1;
	transform: translateY(0);
}
/* ========== */
.hero.js-inview {
	transform: translateY(0);
}
.hero.js-inview .main-copy {
	opacity: 0;
	transform: translateY(50px);
	transition: opacity 800ms, transform 800ms;
	transition-delay: 900ms;
}
.hero.js-inview.is-inview .main-copy {
	transform: translateY(0);
	opacity: 1;
}
.hero.js-inview .shoulder-copy {
	opacity: 0;
	transition: opacity 800ms;
	transition-delay: 1600ms;
}
.hero.js-inview.is-inview .shoulder-copy {
	opacity: 1;
}
@media screen and (min-width: 1232px) {
	.hero.js-inview .main-copy {
		transform: translateY(0%);
	}
	.hero.js-inview.is-inview .main-copy {
		transform: translateY(-25%);
	}
}

/* ========== */
@media screen and (min-width: 768px) {
	.cta .mail.js-inview {
		transition-delay: 400ms;
	}
}
@media screen and (min-width: 768px) {
	.advantage-list > li:nth-child(even).js-inview {
		transition-delay: 500ms;
	}
}
@media screen and (min-width: 1140px) {
	.advantage-list > li:nth-child(n).js-inview {
		transition-delay: 0s;
	}
	.advantage-list > li:nth-child(3n + 2).js-inview {
		transition-delay: 500ms;
	}
	.advantage-list > li:nth-child(3n + 3).js-inview {
		transition-delay: 1000ms;
	}
}
/* ========== */
@media screen and (min-width: 768px) {
	.member-list > li:nth-child(even).js-inview {
		transition-delay: 500ms;
	}
}
@media screen and (min-width: 992px) {
	.member-list > li:nth-child(n).js-inview {
		transition-delay: 0s;
	}
	.member-list > li:nth-child(3n + 2).js-inview {
		transition-delay: 500ms;
	}
	.member-list > li:nth-child(3n + 3).js-inview {
		transition-delay: 1000ms;
	}
}