@charset "UTF-8";

/* fadeup */
*{
    box-sizing: border-box;
    scroll-behavior: smooth;
}

  /* アニメーション */
  .fadeup {
    animation-name: fadeUpAnime;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
    opacity: 0;
  }
  
  @keyframes fadeUpAnime {
    from {
      opacity: 0;
      transform: translateY(100px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  .fadeup.fade-only {
    animation-name: fadeAnime;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    opacity: 0;
  }

  @keyframes fadeAnime {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }


  .effect {
    opacity: 0;
  }

  .effect.delay1{
    animation-delay: .1s;
  }

  .effect.delay2{
    animation-delay: .2s;
  }

  .effect.delay3{
    animation-delay: .3s;
  }

  .effect.delay4{
    animation-delay: .5s;
  }

  @media screen and (max-width:930px){
    .a-top-inerview.effect{
      animation-delay: 0s;;
    }
  }




  /* ローディングアニメーション */

  #splash {
    /*fixedで全面に固定*/
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 999;
  background:#000;
  text-align:center;
  color:#fff;
}

/* Loading画像中央配置　*/
#splash_logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width:70%;
}

@media screen and (max-width:550px){
  /* Loading画像中央配置　*/
#splash_logo {
  width:130%;
}
}