.toptobottomScale {
    animation: toptobottomScale 1.4s ease 0s 1 normal;
}
/* toptobottomScale */
@keyframes toptobottomScale {
    0% {
        transform: translateY(-1200px) scale(0.7);
        opacity: .7
    }
    80% {
        transform: translateY(0) scale(0.7);
        opacity: .7
    }
    to {
        transform: scale(1);
        opacity: 1
    }
}
/* スクロール止める */
.no-scroll {
    overflow: hidden !important;
    height: 100vh;
    position: fixed;
    width: 100%;
  }

/* 一文字ずつ出す */
.char {
    opacity: 0;
    display: inline-block;
    transform: translateY(10px);
    transition: all 0.3s ease;
  }
  
  .char.show {
    opacity: 1;
    transform: translateY(0);
  }
  
  /* 一列ずつだす */
  .line {
    opacity: 0;
    transform: translateY(20px);
    transition: all 1.0s ease;
  }
  
  .line.show {
    opacity: 1;
    transform: translateY(0);
  }