@keyframes page-enter-rise {
  from {
    opacity: 0;
    transform: translateY(22px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes page-enter-fade {
  from { opacity: 0; }
  to { opacity: 1; }
}

html[data-app-ready].is-enter body:not(.page-home):not(.page-information):not(.page-exhibition) .exh-hero__inner {
  animation: page-enter-rise 0.72s cubic-bezier(0.22, 1, 0.36, 1) both;
  animation-delay: 0.05s;
}

html[data-app-ready].is-enter body:not(.page-home) .info-subnav {
  animation: page-enter-fade 0.55s ease both;
  animation-delay: 0.12s;
}

html[data-app-ready].is-enter body:not(.page-home):not(.page-information):not(.page-exhibition) :is(
  main > section,
  main > article,
  main > header,
  main > figure,
  main > form,
  main > div > section,
  main > div > article,
  main > div > header,
  main > div > figure,
  main > div > form,
  main > div > .report-overview-head,
  main > div > .report-summary,
  main > div > [data-report-sections],
  main > div > .report-download-wrap,
  main > div > .mypage-login-panel,
  main > div > .layout-map,
  main > div > .layout-map-mobile,
  .page-enter-item
) {
  animation: page-enter-rise 0.7s cubic-bezier(0.22, 1, 0.36, 1) both;
  animation-play-state: paused;
}

html[data-app-ready].is-enter body:not(.page-home):not(.page-information):not(.page-exhibition) :is(
  main > section,
  main > article,
  main > header,
  main > figure,
  main > form,
  main > div > section,
  main > div > article,
  main > div > header,
  main > div > figure,
  main > div > form,
  main > div > .report-overview-head,
  main > div > .report-summary,
  main > div > [data-report-sections],
  main > div > .report-download-wrap,
  main > div > .mypage-login-panel,
  main > div > .layout-map,
  main > div > .layout-map-mobile,
  .page-enter-item
).is-shown {
  animation-play-state: running;
}

@media (prefers-reduced-motion: reduce) {
  html.is-enter body:not(.page-home) :is(
    .exh-hero__inner,
    .info-subnav,
    .info-subnav__link,
    .page-enter-item,
    main section,
    main article,
    main header,
    main figure,
    main form
  ) {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
}