@charset "UTF-8";
/*
 *  page-form-parts.css — 文字の送信ボタン・プライバシーの折りたたみ・日付欄と文字の大きさ（T339）
 *
 *  読み込みは modelhouse/entry.twig・real_estate/entry.twig・plan/index.twig・recruit/entry.twig の 4 枚。
 *  page-form-ui.css（表・必須/任意バッジ・入力欄・選択肢）の後ろに読み込む。
 *
 *  値は /form の page-form-contact.css と同じで、/cafe の page-cafe.css（T334 の節）にも同じ値の複製がある。
 *  /form のボタン等を変えたら、page-form-contact.css・page-cafe.css・このファイルの 3 か所をそろえる。
 *
 *  data-pfwform-* の付く要素（ボタン・details 等）に display を指定しない（pfwform.js の表示切替を上書きするため）。
 */

/* --- プライバシーポリシーの折りたたみ --- */
.form-Box .form-privacy { margin: 0 0 18px; text-align: center; }
.form-Box .form-privacy summary {
  display: inline-block;
  color: #6b625b;
  font-size: 14px;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.form-Box .form-privacy[open] summary { margin-bottom: 14px; }
.form-Box .form-privacy .priv-text { margin: 0; text-align: left; height: 240px; border-radius: 4px; }

/* --- 送信ボタン（文字の丸ボタン） --- */
.form-Box .btnArea p { text-align: center; }
.form-Box .btnArea .cat-btn {
  width: 100%;
  max-width: 420px;
  margin: 0;
  padding: 20px 24px;
  border: 0;
  border-radius: 999px;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1.4;
  cursor: pointer;
}
.form-Box .btnArea .cat-btn-main { background: #b1774c; color: #fff; box-shadow: 0 4px 12px rgba(139, 85, 48, 0.3); }
.form-Box .btnArea .cat-btn-main:hover { background: #9c6640; }
.form-Box .btnArea .cat-btn-sub { background: #fff; color: #5a524c; border: 1px solid #c4bcb3; box-shadow: none; font-size: 17px; }
.form-Box .from-btn-02 p + p { margin-top: 16px; }

/* 採用ページ（body#recruit）だけ、page-system.css に `#recruit button { border: 0!important; padding: 0!important; margin: 0!important; }` が
   PC（777 行）と SP（1436 行）の両方にあり、上のボタンの指定が負ける。ID 付き・!important で打ち消す（!important 同士は詳細度で決まる） */
#recruit .form-Box .btnArea .cat-btn { margin: 0 !important; border: 0 !important; }
#recruit .form-Box .btnArea .cat-btn-sub { border: 1px solid #c4bcb3 !important; }

/* 採用の選択肢の改行は <br class="sp2"> で、common.css の SP 指定 `.sp2 { display: inline-block !important }` が
   page-form-ui.css の `.opts > br { display: none }` に勝ち、選択肢の間が不ぞろいに空く。選択肢の中の改行だけを隠す */
.form-Box .opts > br.sp2 { display: none !important; }

/* 日付欄は page-form-ui.css の大きさ指定（text・email・tel 等）に含まれていないので、ほかの入力欄にそろえる */
@media screen and (min-width: 768px), print {
  .form-Box .opts > label { font-size: 16px; }
  .form-Box input[type="text"],
  .form-Box input[type="email"],
  .form-Box input[type="tel"],
  .form-Box input[type="date"],
  .form-Box textarea { font-size: 16px; }
  .form-Box input[type="date"] { padding: 10px 12px; }

  #recruit .form-Box .btnArea .cat-btn { padding: 20px 24px !important; }
  /* page-system.css 776 行 `#recruit .from-btn-02 { max-width: 900px }` を page-form-ui.css と同じ 940px に戻す */
  #recruit .form-Box .from-btn-02 { max-width: 940px; }
}
@media screen and (max-width: 767px) {
  .form-Box .btnArea .cat-btn { font-size: 17px; padding: 16px 20px; }
  .form-Box .opts > label { font-size: 1.5rem; }
  /* iOS でタップ時に拡大されないよう 16px 以上（page-from-common.css は 3.865vw で 375px 幅だと約 14.5px） */
  .form-Box input[type="date"] { font-size: 16px; padding: 11px 12px; margin-bottom: 0; }

  #recruit .form-Box .btnArea .cat-btn { padding: 16px 20px !important; }
}