@charset "UTF-8";



/*画像表示開始*/
.topimage_animation_start  {
  animation-name: topimage_animation;
  animation-delay: 0.3s;
  animation-duration: 0.7s;
  animation-fill-mode: both;  animation-timing-function: linear;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
}

.topimage {
}
@keyframes topimage_animation {
  0% {
    opacity:0.6;
    transform:translate(50px,50px) scale(1.0);

  }
  100% {
    opacity:1.0; 
    box-shadow:15px 10px 10px rgba(0, 0, 0, 0.3);
    transform:translate(0px,0px) scale(1.0);
  }
}

/*画像表示終了*/

/*文字列表示開始*/

/*全部にかかる*/
.display {
    overflow:hidden;
}


.text01_animation_start  {
  animation-name: text_animation;
  animation-delay: 2s;
  animation-duration: 1.5s;
  animation-fill-mode: both;  animation-timing-function: linear;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
}

.text02_animation_start  {
  animation-name: text_animation;
  animation-delay: 4s;
  animation-duration: 1.5s;
  animation-fill-mode: both;
  animation-timing-function: linear;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
}

.text03_animation_start  {
  animation-name: text_animation;
  animation-delay: 6s;
  animation-duration: 1.5s;
  animation-fill-mode: both;
  animation-timing-function: linear;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
}

.text04_animation_start  {
  animation-name: text_animation;
  animation-delay: 7s;
  animation-duration: 1.5s;
  animation-fill-mode: both;
  animation-timing-function: linear;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
}

.text05_animation_start  {
  animation-name: text_animation;
  animation-delay: 9s;
  animation-duration: 1.5s;
  animation-fill-mode: both;
  animation-timing-function: linear;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
}

.text06_animation_start  {
  animation-name: text_animation;
  animation-delay: 10s;
  animation-duration: 1.5s;
  animation-fill-mode: both;
  animation-timing-function: linear;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
}

.text07_animation_start  {
  animation-name: text_animation;
  animation-delay: 12s;
  animation-duration: 1.5s;
  animation-fill-mode: both;
  animation-timing-function: linear;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
}

.text08_animation_start  {
  animation-name: text_animation;
  animation-delay: 13s;
  animation-duration: 1.5s;
  animation-fill-mode: both;
  animation-timing-function: linear;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
}

.text11_animation_start  {
  animation-name: text_animation;
  animation-delay: 15s;
  animation-duration: 1.5s;
  animation-fill-mode: both;
  animation-timing-function: linear;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
}



/*全部にかかる*/
@keyframes text_animation {
  0% {
    max-height:0px;
    opacity:0.2;
    transform:scale(1.00);
  }
  40% {
    max-height:30vw;
    transform:scale(1.02);
  }
  66% {
    max-height:30vw;
  }
  70% {
    transform:scale(1.00);
  }
  100% {
    opacity:0.9; 
  }
}

@keyframes sptop_animation {
  0% {
    opacity:0;
  }
  100% {
    opacity:1.0; 
  }

}
/*文字列表示*/
.sptop_animation_start  {
  animation-name: sptop_animation;
  animation-delay: 0s;
  animation-duration: 3.0s;
  animation-fill-mode: both;
  animation-timing-function: linear;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
}

.sptop {
    opacity:0;
}