html.recruit-reveal-boot .top-page .js-scroll-reveal,
html.recruit-reveal-boot .top-page .js-motion-heading,
html.recruit-reveal-boot .benefit-page .lower-page__section-title,
html.recruit-reveal-boot .benefit-page .lower-page__section-lead,
html.recruit-reveal-boot .benefit-page .career-training-card,
html.recruit-reveal-boot .benefit-page .benefit-card,
html.recruit-reveal-boot .benefit-page .benefit-page__career-link,
html.recruit-reveal-boot .benefit-page .lower-related__title,
html.recruit-reveal-boot .benefit-page .lower-related__list,
html.recruit-reveal-boot .message-page .message-intro__inner,
html.recruit-reveal-boot .message-page .message-step__title,
html.recruit-reveal-boot .message-page .message-step__lead,
html.recruit-reveal-boot .message-page .message-step__item,
html.recruit-reveal-boot .message-page .message-events__title,
html.recruit-reveal-boot .message-page .message-events__lead,
html.recruit-reveal-boot .message-page .message-event-card,
html.recruit-reveal-boot .message-page .lower-related__title,
html.recruit-reveal-boot .message-page .lower-related__list,
html.recruit-reveal-boot .interview-page .interview-question,
html.recruit-reveal-boot .interview-page .interview-schedule__heading,
html.recruit-reveal-boot .interview-page .interview-schedule__list,
html.recruit-reveal-boot .interview-page .interview-message__media,
html.recruit-reveal-boot .interview-page .interview-message__body,
html.recruit-reveal-boot .interview-page .interview-others__title,
html.recruit-reveal-boot .interview-page .interview-others__list,
html.recruit-reveal-boot .interview-page .lower-related__title,
html.recruit-reveal-boot .interview-page .lower-related__list,
html.recruit-reveal-boot .crosstalk-page .crosstalk-members__title,
html.recruit-reveal-boot .crosstalk-page .crosstalk-members__list,
html.recruit-reveal-boot .crosstalk-page .crosstalk-question__heading,
html.recruit-reveal-boot .crosstalk-page .crosstalk-question__answers,
html.recruit-reveal-boot .crosstalk-page .crosstalk-last__title,
html.recruit-reveal-boot .crosstalk-page .crosstalk-last__main-photo,
html.recruit-reveal-boot .crosstalk-page .crosstalk-last__messages,
html.recruit-reveal-boot .crosstalk-page .crosstalk-related .lower-related__title,
html.recruit-reveal-boot .crosstalk-page .crosstalk-related .lower-related__list {
  opacity: 0;
}

/* data page uses display: contents for the PC two-column .data-stat wrapper,
   so fade its visible children instead of the wrapper itself. */
html.recruit-reveal-boot .data-page .data-stat > .data-stat__visual,
html.recruit-reveal-boot .data-page .data-stat > .data-stat__detail {
  opacity: 0;
}

.js-common-reveal {
  opacity: 0;
  transition: opacity 0.7s ease;
}

.js-common-reveal.is-visible {
  opacity: 1;
}

.data-stat.js-common-reveal {
  opacity: 1;
}

.data-stat.js-common-reveal > .data-stat__visual,
.data-stat.js-common-reveal > .data-stat__detail {
  opacity: 0;
  transition: opacity 0.7s ease;
}

.data-stat.js-common-reveal.is-visible > .data-stat__visual,
.data-stat.js-common-reveal.is-visible > .data-stat__detail {
  opacity: 1;
}

.js-common-reveal.is-reveal-past,
.data-stat.js-common-reveal.is-reveal-past > .data-stat__visual,
.data-stat.js-common-reveal.is-reveal-past > .data-stat__detail {
  transition: none !important;
}

html.recruit-scroll-restoring {
  scroll-behavior: auto !important;
}

html.recruit-scroll-restoring body {
  visibility: hidden;
}

@media (prefers-reduced-motion: reduce) {
  .js-common-reveal,
  .data-stat.js-common-reveal > .data-stat__visual,
  .data-stat.js-common-reveal > .data-stat__detail {
    opacity: 1 !important;
    transition: none !important;
  }
}