@charset "utf-8";
/* --- 一文字ずつジャンプ --- */
.jump-up span {
    display: inline-block;
    animation: moveUp 0.6s cubic-bezier(0.22, 0.33, 0.48, 1) forwards;
}
@keyframes moveUp {
    0% { 
        opacity: 1; /* 透明度 */
        transform: translateY(5px); 
    }
    40% { 
        opacity: 1;
        transform: translateY(-30px); 
    }
    60% { 
        transform: translateY(); 
    }
    100% { 
        opacity: 1; 
        transform: translateY(0); 
    }
}

/* --- 上からふわっと降りる --- */
.jump-down span {
    animation: moveDown 1.2s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}
@keyframes moveDown {
    0%   { opacity: 0; transform: translateY(-100px); }
    60%  { opacity: 1; transform: translateY(10px); }
    100% { opacity: 1; transform: translateY(0); }
}


/* ふわっとジャンプして登場（画面内に入ったら .is-inview を付与して開始） */
.jump-up02 {
  opacity: 0;
  transform: translateY(20px);
  text-align: center;
}

.jump-up02.is-inview {
  animation: jump 0.8s ease forwards;
  animation-delay: 0.5s;
}

@keyframes jump {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  60% {
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}