/* 会員登録（page-register.php）固有。デザイン 06-register §1（本体 PC 700 / SP 335、進捗→中身 gap 40、中身 gap PC 60 / SP 40）。 */
.p-register { padding: 40px 20px; }
.p-register__inner { display: flex; flex-direction: column; gap: 40px; width: 100%; max-width: 335px; margin: 0 auto; }
.p-register__content { display: flex; flex-direction: column; gap: 40px; min-width: 0; }
.p-register__form { display: flex; flex-direction: column; gap: 40px; }
.p-register__hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.p-register__agree .c-mf { gap: 8px; }
.p-register__actions { display: flex; flex-direction: column; align-items: center; gap: 24px; }
.p-register__submit { width: 335px; max-width: 100%; height: 56px; }
/* 「会員登録する」は Figma SP・PC とも 18px（pp4 E1 #2） */
.p-register__submit .c-btn-gloss__label { font-size: 18px; font-weight: 700; letter-spacing: 0.9px; }
.p-register__submit[disabled] { opacity: 0.6; cursor: wait; }
.p-register__back { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; padding: 0 12px; color: var(--jn-color-text); font-size: 14px; text-decoration: underline; } /* タップ領域 44px 以上 */
.p-register__done-text { margin: 0; color: var(--jn-color-text-strong); font-size: 14px; line-height: 1.8; }
.p-register__done { display: flex; flex-direction: column; gap: 16px; }
.p-register__done-title { margin: 0; color: var(--jn-color-navy); font-size: 18px; font-weight: 700; line-height: 1.4; }

@media (min-width: 768px) {
  .p-register { padding: 80px 0; }
  .p-register__inner { max-width: 700px; }
  .p-register__content, .p-register__form { gap: 60px; }
  .p-register__submit { width: 400px; }
}

/* 登録済みメールのとき、メール欄のエラー文の直下に出すログイン・パスワード再設定のリンク（UX r4 M1・r5 L5） */
.p-register__exists { display: flex; flex-wrap: wrap; gap: 0 24px; margin: 4px 0 0; }
.p-register__exists[hidden] { display: none; }
.p-register__exists-link {
  display: inline-flex;
  flex-direction: column;
  min-height: 44px;
  justify-content: center;
  color: var(--jn-color-contact);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.p-register__exists-link .c-mf__en { font-size: 12px; font-weight: 400; }

/* 会員登録 PC の左右あしらい（ティールの霞。Figma 06 §1 背景あしらい 4 組 [-104,213]〜[-104,3131] 各 851 高、#00CAC2 実効 15%）。
   検索結果（page-job-archive.css の .p-job-archive::before）と同じ素材で、横位置は Figma 画素で合わせて左 x=-104・右 x=1184（検索結果より 13 左）、y=213（ページ上端）から 980 刻み。
   .p-register の上端は 122（ヘッダー 88＋パンくず 34）なので top 91。本体より下にはみ出す分はこのラッパで clip。SP は Figma に無いため出さない（pp forms H1） */
@media (min-width: 1200px) {
  .p-register { position: relative; isolation: isolate; overflow: clip; }
  .p-register::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 91px;
    left: 0;
    width: 100%;               /* 1440 固定の箱だと広い画面で箱の端で霞が縦に切れる（先方指摘 TOP⑦ の横展開）。位置は中央基準 */
    height: 3791px;             /* 980×3＋851 */
    background:
      url("../img/deco-kasumi-teal.svg") calc(50% - 656.5px) 0 / 335px 980px repeat-y,
      url("../img/deco-kasumi-teal.svg") calc(50% + 631.5px) 0 / 335px 980px repeat-y;
    pointer-events: none;
  }
}