/**
 * お問い合わせページ（/contact/）のフォーム（Contact Form 7）
 *
 * フォームの項目は 管理画面 > お問い合わせ > コンタクトフォーム 1 で編集します。
 * セレクトボックス・ラジオボタンなどを追加した場合は、ここにスタイルを追加してください。
 */
.wrap-contact {
  margin: 100px 0;
}
.wpcf7-form {
  max-width: 1074px;
  margin: 0 auto;
  color: #333;
}
.CF7_table th {
  text-align: left;
}

/* 入力欄（送信ボタンを含む） */
input.wpcf7-form-control,
textarea.wpcf7-form-control {
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 3px;
  background-color: #fff;
  font-size: .9em;
  font-family: 'Noto Sans JP', sans-serif;
}
input.wpcf7-form-control {
  height: 52px;
  padding: 5px 15px;
}
textarea.wpcf7-form-control {
  display: block;
  padding: 15px;
}
textarea.wpcf7-form-control::placeholder {
  color: #999;
}
/* テキスト入力欄・本文欄 */
input.wpcf7-form-control.wpcf7-text,
textarea.wpcf7-form-control.wpcf7-textarea {
  width: 93%;
  margin-top: 10px;
  margin-right: 10px;
  padding: 8px 15px;
  border-color: #d0d5d8;
  background-color: #eff1f5;
}
textarea.wpcf7-form-control.wpcf7-textarea {
  height: 200px;
}

/* チェックボックス */
.wpcf7-checkbox .wpcf7-list-item {
  display: inline-flex;
  margin: 7.5px;
}
.wpcf7-list-item-label {
  display: inline-flex;
  align-items: center;
  padding-left: 7.5px;
  color: #555;
}
.wpcf7-form-control input[type="checkbox"] {
  width: 20px;
  height: 20px;
  border: 1px solid #ddd;
  border-radius: 2px;
  outline: none;
  background-color: #fff;
}

/* 「必須」「任意」ラベル */
.CF7_req,
.CF7_unreq {
  margin-right: 1em;
  padding: 5px;
  font-size: .9em;
  color: #fff;
  border-radius: 3px;
}
.CF7_req {
  background: #f79034;
}
.CF7_unreq {
  background: #bdbdbd;
}

/* エラーメッセージ */
span.wpcf7-not-valid-tip,
.wpcf7-response-output.wpcf7-validation-errors {
  color: red;
  font-weight: 600;
}

@media screen and (max-width: 1000px) {
  textarea.wpcf7-form-control.wpcf7-textarea {
    width: 100%;
  }
  /* 表の行を縦に並べる */
  .wpcf7 td {
    display: block;
    width: 100%;
    font-weight: bold;
  }
}
@media screen and (max-width: 599px) {
  input.wpcf7-form-control,
  textarea.wpcf7-form-control,
  .wpcf7-list-item-label {
    font-size: 1.2em;
  }
}