@charset "utf-8";
/*スクロールアニメーション-fade css*/
.scAnimetion1 {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1s;
 -ms-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-name: scAnime1;
 -ms-animation-name: scAnime1;
 animation-name: scAnime1;
 visibility: visible !important;
}
@-webkit-keyframes scAnime1 {
 0% { opacity: 0; -webkit-transform: translateY(-100px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes scAnime1 {
 0% { opacity: 0; -webkit-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

.scAnimetion2 {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1.8s;
 -ms-animation-duration:1.8s;
 animation-duration:1.8s;
 -webkit-animation-name: scAnime2;
 -ms-animation-name: scAnime2;
 animation-name: scAnime2;
 visibility: visible !important;
}
@-webkit-keyframes scAnime2 {
 0% { opacity: 0; -webkit-transform: translateY(80px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes scAnime2 {
 0% { opacity: 0; -webkit-transform: translateY-(80px); -ms-transform: translateY(80px); transform: translateY(80px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

.scAnimetion3 {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1.5s;
 -ms-animation-duration:1.5s;
 animation-duration:1.5s;
 -webkit-animation-name: scAnime3;
 -ms-animation-name: scAnime3;
 animation-name: scAnime3;
 visibility: visible !important;
}
@-webkit-keyframes scAnime3 {
 0% { opacity: 0; -webkit-transform: translateY(50px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes scAnime3 {
 0% { opacity: 0; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

.scAnimetion4 {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1.5s;
 -ms-animation-duration:1.5s;
 animation-duration:1.5s;
 -webkit-animation-name: scAnime4;
 -ms-animation-name: scAnime4;
 animation-name: scAnime4;
 visibility: visible !important;
}
@-webkit-keyframes scAnime4 {
 0% { opacity: 0; -webkit-transform: translateX(30px); }
 100% { opacity: 1; -webkit-transform: translateX(0); }
}
@keyframes scAnime4 {
 0% { opacity: 0; -webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px); }
 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
}

.scAnimetion_fede-dw{
	animation: fadeup 1.8s cubic-bezier(0.33, 1, 0.68, 1) 1 forwards;
}@keyframes fadeup {
  0% {
    transform: translateY(-50px);
    opacity: 0;
  }
  80% {
    transform: translateY(0);
  }
  100% {
    opacity: 1;
  }
}