/* TOPﾍﾟｰｼﾞ タイトルアニメーション */

.header-logo2 span, .header-logo2 p {
  display: inline-block;
}

.header-logo2 p:nth-of-type(2) {
  animation-delay: .05s;
}
.header-logo2 span:nth-of-type(3) {
  animation-delay: .1s;
}
.header-logo2 span:nth-of-type(4) {
  animation-delay: .15s;
}
.header-logo2 span:nth-of-type(5) {
  animation-delay: .2s;
}
.header-logo2 span:nth-of-type(6) {
  animation-delay: .25s;
}
.header-logo2 span:nth-of-type(7) {
  animation-delay: .3s;
}
.header-logo2 span:nth-of-type(8) {
  animation-delay: .35s;
}
.header-logo2 span:nth-of-type(9) {
  animation-delay: .4s;
}
.header-logo2 span:nth-of-type(10) {
  animation-delay: .45s;
}
.header-logo2 span:nth-of-type(11) {
  animation-delay: .5s;
}
/* .animate span:nth-of-type(12) {
  animation-delay: .55s;
} */

.header-logo2 span,.header-logo2 p {
  opacity: 0;
  transform: translate(-150px, 0) scale(.3);
  animation: leftRight 3s forwards;
}

@keyframes leftRight {
  40% {
    transform: translate(50px, 0) scale(.8);
    opacity: 1;
    color: #FF8A04;
  }

  60% {
    color: #151F4D;
  }

  80% {
    transform: translate(0) scale(3);
    opacity: 0;
  }

  100% {
    transform: translate(0) scale(1);
    opacity: 1;
  }
}




/* TOPページに戻るーーーぽよんホバー */
@keyframes poyon {
  0%  {
    transform: scale(1.0, 1.0) translate(0, 0);
  }
  15% {
    transform: scale(0.98, 0.9) translate(0, 5px);
  }
  30% {
    transform: scale(1.02, 1.0) translate(0, 8px);
  }
  50% {transform: scale(0.98, 1.05) translate(0, -8px);
  }
  70% {
    transform: scale(1.0, 0.9) translate(0, 5px);
  }
  100% {
    transform: scale(1.0, 1.0) translate(0, 0);
  }
  0%, 100% {
    opacity: 1;
  }
}





/* sectionﾀｲﾄﾙｱﾆﾒｰｼｮﾝ */
@keyframes showTextFromBottom{
      0%{
         transform: translateY( 50% );
      
      }
      100%{
          transform: translateY( 0px );
      }
    }
    .gnav-subtitle {
     animation: showText 3s backwards;
     display: inline-block;
    }
    .gnav-subtitle  {
      overflow: hidden;
    }
    .gnav-subtitle {
      animation: showTextFromBottom 5s backwards;
    }

    

/* 縦のふわふわ指定 */
.gnav-title {
    animation: fuwafuwa01 2s infinite ease-in-out;
}

@keyframes fuwafuwa01 {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(5px);
    }
}



/* 横のふわふわ指定 */
.title {
    animation: fuwafuwa02 2s infinite ease-in-out;
}

/* 横のふわふわの動き */
@keyframes fuwafuwa02 {
    0%, 100% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(10px);
    }
}