.poyon1.poyoyon.is-animated{
  animation: poyoyon 0.5s cubic-bezier(0.12, 0, 0.39, 0) 1 forwards;
	}
 
		@keyframes poyoyon {
		  0% {
		    transform: translateX(140px);
		    opacity: 0;
		  }
		  50% {
		    transform: translateX(0);
		  }
		  65% {
		    transform: translateX(30px);
		  }
		  100% {
		    transform: translateX(0);
		  }
		  20%,100% {
		    opacity: 1;
		  }
		}

.fade-in-text {
  position: relative;
  opacity: 0; /* 初めは透明に設定 */
  transform: translateY(100%); /* 下からスライドするために位置を下に設定 */
  animation: fadeInFromBottom 1s forwards; /* フェードインアニメーションの設定 */
}

@keyframes fadeInFromBottom {
  to {
    opacity: 1; /* アニメーション終了時に完全に表示 */
    transform: translateY(0); /* アニメーション終了時の位置 */
  }
}



/*ふんわりムーブ*/

.fadeUpTrigger{
opacity: 0;
	}

.fadeUp {
    animation-name: fadeUpAnime;
    animation-duration:2s;
    animation-fill-mode:forwards;
    opacity: 0;
	}
@keyframes fadeUpAnime{
from {
    opacity: 0;
    transform: translateY(100px);
	}
to {
    opacity: 1;
    transform: translateY(0);
	}
}

 
.tel_banner{
    position: fixed;
    z-index: 99999;
    bottom: 0;
    right: 0;
    }


.piko{
  animation: pikopiko 3s steps(2, start) infinite;
}

@keyframes pikopiko {
  0% {
    transform: rotate(20deg);
  }
  to {
    transform: rotate(-10deg);
  }
}

/*フッターまでスクロールしたら消す*/



.is-hidden {
  visibility: hidden;
  opacity: 0;
}