/* Contact Form 7 ベーススタイル */
.form-footnote {
  text-align: center;
  font-size: 0.9rem;
  color: var(--color-muted, #555);
  line-height: 1.6;
  margin: 2rem auto 3rem;
  max-width: 700px;
}

.wpcf7 form {
  max-width: 600px;
  margin: 2rem auto;
  padding: 1rem;
  background-color: var(--color-bg-form, #f9f9f9);
  border-radius: 8px;
}

/* ラベルと入力欄 */
.wpcf7 form label {
  display: block;
  margin-bottom: 1rem;
  font-weight: bold;
  color: var(--color-text-dark, #333);
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
  width: 100%;
  padding: 0.75rem;
  font-size: 1rem;
  border: 1px solid var(--color-input-border, #ccc);
  border-radius: 4px;
  box-sizing: border-box;
  background-color: var(--color-bg, #fff);
}

/* テキストエリアサイズ */
.wpcf7 textarea {
  min-height: 150px;
  resize: vertical;
}

/* 送信ボタン */
.wpcf7 input[type="submit"] {
  display: inline-block;
  background-color: var(--color-primary, #332c54);
  color: #fff;
  border: none;
  padding: 0.75rem 2rem;
  font-size: 1rem;
  cursor: pointer;
  border-radius: 4px;
  transition: background-color 0.3s;
}

.wpcf7 input[type="submit"]:hover {
  background-color: var(--color-primary-dark, #2a2345);
}

/* バリデーション・メッセージ */
.wpcf7-response-output,
.wpcf7-not-valid-tip {
  color: var(--color-danger, #cc0000);
}

.wpcf7-response-output {
  margin-top: 1rem;
  font-size: 0.9rem;
}

.wpcf7-not-valid-tip {
  font-size: 0.85rem;
  margin-top: 0.3rem;
}

/* フォーカス時の強調 */
.wpcf7 input:focus,
.wpcf7 textarea:focus {
  border-color: var(--color-primary);
  outline: none;
}