/*
 * フォーム（Contact Form 7）を、現行サイトの A-Form（aform.css）と同じ見た目にするための差分。
 */

/* 確認画面を表示している間は、入力欄を隠す
   （form には aform.css が ID で display: flex を指定しているので、CF7 が form を囲む div を隠す） */
.venex-form.is-confirm .wpcf7 {
  display: none;
}

/* 確認画面の値は、長い文字列でも折り返す */
.venex-form__confirm .p-confirmation dd {
  word-break: break-all;
  line-height: 1.8;
}

/* エラーの表示（A-Form の .validation-advice と同じ） */
.aform .wpcf7-not-valid-tip {
  display: inline-block;
  font-size: 13px;
  font-size: 1.3rem;
  color: #ff6a14;
  margin-top: 16px;
}
.aform .wpcf7-response-output {
  width: 100%;
  margin: 2em 0 0;
  padding: 1em;
  line-height: 1.6;
}

/* 入力欄を dd いっぱいに広げる（A-Form と同じ） */
.aform .wpcf7-form-control-wrap {
  display: block;
}
.aform .aform-content dl dd input[type=text],
.aform .aform-content dl dd input[type=email],
.aform .aform-content dl dd input[type=tel],
.aform .aform-content dl dd textarea {
  width: 100%;
}
#aform-form-1 .h-adr .validate-zipcode,
#aform-form-2 .h-adr .validate-zipcode {
  width: 10em;
}

/* ラジオボタン・チェックボックス */
.aform .wpcf7-list-item {
  margin: 0 1.5em 0 0;
}
.aform .wpcf7-list-item label {
  display: inline-flex;
  align-items: center;
  gap: 12px;
}
.aform .aform-checkbox-ul .wpcf7-list-item {
  margin: 0;
}

/* 入力画面の「確認」ボタン。確認画面を JS で出すため type="button" にしているが、
   aform.css では type="button" が「戻る」の見た目（白地）なので、現行サイトと同じ送信ボタンの見た目にする */
.aform-button-area input.venex-form__to-confirm[type=button] {
  border: 1px solid #ff6a14;
  background-color: #ff6a14;
  color: #ffffff;
}
.aform-button-area input.venex-form__to-confirm[type=button]:hover {
  border: 1px solid #ffffff;
  background-color: #25282a;
  color: #ffffff;
}

/* 添付ファイル */
.aform input.aform-upload[type=file] {
  display: block;
}
.aform input.clear_upload[type=button] {
  font-size: 13px;
  font-size: 1.3rem;
  margin-top: 16px;
}

/* 同意文（現行サイトは iframe で表示していた。同じ高さの枠でスクロールさせる） */
.venex-consent {
  display: block;
  height: 192px;
  overflow-y: auto;
  margin-top: 16px;
  padding: 1em 1.5em;
  box-sizing: border-box;
  border: 1px solid #d9d9d9;
  background-color: #ffffff;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.8;
  text-align: left;
}
.venex-consent h2 {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 1em;
}
.venex-consent h3 {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  margin: 1.5em 0 0.5em;
}

/* 送信ボタンの横に出る CF7 の読み込み中の表示は使わない */
.aform .wpcf7-spinner {
  display: none;
}

/* 確認画面の案内文と、入力内容の一覧の間 */
.venex-form__confirm #aform_confirm_msg {
  margin-bottom: 48px;
}