/* お問い合わせフォーム 追加スタイル(既存の style.css は変更しません) */

/* ステップ表示 */
.cf_steps{display:flex;justify-content:center;gap:8px;list-style:none;margin:0 0 24px;padding:0}
.cf_steps li{flex:0 1 140px;text-align:center;padding:8px 4px;border-bottom:3px solid #ccc;color:#888;font-size:14px}
.cf_steps li span{display:inline-block;width:22px;height:22px;line-height:22px;margin-right:6px;border-radius:50%;background:#ccc;color:#fff;font-size:12px}
.cf_steps li.is-current{border-color:#d9232d;color:#222;font-weight:bold}
.cf_steps li.is-current span{background:#d9232d}
.cf_steps li.is-done{border-color:#2e9e5b;color:#2e9e5b}
.cf_steps li.is-done span{background:#2e9e5b}

/* 入力状態 */
.box_contact input.is-error,
.box_contact select.is-error,
.box_contact textarea.is-error{border-color:#d93025;background:#fff6f6}
.box_contact input.is-ok,
.box_contact textarea.is-ok{border-color:#2e9e5b}
.box_contact .error_text{color:#d93025}

/* エラーまとめ(サーバー側チェックで戻ってきたとき) */
.cf_error_summary{margin:16px 0;padding:12px 16px;border:1px solid #d93025;background:#fff6f6;color:#d93025}
.cf_error_summary_ttl{margin:0 0 4px;font-weight:bold}
.cf_error_summary ul{margin:0;padding-left:1.2em}

/* 補助表示 */
.cf_note{margin-left:8px;font-size:12px;font-weight:normal;color:#666}
.cf_counter{text-align:right;font-size:12px;color:#666}
.cf_hint{margin-top:4px;font-size:13px;color:#b36b00}
.cf_hint button{margin-left:6px;padding:2px 8px;border:1px solid #b36b00;background:#fff;color:#b36b00;cursor:pointer}
.cf_recaptcha_note{margin-top:16px;font-size:11px;line-height:1.6;color:#666;text-align:center}

/* ハニーポット(画面外に配置。display:none だとボットに見破られやすいため) */
.cf_hp{position:absolute !important;left:-9999px !important;top:auto !important;width:1px;height:1px;overflow:hidden}

/* ボタン */
.btn_back{display:inline-block;text-decoration:none;text-align:center;box-sizing:border-box}
.btn_submit[disabled]{opacity:.6;cursor:wait}

@media (max-width:600px){
	.cf_steps li{font-size:12px}
	.cf_steps li span{display:block;margin:0 auto 2px}
}