@charset "UTF-8";
/* ============================== */
/* TOPPAGE INVIEW */
/* ============================== */ 
:root {
	--distance: 100px;
}
@media (768px <=width) {
	:root {
		--distance: 150px;
	}
}
@media (1200px <=width) {
	:root {
		--distance: 200px;
	}
}
.js-inview {
	opacity: 0;
	transform: translateY(var(--distance));
	transition: opacity 2500ms, transform 2000ms;
}
.js-inview.is-inview {
	opacity: 1;
	transform: translateY(0);
}