/* /css/form.css - 共通フォームレイアウト */
.wpcf7 {
  width: 100%;
  max-width: 720px;
  margin: 60px auto;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 40px 60px;
  box-sizing: border-box;
}
.wpcf7 label {
  display: block;
  font-weight: 500;
  margin-bottom: 6px;
  color: #333;
  font-size: 15px;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea,
.wpcf7 select {
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 10px 12px;
  font-size: 15px;
  line-height: 1.6;
  color: #333;
  box-sizing: border-box;
  background: #fff;
}
.wpcf7 input[type="submit"] {
  background: #c8a46b;
  color: #fff;
  border: none;
  border-radius: 6px;
  font-size: 16px;
  padding: 12px 40px;
  display: block;
  margin: 30px auto 0;
  cursor: pointer;
  transition: opacity .2s ease;
}
.wpcf7 input[type="submit"]:hover {
  opacity: .85;
}
.wpcf7 p {
  margin-bottom: 20px;
}
/* 郵便番号＋住所自動入力ボタンの横並び調整 */
.wpcf7 .postal-wrap {
  display: flex;
  gap: 10px;
  align-items: center;
}

.wpcf7 .postal-wrap input[type="text"] {
  flex: 1 1 180px; /* ← 郵便番号入力欄の幅を制限 */
  max-width: 200px; /* 最大でも200pxに固定 */
}

.wpcf7 .postal-wrap .auto-button,
.wpcf7 .postal-wrap input[type="button"],
.wpcf7 .postal-wrap button {
  flex: 0 0 auto;
  white-space: nowrap;
}
/* 郵便番号と住所自動入力ボタンを横並びにする */
.wpcf7 .contact_postal_row {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

/* 郵便番号欄 */
.wpcf7 .contact_postal_row .wpcf7-form-control-wrap[data-name="contactNum"] input {
  width: 180px !important;
  max-width: 200px !important;
}

/* 住所自動入力ボタン */
.wpcf7 .contact_postal_row .div_address input[type="button"] {
  background: #c8a46b !important;
  color: #fff !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 10px 20px !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  flex-shrink: 0;
}

.wpcf7 .contact_postal_row .div_address input[type="button"]:hover {
  opacity: 0.85;
}