/* 募集期間外の採用トップページ専用。 */
.recruit-period {
  --entry-surface: #f3f4f5;
  --entry-line: #d5d8db;
  --entry-accent: #dfe2e5;
  --entry-accent-hover: #dfe2e5;
}

.recruit-period .recruit-entry__en,
.recruit-period #under .recruit-entry h2,
.recruit-period .recruit-entry__lead,
.recruit-period .recruit-entry-fixed__label {
  color: #60666c;
}

.recruit-period .recruit-entry__link:disabled {
  color: #60666c;
  background: var(--entry-accent);
  border: 1px solid #cbd0d5;
  font-family: inherit;
  line-height: 1.6;
  letter-spacing: inherit;
  opacity: 1;
  box-shadow: none;
  cursor: not-allowed;
}

.recruit-period .recruit-entry-fixed {
  box-shadow: 0 -.6rem 2.4rem rgba(40, 45, 50, .06);
}

/* 募集停止メッセージの上下を同じ内側余白にする。 */
.recruit-period #under .recruit-entry h2.recruit-entry__closed {
  margin: 0;
}

.recruit-period .recruit-entry__inner--closed {
  justify-content: center;
  border: 1px solid var(--entry-line);
  background: var(--entry-surface);
  text-align: center;
}

.recruit-period #under .recruit-entry h2.recruit-entry__closed {
  font-size: 4.9rem;
}

@media (max-width: 1024px) {
  .recruit-period #under .recruit-entry h2.recruit-entry__closed {
    font-size: 3.9rem;
  }
}

@media (max-width: 767px) {
  .recruit-period .lower-hero--recruit .lower-hero__photo-copy-main {
    font-size: 3.4rem;
  }

  .recruit-period #under .recruit-entry h2.recruit-entry__closed {
    font-size: 3.1rem;
  }
}

@media (max-width: 520px) {
  .recruit-period .lower-hero--recruit .lower-hero__photo-copy-main {
    font-size: 3rem;
  }

  .recruit-period #under .recruit-entry h2.recruit-entry__closed {
    font-size: 2.7rem;
  }
}