/* ===== 強制ライトテーマ（フォーム専用） ===== */

/* 背景全体を他ページと同じトーンへ（例：淡いブルーグラデーション） */
body {
  background: linear-gradient(180deg, #0B1C36 0%, #0E243F 100%) !important;
  /* または他ページと同じ単色なら下の1行だけ残す */
  /* background-color: #0B1C36 !important; */
  color: #1E293B !important;
}

/* お問い合わせフォームカード自体は白のまま */
section[id*="contact"], 
section[id*="inquiry"], 
.contact-form, 
.inquiry-form {
  background-color: #FFFFFF !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08) !important;
  padding: 32px !important;
}

/* 見出し（「1. 基本情報（必須）」）周り */
section[id*="contact"] h1, 
section[id*="contact"] h2, 
section[id*="contact"] h3,
section[id*="inquiry"] h1, 
section[id*="inquiry"] h2, 
section[id*="inquiry"] h3,
.contact-form h2, .inquiry-form h2 {
  color: #0F172A !important;         /* 濃いグレー */
  font-weight: 700 !important;
}

/* ラベル欄（会社名・部門名など）の背景と文字色を修正 */
section[id*="contact"] label,
section[id*="inquiry"] label,
.contact-form label, 
.inquiry-form label {
  background: #F7F8FA !important;   /* 薄いグレー背景 */
  color: #1E293B !important;        /* 黒文字 */
  font-weight: 600 !important;
  padding: 6px 10px !important;
  border-radius: 4px !important;
  display: inline-block !important;
  width: fit-content !important;
  letter-spacing: 0.01em !important;
}

/* 入力欄（input / select / textarea） */
section[id*="contact"] input,
section[id*="contact"] select,
section[id*="contact"] textarea,
section[id*="inquiry"] input,
section[id*="inquiry"] select,
section[id*="inquiry"] textarea,
.contact-form input, .contact-form select, .contact-form textarea,
.inquiry-form input, .inquiry-form select, .inquiry-form textarea {
  background: #FFFFFF !important;     /* 白 */
  color: #0F172A !important;          /* 文字濃グレー */
  border: 1px solid #D9E1EA !important; /* 薄い枠線 */
  border-radius: 8px !important;
  box-shadow: 0 1px 2px rgba(0,0,0,0.03) !important;
  padding: 12px 14px !important;
}

/* プレースホルダの色 */
section[id*="contact"] input::placeholder,
section[id*="contact"] textarea::placeholder,
section[id*="inquiry"] input::placeholder,
section[id*="inquiry"] textarea::placeholder,
.contact-form input::placeholder, 
.contact-form textarea::placeholder,
.inquiry-form input::placeholder, 
.inquiry-form textarea::placeholder {
  color: #9CA3AF !important; /* 中間グレー */
}

/* 入力フォーカス */
section[id*="contact"] input:focus,
section[id*="contact"] select:focus,
section[id*="contact"] textarea:focus,
section[id*="inquiry"] input:focus,
section[id*="inquiry"] select:focus,
section[id*="inquiry"] textarea:focus,
.contact-form input:focus, .contact-form select:focus, .contact-form textarea:focus,
.inquiry-form input:focus, .inquiry-form select:focus, .inquiry-form textarea:focus {
  outline: none !important;
  border-color: #94A3B8 !important;   /* 少し濃いグレー */
  box-shadow: 0 0 0 3px rgba(148,163,184,0.25) !important; /* フォーカスリング */
}

/* 送信ボタン */
section[id*="contact"] button[type="submit"],
section[id*="inquiry"] button[type="submit"],
.contact-form button[type="submit"],
.inquiry-form button[type="submit"] {
  background: #0F172A !important;     /* ほぼ黒 */
  color: #FFFFFF !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 12px 20px !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  box-shadow: 0 2px 6px rgba(15,23,42,0.15) !important;
}

/* 送信ボタン hover */
section[id*="contact"] button[type="submit"]:hover,
section[id*="inquiry"] button[type="submit"]:hover,
.contact-form button[type="submit"]:hover,
.inquiry-form button[type="submit"]:hover {
  filter: brightness(1.06) !important;
}

/* セレクトの矢印が潰れて見える場合の保険 */
section[id*="contact"] select,
section[id*="inquiry"] select,
.contact-form select, .inquiry-form select {
  appearance: none !important;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23677389' d='M5 7l5 5 5-5'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 12px center !important;
  background-size: 20px 20px !important;
  padding-right: 40px !important;
}