/* 入会申請フォームの確認表示・エラー表示（public/hit-assets/admission.js と対）。色は旧テーマ style.min.css に合わせる */
#js-admission-form .hp-field { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
#js-admission-form .admission-error { display: block; margin-top: 4px; font-size: 1.2rem; color: #F44336; }
#js-admission-form:not(.is-confirm) .form-submit .c-btn.e-back { display: none; }
#js-admission-form:not(.is-confirm) .form-submit .c-btn.e-submit { margin-left: 0; }
#js-admission-form .admission-turnstile { max-width: 800px; margin: 0 auto 20px; text-align: center; }

/* 確認表示：入力欄を隠して入力内容を文字で出す。同意欄は「規約に同意し入会申請する」に切り替え */
#js-admission-form.is-confirm .row > .form-txt:not(.admission-confirm-value),
#js-admission-form.is-confirm .attention { display: none; }
#js-admission-form .admission-confirm-value { white-space: pre-wrap; word-break: break-all; }
#js-admission-form.is-confirm .form-submit .checkbox-wrap._privacy { display: none; }
#js-admission-form.is-confirm .form-submit .checkbox-wrap._confirm { display: inline-block; }
body.is-admission-confirm .intro-card-wrap,
body.is-admission-confirm .admission-howto,
body.is-admission-confirm .admission-rule,
body.is-admission-confirm .admission-company { display: none; }

/* 入会案内ページの目次ボタン（src/pages/admission/index.astro の .admission-jump） */
.admission-jump { padding: 30px 20px 10px; }
.admission-jump ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; max-width: 1000px; margin: 0 auto; padding: 0; list-style: none; }
.admission-jump a { display: block; padding: 14px 22px; border: 1px solid #37474F; background: #FFF; color: #37474F; font-size: 1.3rem; font-weight: 700; letter-spacing: .1em; cursor: pointer; transition: background .3s, color .3s; }
.admission-jump a:hover { background: #37474F; color: #FFF; }
.admission-jump .e-main a { background: #37474F; color: #FFF; }
.admission-jump .e-main a:hover { background: linear-gradient(135deg, #2085E6 0, #23D4E9 100%); border-color: transparent; }
.admission-jump-inline { color: #FFF; text-decoration: underline; cursor: pointer; }
@media screen and (max-width: 767px) {
  .admission-jump { padding: 20px 16px 0; }
  .admission-jump ul { gap: 8px; }
  .admission-jump li { flex: 1 1 calc(50% - 8px); }
  .admission-jump li.e-main { flex-basis: 100%; }
  .admission-jump a { padding: 12px 8px; text-align: center; font-size: 1.2rem; }
}