@keyframes fadein{
  0%{
    opacity: 0;
  }
  100%{
    opacity: 1;
  }
}
@keyframes fadeIn{
  0%{
    opacity: 0;
  }
  100%{
    opacity: 1;
  }
}

@keyframes scrollBg{
0% {
    background-position: 0 0;
}
100% {
    background-position: 100% 0;
}
}

.hero__contentLead svg g g path{
  /* 初期状態では左にずらして、透明にする */
transform-box: fill-box; /* 要素自身のバウンディングボックスを基準に */
  transform-origin: 50% 50%;
  transform: translateY(20px);
  opacity: 0;
  
}
#animationTitle span{
  transform: translateY(20px);
  opacity: 0;
  
}


/* キーフレームアニメーションの定義 */
@keyframes fadeInUp {
  from {
    transform: translateY(20px);
	  opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}


/* ページトップへのフェード */
.v-enter-active,
.v-leave-active {
  transition: all 2s;

}

.v-enter-from,
.v-leave-to {
  opacity: 0;
	transform: translate(-50px);
}

/* フッタータクマのフェード */
.t_takuma-enter-active,
.t_takuma-leave-active {
  transition: all 2s;

}

.t_takuma-enter-from,
.t_takuma-leave-to {
  opacity: 0;
	transform: translateY(150px);
}


@keyframes bg-slider {
    0% {
        background-position: 0 0
    }

    to {
        background-position: -1200px 0
    }
}

@keyframes bg-slider-sp {
    0% {
        background-position: 0 0
    }

    to {
        background-position: -269.8666666667vw 0
    }
}


@keyframes bg-slider03 {
    0% {
        background-position: 0 0
    }

    to {
        background-position: -2400px 0
    }
}

@keyframes bg-slider03-sp {
    0% {
        background-position: 0 0
    }

    to {
        background-position: -256vw 0
    }
}