/**
 * File Name: test.css
 * 2026-07-17 | Form test styled (Dropdown design added)
 */

.test-section {
  max-width: 600px;
  margin: 80px auto;
  padding: 40px 20px;
  background-color: #ffffff;
  /* border: 1px solid #dee2e6; */
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  font-family: sans-serif;
  text-align: left; /* フォームの入力項目が見やすいように左寄せ */
}

.test-title {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 30px;
  color: #333333;
}

.form-container {
  margin-top: 20px;
}

.back-link {
  display: block;
  text-align: center;
  margin-top: 40px;
  color: #0073aa;
  text-decoration: underline;
}

/* ==================================================
   Contact Form 7 パーツの調整（プルダウン対応）
   ================================================== */
.wpcf7-form-control-wrap {
  display: block;
  margin-bottom: 15px;
}

/* 入力欄（テキスト、メール、メッセージ本文、そしてプルダウン）の横幅を統一 */
.wpcf7-text,
.wpcf7-textarea,
.wpcf7-select {
  width: 100%;
  padding: 10px; /* 少し余裕を持たせて見やすく */
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 15px;
  background-color: #fff;
}

/* プルダウン特有のスタイリング */
.wpcf7-select {
  height: 42px; /* 高さをテキストフィールドと合わせる */
  cursor: pointer;
}

/* メッセージ本文（テキストエリア）の高さ */
.wpcf7-textarea {
  height: 150px;
}

/* 送信ボタン */
.wpcf7-submit {
  display: block;
  width: 100%;
  padding: 12px;
  background-color: #0073aa;
  color: #fff;
  border: none;
  border-radius: 4px;
  font-weight: bold;
  font-size: 16px;
  cursor: pointer;
  transition: background-color 0.2s;
}

.wpcf7-submit:hover {
  background-color: #005177;
}


fieldset.form-row {
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

fieldset.form-row legend {
    padding: 0;
}