@charset "utf-8";
.animate__fadeInUp {-webkit-animation-name: fadeInUp_2;animation-name: fadeInUp_2;}

@-webkit-keyframes fadeInUp_2 {
  from {opacity: 0; -webkit-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0);}
  to {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
@keyframes fadeInUp_2 {
  from { opacity: 0; -webkit-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0);}
  to {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
}

.fv_logo{opacity: 0; animation-fill-mode:forwards; opacity: 0; will-change: transform, opacity;}

/* --- Play-in animation --- */
.fv_logo.is-anim{animation: fvLogoIn .8s ease-out forwards;}

@keyframes fvLogoIn{
	from{ opacity: 0;}
	to{ opacity: 1;}
}

/*
body.lock-sp { position: fixed; inset: 0; width: 100%; height: 100dvh; height: 100svh; height: 100vh; overflow: hidden; touch-action: none; -webkit-overflow-scrolling: auto; backface-visibility: hidden; transform: translateZ(0);}
body.lock-sp::after { content: ""; position: fixed; left: 0; right: 0; bottom: 0;　height: env(safe-area-inset-bottom);　background: inherit;}
*/

/* 例: is-show が付いた時のアニメーション */
/* .logo_pin.is-show {	animation: fadeUpItem 0.5s ease-out forwards;} */
.logo_pin{ opacity:0; transform:translateY(12px); transition:opacity .4s ease, transform .4s ease; will-change: opacity, transform;animation-fill-mode:forwards; }
.logo_pin.is-show{ opacity:1; transform:translateY(0px); animation-fill-mode:forwards;}

@keyframes fadeUpItem {
	from { opacity: 0; transform: translateY(60px); }
	to { opacity: 1; transform: translateY(0); }
}


@media only screen and (max-width: 1025px) {
	
	.animate__fadeInUp {-webkit-animation-name: fadeInUp_2; animation-name: fadeInUp_2;}
	
	@-webkit-keyframes fadeInUp_2 {
	  from {opacity: 0; -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0);}
	  to {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
	}
	@keyframes fadeInUp_2 {
	  from { opacity: 0; -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0);}
	  to {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
	}
	
	
	@keyframes fadeUpItem {
		from { opacity: 0; transform: translateY(30px); }
		to { opacity: 1; transform: translateY(0); }
	}
}