/* 1文字ずつ表示 */
.container {
    .line {
      display: inline-block;
      overflow: hidden;
      span {
        display: inline-block;
        transform: translateY(110%);
        animation: slideText 1.5s forwards;
      }
    }
    .line:nth-of-type(1) {
      @for $i from 1 through 100 {
        span:nth-of-type(#{$i}) {
          animation-delay: #{$i * .09}s;
        }
      }
    }
    .line:nth-of-type(2) {
      @for $i from 1 through 100 {
        span:nth-of-type(#{$i}) {
          animation-delay: #{.25 + $i * .09}s;
        }
      }
    }

  @keyframes slideText {
    0% { 
      transform: translateY(110%);
    }
    100% { 
      transform: translateY(0);
    }
  }
}