/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 25 2025 | 15:21:25 */
@keyframes fadeInUp {
from {
opacity: 0;
transform: translate3d(0, 40px, 0);
}

to {
opacity: 1;
transform: none;
}
}

.fadeInUp {
animation-name: fadeInUp;
}

@keyframes fadeInLeft{
	from{
		opacity:0;transform:translate3d(-40px,0,0)}
	to{
		opacity:1;transform:none
	}
    }

.fadeInLeft{
	animation-name:fadeInLeft
}

html{
scroll-behavior: smooth;
scroll-padding-top: 100px!important;
}

*:focus {
outline: none;
}
@keyframes bounceIn {
	20%, 40%, 60%, 80%, from, to {
		animation-timing-function: cubic-bezier(.215, .61, .355, 1);
	}

	0% {
		opacity: 0;
		transform: scale3d(0.1, 0.1, 0.1) translateY(100px); /* 下から100px */
	}

	20% {
		transform: scale3d(1.1, 1.1, 1.1) translateY(-10px); /* 上にちょいオーバー */
	}

	40% {
		transform: scale3d(0.9, 0.9, 0.9) translateY(5px);
	}

	60% {
		opacity: 1;
		transform: scale3d(1.03, 1.03, 1.03) translateY(-2px);
	}

	80% {
		transform: scale3d(0.97, 0.97, 0.97) translateY(1px);
	}

	to {
		opacity: 1;
		transform: scale3d(1, 1, 1) translateY(0);
	}
}