/* 2025-08-30 17:44(UTC+09:00) */
/* === kega.css（申込同意ゲート 専用）===========================
   - スクロール系は common.css / 挙動は scroll.js で管理
   - 既存デザインを尊重し、ご要望の範囲のみ外観変更
   - text-wrap: pretty を使用（balance は不使用）
   ============================================================= */

/* 緑枠カード：内側余白を増量（②の一部：余白） */
#apply-gate .gate-card{
  background:#fff;
  border:2px solid #117713;
  border-radius:12px;
  padding:3rem 2.4rem; /* 以前: 2rem 1.6rem → 上下左右ゆとりUP */
  box-shadow:0 4px 12px rgba(0,0,0,.08);
}

/* ③ 枠内の行間をさらに広く：本文・ラベル・リスト */
#apply-gate .gate-card p,
#apply-gate .gate-card li,
#apply-gate .gate-card label{
  line-height:2.05;            /* 以前: 1.85 → 可読性UP */
}

/* リード文（少しだけさらに広め） */
#apply-gate .lead{
  font-size:1.9rem;
  line-height:2.1;             /* 以前: 1.9 */
  margin:0 0 1.2rem;
}

/* 条件リスト（体裁維持） */
#apply-gate .conditions-list{
  list-style:disc outside;
  margin:.6rem 0 1.2rem 1.6em;
  padding:0;
}
#apply-gate .conditions-list li{ margin:.2rem 0; }

/* 同意フォーム */
#apply-gate .agree-form{ margin-top:1.6rem; }

.btn-primary { font-size: 2rem; }

/* ① 同意ラベル：背景＋配置（重複を一本化：最終値を採用） */
#apply-gate .agree-check{
  display:flex;
  align-items:center;          /* 縦中央寄せ */
  gap:2.5rem;                  /* 最終仕様：広め */
  margin:2rem 0 2rem;
  background:#fcc1c1;          /* 最終仕様：ピンク */
  border-radius:8px;
  padding:1rem 1.2rem;
}

/* チェックボックス拡大（OS標準UIのまま） */
#apply-gate .agree-check input[type="checkbox"]{
  margin-top:0;                /* 上ずり解消 */
  transform:scale(1.8);        /* 1.6～2.0 で微調整可 */
  transform-origin:center;
  /* brand化する場合のみ：accent-color: #117713; */
}
/* 行高微調整（任意） */
#apply-gate .agree-check span{ line-height: 1.95; }

/* ボタン行レイアウト */
#apply-gate .actions{ display:flex; flex-wrap:wrap; gap:2rem; }

/* ② 未同意（disabled）のときだけグレー化 */
#apply-gate .btn-primary[disabled],
#apply-gate .btn-primary:disabled{
  background:#bdbdbd !important;
  color:#fff !important;
  cursor:not-allowed;
  box-shadow:none;
  opacity:1;
}

/* 既存のアウトラインボタン（外観維持） */
#apply-gate .btn-outline{
  display:inline-block;
  padding:1rem 2.4rem;
  border:2px solid #117713;
  border-radius:4px;
  font-weight:700;
  color:#117713;
  background:#fff;
  text-decoration:none;
  transition:background .2s ease, color .2s ease;
}
#apply-gate .btn-outline:hover,
#apply-gate .btn-outline:focus{
  background:#e6f3ff;
  color:#0057a4;
  text-decoration:none;
}

/* 備考テキスト（既存） */
#apply-gate .mini{ font-size:1.5rem; color:#555; margin:.6rem 0 0; }

/* hero--plain の上下余白（他ページと外観同等を維持） */
.hero--plain{ margin-block: 1rem; }

/* モバイル微調整（外観差は最小限） */
@media (max-width: 480px){
  #apply-gate .lead{ font-size:1.8rem; }
}
/* 🆕 モバイル：同意ボタンの文字サイズを拡大（#agree-btn 限定） */
@media (max-width: 600px){
  #apply-gate #agree-btn.btn-primary{
    font-size: clamp(2.2rem, 6vw, 2.6rem) !important;
  }
}
@supports (-webkit-touch-callout: none) {
  @media (max-width: 600px){
    #apply-gate .gate-card .lead:first-of-type{
      text-wrap: wrap;      /* pretty をやめて標準の折返しに */
      white-space: normal;
    }
  }
}