@charset "UTF-8";
/*-------------------------
- contact_corporate :法人お問い合わせフォーム（ページキー contact_corporate・09追加）

**旧法人の見た目をそのまま再現するための限定CSS。**
2026-09-28のユーザー補正により、法人の「既存DEの維持」は文言・項目・並びだけでなく
**色・文字サイズ・太さ・罫線・枠・角丸・余白・入力部品／ボタンの寸法**まで旧法人に合わせる意味と確定した。
段階05Bの個人フォーム（contact_private.scss）の判断は法人へ流用しない。

基準にした旧実装（いずれも 2026-09-25 取得データ）
  - `_資料/260925_本番データ/wp-content/themes/basetheme/page-inquiry-corporate.php`（構造・文言）
  - 同テーマ `asset/css/style.css` の `.inquiry .formArea …`（5054〜5300行付近）
  - 同テーマ `asset/css/reset.css`（normalize v8：フォーム部品の font-family:inherit / font-size:100% / line-height:1.15 / margin:0）

新テーマとの前提の違いと、その埋め方
  - 新テーマは `destyle.css` を読み込み、`button/input/select/textarea` の外観（appearance・背景・余白・角丸・枠）を消す。
    旧テーマは normalize しか当てていないため、**法人画面の中だけ** UA既定へ戻す（`revert`）か、旧の明示値を書き直している。
  - 旧テーマ全体のCSS（reset.css・common2023.css・style.css）は読み込まない。読み込むのはこのファイルだけ。
  - 共通ヘッダー・フッターは新テーマ。ページタイトルも法人本文に含め、旧のサイズ・行高・上下余白を維持する。
  - 書体は旧が Typekit の「FOT-筑紫A丸ゴシック Std M」。新テーマの書体設定は変えない（法人だけに別のWebフォントを足さない）。
    **字体の差は別記し、指定で決まる値（サイズ・太さ・色・行高・枠・余白・角丸・幅）を旧と一致させる。**

対応（旧セレクター → 新セレクター）
  .inquiry .formArea .text            → .contact-corporate-intro
  .inquiry .formArea .text .honbun    → .contact-corporate-intro__lead
  .inquiry .formArea .text .note li p → .contact-corporate-intro__note
  .inquiry .formArea .formArea_inner  → .contact-corporate-form
  （p / .itemName / .Required / .note / input / select / textarea / .confirmBtn はフォーム定義由来で同じ）

生成：asset/scss で `node build.cjs contact_corporate`（contact_corporate.css を出力）。
-------------------------*/
/* ---- 旧テーマの実値 ---- */
/* 旧 body に color 指定が無く UA既定の黒 */
/* .Required */
/* 入力欄の枠 */
/* 案内枠の地 */
/* 送信ボタンの地 */
/* 送信ボタンの文字 */
/* .text の max-width */
/* .formArea_inner の max-width */
/* 新共通PCヘッダー高さ（common.scss $hd_pc_h） */
/* 新共通SPヘッダー高さ（common.scss $hd_sp_h） */
/* 旧テーマの分岐点をそのまま使う（新テーマの md/xl とは別） */
/*=======================================
　ページ共通枠（新テーマのヘッダー逃げ）
=======================================*/
.contact-corporate {
  padding-top: 105px;
}
@media only screen and (max-width: 1024px) {
  .contact-corporate {
    padding-top: 60px;
  }
}
.contact-corporate {
  /* パンくずは新共通枠の左右余白。旧フォーム本体・見出しの寸法には重ねない。 */
}
.contact-corporate .page_breadcrumb .contact-corporate__inner {
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 20px;
}
.contact-corporate {
  /* 法人の見出しは旧と同じ全幅・中央揃え。新共通枠の余白を重ねない。 */
}
.contact-corporate .contact-corporate__head .contact-corporate__inner {
  width: 100%;
  max-width: none;
  margin: 0 auto;
  padding: 0;
}
.contact-corporate {
  /* 本文側は旧と同じく内側の余白を持たない。幅は .text / .formArea_inner 自身が決める */
}
.contact-corporate .contact-corporate__body .contact-corporate__inner {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
}

/*
 * 本文の文字色。新テーマの共通CSSは body へ #333 を当てるが、旧法人は指定が無く UA既定の黒だった。
 * 法人の本文の中だけ旧と同じ色へ戻す（共通ヘッダー・フッターには影響させない）。
 * 下の余白は旧 `.inquiry .formArea` の margin-bottom（200px／SPは100px）に合わせる。
 */
.contact-corporate__body {
  padding-bottom: 200px;
  color: #000;
}
@media only screen and (max-width: 735px) {
  .contact-corporate__body {
    padding-bottom: 100px;
  }
}

/*=======================================
　ページタイトル（旧 .page_mainTitle）
=======================================*/
.contact-corporate__head {
  padding-bottom: 0;
}
.contact-corporate__head .page_ttl {
  max-width: 1004px;
  margin: 0 auto;
  padding: 60px 0;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.7;
  color: #000;
  text-align: center;
}
@media only screen and (max-width: 735px) {
  .contact-corporate__head .page_ttl {
    font-size: 19.2px;
  }
}
.contact-corporate__head {
  /* 旧テンプレートと同じく、SPだけ「お問い合わせ」の後で改行する */
}
.contact-corporate__head .contact-corporate__br-sp {
  display: none;
}
@media only screen and (max-width: 735px) {
  .contact-corporate__head .contact-corporate__br-sp {
    display: inline;
  }
}

/*=======================================
　案内文・注意書き（旧 .inquiry .formArea .text）
=======================================*/
.contact-corporate-intro {
  max-width: 1004px;
  margin: 0 auto 60px;
  padding: 40px;
  border-radius: 0;
  background: #fafaf3;
}
@media only screen and (max-width: 1004px) {
  .contact-corporate-intro {
    width: 98%;
    margin: 0 auto 60px auto;
  }
}
.contact-corporate-intro {
  /* 旧 .honbun */
}
.contact-corporate-intro .contact-corporate-intro__lead {
  max-width: 834px;
  margin: 0 auto;
  padding-bottom: 20px;
  text-align: left;
  font-weight: 400;
  font-size: 14px;
  line-height: 2.7;
  color: #000;
  text-wrap: wrap;
  overflow-wrap: break-word;
}
@media only screen and (max-width: 735px) {
  .contact-corporate-intro .contact-corporate-intro__lead {
    line-height: 1.8;
  }
}
.contact-corporate-intro {
  /* 旧 ul.note */
}
.contact-corporate-intro .contact-corporate-intro__notes {
  max-width: 834px;
  margin: 0 auto;
  padding: 0;
  list-style: none;
  text-align: left;
}
.contact-corporate-intro {
  /* 旧 .note li は余白だけを持ち、文字の大きさは中の p が決める */
}
.contact-corporate-intro .contact-corporate-intro__note {
  margin: 10px auto;
  padding: 0;
  text-indent: 0;
}
.contact-corporate-intro {
  /* 旧 .note li p */
}
.contact-corporate-intro .contact-corporate-intro__note-txt {
  margin: 0;
  padding: 0;
  font-weight: 400;
  font-size: 11px;
  line-height: 1.7;
  color: #000;
  overflow-wrap: break-word;
}

/*=======================================
　フォーム（旧 .inquiry .formArea .formArea_inner）
=======================================*/
.contact-corporate-form {
  width: 100%;
  max-width: 834px;
  /* 旧 .formArea_inner に下余白は無い（下の余白は .contact-corporate__body が持つ） */
  margin: 0 auto;
}
@media only screen and (max-width: 840px) {
  .contact-corporate-form {
    width: 95%;
  }
}
.contact-corporate-form {
  /* 1項目＝1段落。旧は上下 16px の余白だけで罫線は無い */
}
.contact-corporate-form .wpcf7-form > p {
  margin: 0;
  padding: 16px 0;
}
.contact-corporate-form {
  /* 旧 .formArea_inner p br { display:none } と、SPだけ出す br.spOnly */
}
.contact-corporate-form .wpcf7-form br {
  display: none;
}
@media only screen and (max-width: 735px) {
  .contact-corporate-form .wpcf7-form br.spOnly {
    display: inline-block;
  }
}
.contact-corporate-form .itemName {
  display: block;
  margin-bottom: 6px;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.7;
  color: #000;
}
.contact-corporate-form .Required {
  display: inline-block;
  margin-bottom: 6px;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.7;
  color: #800000;
}
.contact-corporate-form {
  /* 入力欄の補足（旧 .formArea_inner p .note は 11px） */
}
.contact-corporate-form .note {
  display: block;
  margin-top: 10px;
  font-weight: 400;
  font-size: 11px;
  line-height: 1.7;
  color: #000;
}
.contact-corporate-form {
  /* 旧 .formArea_inner p textarea / input[type=text] / input[type=email] */
}
.contact-corporate-form input[type=text],
.contact-corporate-form input[type=email],
.contact-corporate-form textarea {
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 12px;
  border: solid 1px #ccc;
  border-radius: 0;
  background-color: #fff;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.7;
  color: #000;
}
.contact-corporate-form {
  /* 旧は textarea の高さを指定せず rows に任せる（最小高さを足さない） */
}
.contact-corporate-form textarea {
  min-height: 0;
  resize: vertical;
}
.contact-corporate-form {
  /*
   * 旧テーマが外観を触っていない部品（選択・ラジオ）は、destyle が消した分だけ UA既定へ戻す。
   * 文字まわりは旧 reset.css（normalize v8）と同じ条件に揃える。
   */
}
.contact-corporate-form select,
.contact-corporate-form input[type=radio],
.contact-corporate-form input[type=checkbox] {
  -webkit-appearance: revert;
  -moz-appearance: revert;
  appearance: revert;
  background: revert;
  border: revert;
  border-radius: revert;
  padding: revert;
  color: revert;
  text-align: revert;
  vertical-align: revert;
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
.contact-corporate-form input[type=radio],
.contact-corporate-form input[type=checkbox] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}
.contact-corporate-form {
  /* 旧 .confirmBtn（送信ボタン） */
}
.contact-corporate-form input.wpcf7-submit {
  display: block;
  margin: 0 auto;
  padding: 20px 50px;
  border: none;
  border-radius: 4px;
  background: #eeeeee;
  font-weight: 400;
  font-size: 100%;
  line-height: 1.15;
  text-align: center;
  color: #0070c9;
  cursor: pointer;
}
.contact-corporate-form input.wpcf7-submit:disabled {
  cursor: default;
}
.contact-corporate-form {
  /*
   * エラー文（.wpcf7-not-valid-tip）・送信結果（.wpcf7-response-output）・スピナーは
   * 旧法人でも Contact Form 7 の既定表示だった。**新しい見た目を足さない。**
   */
}

/*=======================================
　フォームを出せないときの案内（旧法人に無い新規表示）
=======================================*/
/*
 * 旧法人には対応する表示が無いため比較対象外。利用者に原因を出さないための最小限の見た目にし、
 * 上の法人フォーム用の指定と混ざらないようにする。
 */
.contact-corporate-form__status {
  max-width: 834px;
  margin: 0 auto;
  padding: 40px;
  background: #fafaf3;
  text-align: center;
}
.contact-corporate-form__status .contact-corporate-form__status-txt {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.7;
  color: #000;
}
.contact-corporate-form__status .contact-corporate-form__status-action {
  margin-top: 20px;
}
.contact-corporate-form__status .contact-corporate-form__link {
  display: inline-block;
  padding: 20px 50px;
  border-radius: 4px;
  background: #eeeeee;
  font-size: 14px;
  line-height: 1.15;
  text-align: center;
  color: #0070c9;
}
.contact-corporate-form__status .contact-corporate-form__status-admin {
  margin-top: 16px;
  font-size: 11px;
  line-height: 1.7;
  color: #800000;
}