.common-cta { overflow: clip; }
.common-cta--job { background: #f2f2f3; }
.common-cta--business { background: #f7f5f2; }
.common-cta__inner {
  display: grid;
  grid-template-columns: 560px 400px;
  align-items: center;
  min-height: 520px;
}
.common-cta__content { position: relative; z-index: 1; padding-block: 64px; }
.common-cta__english {
  margin: 0 0 12px;
  color: var(--color-accent);
  font-size: 14px;
  font-weight: var(--font-weight-medium);
}
.common-cta__heading {
  margin: 0 0 24px;
  font-size: 30px;
  font-weight: var(--font-weight-bold);
  line-height: 1.65;
}
.common-cta__copy { font-size: 15px; line-height: 1.9; }
.common-cta__copy p { margin: 0; }
.common-cta__points { margin: 0 0 16px; padding-left: 1em; font-size: 15px; line-height: 1.9; }
.common-cta__actions { display: flex; gap: 20px; margin-top: 40px; }
.common-cta__actions [disabled] { cursor: default; pointer-events: none; }
.common-cta__person {
  position: relative;
  align-self: end;
  justify-self: end;
  /* PNGの下端にある16pxの透明余白（表示時8px）だけを相殺する。 */
  top: 8px;
}
.common-cta__person img { width: 404.5px; height: auto; }
.common-cta--business .common-cta__content { padding-block: 56px; }
.common-cta--business .common-cta__heading { margin-bottom: 12px; font-size: 28px; }
.common-cta--business .common-cta__copy { font-size: 14px; }
.common-cta--business .common-cta__actions { margin-top: 28px; }
.common-cta--business .common-cta__person img { width: 439px; }

/* SP共通ブレイクポイント：PCの既存指定は維持する。 */
@media (max-width: 480px) {
  .common-cta__inner { grid-template-columns: minmax(0, 1fr); min-height: 0; }
  .common-cta__content, .common-cta--business .common-cta__content { padding-block: 40px 24px; }
  .common-cta__heading, .common-cta--business .common-cta__heading { font-size: 24px; }
  .common-cta__actions { flex-wrap: wrap; gap: 12px; margin-top: 28px; }
  .common-cta--job .common-cta__actions { flex-wrap: nowrap; }
  .common-cta--job .common-cta__actions .button { flex: 1; width: auto; min-width: 0; padding-inline: 6px; white-space: nowrap; }
  .common-cta--business .common-cta__actions { justify-content: center; }
  .common-cta__person { justify-self: center; max-width: 100%; }
  .common-cta__person img, .common-cta--business .common-cta__person img { width: 240px; max-width: 100%; height: auto; }
}