/* =========================
   Contact Page (お問い合わせ)
========================= */
.contact-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 40px;
  margin-bottom: 60px;
}
.contact-card--primary { max-width: 720px; width: 100%; margin: 0 auto; }
.contact-subgrid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; }
.contact-card {
  background: #fff;
  padding: 36px;
  border-radius: 6px;
  text-align: center;
  border-top: 3px solid #7a9968;
}
.contact-card h3 { font-size: 20px; margin-bottom: 8px; }
.contact-card .label { font-size: 12px; color: #8b6a4f; letter-spacing: 0.2em; margin-bottom: 20px; }
.contact-card .tel {
  font-size: 32px;
  color: #5a3e2b;
  font-family: "Yu Mincho", serif;
  font-weight: 600;
  margin: 16px 0;
  letter-spacing: 0.05em;
}
.contact-card .hours { color: #6a5a48; font-size: 14px; }

.form-section {
  background: #fff;
  padding: 50px;
  border-radius: 6px;
}
.form-row { margin-bottom: 24px; }
.form-row label {
  display: block;
  margin-bottom: 8px;
  color: #5a3e2b;
  font-weight: 600;
  font-size: 14px;
}
.required {
  display: inline-block;
  padding: 2px 8px;
  background: #c75a4a;
  color: #fff;
  font-size: 10px;
  border-radius: 3px;
  margin-left: 8px;
}
.form-row input, .form-row textarea, .form-row select {
  width: 100%;
  padding: 12px 16px;
  border: 1px solid #d4cab8;
  border-radius: 4px;
  font-family: inherit;
  font-size: 14px;
  background: #faf7f2;
  transition: border-color .2s;
}
.form-row input:focus, .form-row textarea:focus, .form-row select:focus {
  outline: none;
  border-color: #5a7a4a;
  background: #fff;
}
.form-row input.field-invalid,
.form-row textarea.field-invalid,
.form-row select.field-invalid {
  border-color: #c75a4a;
}
.form-row textarea { min-height: 140px; resize: vertical; }
.form-submit { text-align: center; margin-top: 30px; }

.form-message {
  padding: 16px 20px;
  border-radius: 4px;
  margin-bottom: 30px;
  font-size: 14px;
  text-align: center;
}
.form-message-success { background: #eaf1e5; color: #3d5a30; border: 1px solid #c4d4b5; }
.form-message-error { background: #fbeae7; color: #a13f2f; border: 1px solid #e3b6ac; }

@media (max-width: 768px) {
  .contact-grid { grid-template-columns: 1fr; gap: 30px; }
  .contact-subgrid { grid-template-columns: 1fr; gap: 30px; }
  .contact-card .tel { font-size: 26px; }
  .form-section { padding: 30px 20px; }
}