@charset "UTF-8";
/* 個人お問い合わせ：旧 basetheme の .inquiry の値を対象ページ内へ移植。共通ヘッダー・フッターは新テーマ。 */
/* ---- 旧テーマの実値 ---- */
/* 旧 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-private {
  padding-top: 105px;
}
@media only screen and (max-width: 1024px) {
  .contact-private {
    padding-top: 60px;
  }
}
.contact-private {
  /* パンくずは新共通枠の左右余白。旧フォーム本体・見出しの寸法には重ねない。 */
}
.contact-private .page_breadcrumb .contact-private__inner {
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 20px;
}
.contact-private {
  /* 個人の見出しは旧と同じ全幅・中央揃え。新共通枠の余白を重ねない。 */
}
.contact-private .contact-private__head .contact-private__inner {
  width: 100%;
  max-width: none;
  margin: 0 auto;
  padding: 0;
}
.contact-private {
  /* 本文側は旧と同じく内側の余白を持たない。幅は .text / .formArea_inner 自身が決める */
}
.contact-private .contact-private__body .contact-private__inner {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
}

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

/*=======================================
　ページタイトル（旧 .page_mainTitle）
=======================================*/
.contact-private__head {
  padding-bottom: 0;
}
.contact-private__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-private__head .page_ttl {
    font-size: 19.2px;
  }
}
.contact-private__head {
  /* 旧テンプレートと同じく、SPだけ「お問い合わせ」の後で改行する */
}
.contact-private__head .contact-private__br-sp {
  display: none;
}
@media only screen and (max-width: 735px) {
  .contact-private__head .contact-private__br-sp {
    display: inline;
  }
}

/*=======================================
　案内文・注意書き（旧 .inquiry .formArea .text）
=======================================*/
.contact-private-intro {
  max-width: 1004px;
  margin: 0 auto 60px;
  padding: 40px;
  border-radius: 0;
  background: #fafaf3;
}
@media only screen and (max-width: 1004px) {
  .contact-private-intro {
    width: 98%;
    margin: 0 auto 60px auto;
  }
}
.contact-private-intro {
  /* 旧 .honbun */
}
.contact-private-intro .contact-private-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-private-intro .contact-private-intro__lead {
    line-height: 1.8;
  }
}
.contact-private-intro {
  /* 旧 ul.note */
}
.contact-private-intro .contact-private-intro__notes {
  max-width: 834px;
  margin: 0 auto;
  padding: 0;
  list-style: none;
  text-align: left;
}
.contact-private-intro {
  /* 旧 .note li は余白だけを持ち、文字の大きさは中の p が決める */
}
.contact-private-intro .contact-private-intro__note {
  margin: 10px auto;
  padding: 0;
  text-indent: 0;
}
.contact-private-intro {
  /* 旧 .note li p */
}
.contact-private-intro .contact-private-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-private-form input[type=file] {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.contact-private-form {
  width: 100%;
  max-width: 834px;
  /* 旧 .formArea_inner に下余白は無い（下の余白は .contact-private__body が持つ） */
  margin: 0 auto;
}
@media only screen and (max-width: 840px) {
  .contact-private-form {
    width: 95%;
  }
}
.contact-private-form {
  /* 1項目＝1段落。旧は上下 16px の余白だけで罫線は無い */
}
.contact-private-form .wpcf7-form p {
  margin: 0;
  padding: 16px 0;
}
.contact-private-form {
  /* 旧 .formArea_inner p br { display:none } と、SPだけ出す br.spOnly */
}
.contact-private-form .wpcf7-form br {
  display: none;
}
@media only screen and (max-width: 735px) {
  .contact-private-form .wpcf7-form br.spOnly {
    display: inline-block;
  }
}
.contact-private-form .itemName {
  display: block;
  margin-bottom: 6px;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.7;
  color: #000;
}
.contact-private-form .Required {
  display: inline-block;
  margin-bottom: 6px;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.7;
  color: #800000;
}
.contact-private-form {
  /* 入力欄の補足（旧 .formArea_inner p .note は 11px） */
}
.contact-private-form .note {
  display: block;
  margin-top: 10px;
  font-weight: 400;
  font-size: 11px;
  line-height: 1.7;
  color: #000;
}
.contact-private-form {
  /* 旧 .formArea_inner p textarea / input[type=text] / input[type=email] */
}
.contact-private-form input[type=text],
.contact-private-form input[type=email],
.contact-private-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-private-form {
  /* 旧は textarea の高さを指定せず rows に任せる（最小高さを足さない） */
}
.contact-private-form textarea {
  min-height: 0;
  resize: vertical;
}
.contact-private-form {
  /*
   * 旧テーマが外観を触っていない部品（選択・ラジオ）は、destyle が消した分だけ UA既定へ戻す。
   * 文字まわりは旧 reset.css（normalize v8）と同じ条件に揃える。
   */
}
.contact-private-form select,
.contact-private-form input[type=radio],
.contact-private-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-private-form input[type=radio],
.contact-private-form input[type=checkbox] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}
.contact-private-form {
  /* 旧 .confirmBtn（送信ボタン） */
}
.contact-private-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-private-form input.wpcf7-submit:disabled {
  cursor: default;
}
.contact-private-form {
  /*
   * エラー文（.wpcf7-not-valid-tip）・送信結果（.wpcf7-response-output）・スピナーは
   * 旧個人でも Contact Form 7 の既定表示だった。**新しい見た目を足さない。**
   */
}

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

/* 旧個人フォーム固有の商品情報枠・補足。 */
.contact-private-form .objectProduct {
  margin: 0 auto 16px;
  padding: 20px 40px;
  border: 1px solid #ddd;
}
.contact-private-form .objectProduct p.attendText {
  padding: 0;
  font-size: 14px;
  line-height: 1.7;
}
.contact-private-form .note_up {
  display: block;
  margin-bottom: 10px;
  font-size: 11px;
  line-height: 1.7;
}
.contact-private-form p.display_off {
  display: none;
}
.contact-private-form p.display_off.active {
  display: inline-block;
}
.contact-private-form .postalcode, .contact-private-form .tel {
  width: 110px !important;
  display: inline-block !important;
}
@media (max-width: 480px) {
  .contact-private-form .postalcode, .contact-private-form .tel {
    width: 80px !important;
  }
}