@charset "UTF-8";
/* ----------------------------------------------------------------
    CSSアニメーション
  ----------------------------------------------------------------- */
.anime {
 opacity: 0; /* 透明 */
}
.anime.active {
 animation-delay: 0.5s;
 animation-duration: 1s; /* アニメーション時間 */
 animation-name: fadein; /* アニメーション名 */
 animation-fill-mode: forwards;
}
@keyframes fadein {
 0% {
  opacity: 0; /* 透明 */
 }
 100% {
  opacity: 1; /* 透明 */
 }
}
.anime-history {
 opacity: 0; /* 透明 */
}
.anime-history.active {
 opacity: 0; /* 透明 */
 animation: focus-in 1.0s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
 animation-fill-mode: forwards;
 animation-delay: 0s;
}
@keyframes focus-in {
 0% {
  -webkit-filter: blur(30px);
  filter: blur(30px);
  opacity: 0;
 }
 100% {
  -webkit-filter: blur(0px);
  filter: blur(0px);
  opacity: 1;
 }
}