@charset "utf-8";
/* 「サウジアラビア特集 全ページ」PCSP共通CSS アニメーション設定 */
/*------------------------------------------------*/
.js-scroll-animation.is-animation-photo {
  --blur-hover: blur(30px);
  --ease-up: cubic-bezier(0.16, 0.88, 0.25, 1);
  opacity: 0;
  clip-path: inset(100% 0 0 0);
  filter: var(--blur-hover) brightness(1.1);
  &.is-animation-active {
    animation: fadeInPhoto .95s var(--ease-up) forwards;
  }
}
@keyframes fadeInPhoto {
  0% {
    opacity: 0;
    clip-path: inset(100% 0 0 0);
  }
  50% {
    opacity: 1;
    filter: var(--blur-hover) brightness(1.1);
  }
  100% {
    opacity: 1;
    filter: blur(0) brightness(1);
    clip-path: inset(0% 0 0 0)
  }
}