@charset "UTF-8";
/* 七尾校サイト（css/common.css）の色・文字・角丸に合わせる。form.css の後に読み込む */
:root, :root:not([data-x]) {
  --bg:        #ffffff;
  --surface:   #f2f7f4;
  --line:      #dce8e2;
  --text:      #1c2b28;
  --muted:     #4c5f5a;
  --accent:    #2f9a7e;
  --accent-in: #ffffff;
  --err:       #c8453a;
  --err-bg:    #fdf1ef;
  --ok:        #2f9a7e;
  --radius:    14px;
}
/* サイトはライトテーマのみなので、フォームも端末のダークモードに合わせて暗くしない */
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #ffffff; --surface: #f2f7f4; --line: #dce8e2; --text: #1c2b28; --muted: #4c5f5a;
    --accent: #2f9a7e; --accent-in: #ffffff; --err: #c8453a; --err-bg: #fdf1ef; --ok: #2f9a7e;
  }
}
body { font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", "YuGothic", "Noto Sans JP", sans-serif; }
body.is-embed { background: transparent; color-scheme: light; }

/* ページ側にタイトル帯と案内文があるので、埋め込み時はフォームの見出しを出さない */
.is-embed .hd__title, .is-embed .hd__intro { display: none; }
.is-embed .wrap { padding-left: 0; padding-right: 0; }

.steps li.now { background: var(--accent); border-color: var(--accent); }
.req { background: #f08c2e; }

/* 送信系のボタンはサイトのオレンジ（c-btn--orange）に揃える */
.btn { border-radius: 999px; }
.btn--primary { background: #f08c2e; border-color: #f08c2e; color: #fff; font-weight: 700; }
.btn--primary:hover { background: #e07514; border-color: #e07514; filter: none; }
.ctl { border-radius: 10px; }
.opt-item, .consent { border-radius: 10px; }
.done__mark { background: rgba(47, 154, 126, .12); }

/* 氏名は2列（姓｜名、姓（フリガナ）｜名（フリガナ））。forms.php で 'half' => true の項目を page.php が .fld-row で囲む（2026-09-28） */
.fld-row { display: grid; grid-template-columns: 1fr 1fr; column-gap: 16px; }
.fld-row .fld__label { flex-wrap: wrap; row-gap: 4px; }
/* スマホは入力欄が狭くなるため1列に戻す（2026-09-28） */
@media (max-width: 560px) {
  .fld-row { grid-template-columns: 1fr; }
}