.ogata-animate{
	opacity: 0;
	transition-property: opacity, transform, filter;
	transition-duration: var(--ogata-duration, .7s);
	transition-timing-function: var(--ogata-easing, ease);
	transition-delay: var(--ogata-delay, 0s);
	will-change: opacity, transform, filter;
}

.ogata-animate.is-inview{
	opacity: 1;
	transform: none;
	filter: none;
}

.ogata-fade-in{
	transform: none;
	filter: none;
}

.ogata-fade-up{
	transform: translateY(var(--ogata-distance, 28px));
}

.ogata-fade-down{
	transform: translateY(calc(var(--ogata-distance, 28px) * -1));
}

.ogata-slide-left{
	transform: translateX(calc(var(--ogata-distance, 28px) * -1));
}

.ogata-slide-right{
	transform: translateX(var(--ogata-distance, 28px));
}

.ogata-zoom-in{
	transform: scale(calc(1 - (min(var(--ogata-distance, 28px), 200) / 1000)));
	filter: blur(calc(min(var(--ogata-distance, 28px), 60) / 20 * 1px));
}

@media (max-width: 767px){
	.ogata-disable-mobile{
		opacity: 1 !important;
		transform: none !important;
		filter: none !important;
		transition: none !important;
	}
}

@media (prefers-reduced-motion: reduce){
	.ogata-animate{
		opacity: 1 !important;
		transform: none !important;
		filter: none !important;
		transition: none !important;
	}
}