/* Only the first recruitment landing page in this tab may cover the content. */
.loading {
  display: none;
}

html.recruit-intro .loading {
  display: block;
}

html.recruit-intro .loading.is-hiding {
  opacity: 0;
  transition: opacity 0.4s;
  pointer-events: none;
}

html.recruit-intro .loading.is-finished {
  display: none;
}

/* Skipped intros (including unavailable JS/storage) must not delay the page. */
html:not(.recruit-intro) .header.home,
html:not(.recruit-intro) .main-visual > .-list,
html:not(.recruit-intro) .main-visual > .maincopy,
html:not(.recruit-intro) .main-visual > .scroll,
html:not(.recruit-intro) main.home .sns-list,
html:not(.recruit-intro) .showin {
  opacity: 1;
  transform: none;
  filter: none;
  transition: none;
}

@media screen and (max-width: 640px) {
  html:not(.recruit-intro) .fadein-first {
    opacity: 1;
    transform: none;
    transition: none;
  }
}