/* お問い合わせフォーム (contact/) 専用 */
/* テーマの .privacy_box (プライバシーページ用・影つき) と名前がぶつからないよう別名にする */
.contact_privacy {
  height: 200px;
  margin: 5px 0 30px;
  padding: 30px;
  background: #efefef;
  overflow-y: scroll;
}
/* 旧 Contact Form 7 プラグインの CSS のうち、見た目に効いていたもの (入力欄の幅や文字の大きさは style.css 側の
   span.wpcf7-form-control-wrap などのルールで決まるので、HTML は同じ span 構造にしてある) */
span.wpcf7-list-item {
  display: inline-block;
  margin: 0 0 0 1em;
}
span.wpcf7-list-item-label::before,
span.wpcf7-list-item-label::after {
  content: " ";
}
.choice_group label {
  font-weight: normal;
}
.hp_field {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.cf-turnstile {
  margin-bottom: 20px;
}
.submit_cell .btn + .btn {
  margin-left: 1em;
}
.field_error {
  display: block;
  color: #c0392b;
  font-size: 13px;
  margin-top: 4px;
}
.field_error:empty {
  display: none;
}
.form_message {
  margin: 20px 0 40px;
  text-align: center;
  color: #c0392b;
}
#contact_thanks {
  margin: 40px 0 80px;
}
/* .ttl_tp02 はテーマで左寄せなので、完了画面では本文とそろえて中央寄せにする */
#contact_thanks .ttl_tp02 {
  text-align: center;
  margin-bottom: 20px;
}

/* 入力画面と確認画面の切り替え。
   確認画面でだけ出すもの (.confirm_only) は、入力画面では !important で隠す
   (スマホ幅では style.css の .table-contactform7 tr { display: block } が効き、普通の指定だと出てしまう)。
   確認画面では元の表示 (PC は table-row、スマホは block) に任せる */
#contact_form:not(.is_confirm) .confirm_only,
#contact_form:not(.is_confirm) .confirm_value {
  display: none !important;
}
#contact_form.is_confirm .confirm_value {
  display: block;
  white-space: pre-wrap;
}
/* style.css の .table-contactform7 td span { display: inline-block !important } に勝つため !important */
/* 送信欄 (.submit_cell) のボタンは消さない */
#contact_form.is_confirm .input_only,
#contact_form.is_confirm .wpcf7-form-control-wrap,
#contact_form.is_confirm .field_error {
  display: none !important;
}
#contact_form.is_confirm .confirm_value {
  display: block !important;
}