@charset "UTF-8";
/*
 * リフォームプラザイシグロ 公開サイト — 新サイト側で足したぶんだけ。
 *
 * 見た目の本体は旧サイトのテーマを実物として取り込んである。
 *   assets/theme/tcd.css              親テーマ rumble_tcd058
 *   assets/theme/tcd-responsive.css
 *   assets/theme/child.css            子テーマ rumble_tcd058-child
 *   assets/theme/child-responsive.css
 * （ライセンスは自社名義。2026-07-29 に確認）
 *
 * **ここに骨格のスタイルを書き足さないこと。**
 * l-header / p-global-nav / p-entry などはテーマ側が持っている。
 * 同じ名前で上書きすると、テーマを入れ直したときに食い違う。
 * ここに置くのは「旧サイトに存在しなかった部品」だけ。今のところ問い合わせ
 * フォーム（旧サイトは Contact Form 7 のスタイルに依存していた）だけ。
 */

/* --- 問い合わせフォーム（見た目だけ。何も送らない） ---------------------- */
/* 入力欄そのもの・選択肢・同意チェック・送信ボタンの体裁は
   すべて子テーマ側（.wpcf7 p / .wpcf7-form-control.wpcf7-radio /
   .form .consent label / .wpcf7 .wpcf7-submit など）に任せる。
   **ここで同じセレクタを上書きしないこと。**
   以前 .form-reserve（表組み）や .rf-form__choices の時代に書いた規則が
   ここに残っていて、`.form .consent label` の flex-direction を
   `column`（テーマ側）から `row`（ここ）へ static に上書きしてしまい、
   個人情報同意のチェックボックスと文言がバラバラに表示される事故になった
   （2026-08-05 に踏んだ）。テーマと同じセレクタは書かないこと。 */

/* 個人情報同意のチェックボックス。**ここだけは意図的にテーマを上書きする。**
   子テーマは
     .form .consent label { flex-direction: column; text-align: center }
     .wpcf7 .consent input[type=checkbox] { margin: 0 auto 10px auto }
   でチェックボックスを文言の「上」に離して置く作りだが、
   どちらを押せばよいか分かりにくく、同意の意思表示としても弱い。
   移行の再現作業は完了しているので（2026-08-05 ユーザー確認済み）、
   ここからは旧サイトの再現より使いやすさを優先し、1行に並べる。
   セレクタは .form .wpcf7 ... と3階層にしてテーマ側より詳細度を上げてある。 */
.form .wpcf7 .consent label {
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.form .wpcf7 .consent input[type="checkbox"] {
  margin: 0;
  flex: none;
}
.form .wpcf7 .consent .wpcf7-list-item-label {
  width: auto;
  text-align: left;
}

/* 送信後、本来「送信完了」が出る位置に出す案内。
   検証用サイトなので、何も送っていないことをはっきり伝える。 */
.rf-form__notice {
  border: 2px solid #ec2914;
  background: #fff5f4;
  padding: 20px 24px;
  margin: 0 0 28px;
}
.rf-form__notice-title {
  margin: 0 0 8px; font-size: 17px; font-weight: 700; color: #ec2914;
}
.rf-form__notice-body { margin: 0; font-size: 14px; line-height: 1.8; }

/* --- 会社概要ページ（新サイトで追加） -------------------------------------
   旧テーマに表組みの装飾が無いため、このページ用にここで持つ。
   .rf-company の中だけに効かせ、記事本文の表には影響させない。 */
.rf-company__table {
  width: 100%; border-collapse: collapse; margin: 0 0 32px;
  font-size: 15px; line-height: 1.8;
}
.rf-company__table th,
.rf-company__table td {
  border: 1px solid #e0e0e0; padding: 12px 16px; text-align: left;
  vertical-align: top;
}
.rf-company__table th {
  background: #f7f7f5; font-weight: 700; white-space: nowrap; width: 9em;
}
.rf-company__table thead th { width: auto; text-align: left; }
.rf-company__creed { margin: 0 0 32px; padding-left: 1.4em; line-height: 2; }
@media screen and (max-width: 767px) {
  .rf-company__table { font-size: 14px; }
  .rf-company__table th,
  .rf-company__table td { padding: 9px 10px; }
  .rf-company__table th { width: 7em; white-space: normal; }
  /* 店舗の表は横に4列あり、スマホでは収まらないので横スクロールさせる */
  .rf-company__table thead th { white-space: nowrap; }
  .rf-company .rf-company__table:nth-of-type(2) { display: block; overflow-x: auto; }
}