/* --- お問い合わせページ・フォームデザイン --- */

.contact-methods {
    display: flex;
    gap: 30px;
    margin-bottom: 40px;
}

.method-card {
    flex: 1;
    background: #f9f9f9;
    padding: 40px;
    text-align: center;
    border-radius: 4px;
}

.method-card h3 { font-size: 1.1rem; margin-bottom: 8px; color: #666; }
.tel-number, .mail-address { font-size: 1.8rem; font-weight: 700; color: #064e3b; margin-bottom: 10px; }
.contact-note { font-size: 0.85rem; color: #888; }

.dummy-form {
    max-width: 700px;
    margin: 0 auto;
    background: #fff;
    padding: 40px;
    border: 1px solid #eee;
}

.form-group { margin-bottom: 30px; }

.form-group label {
    display: block;
    font-weight: 700;
    margin-bottom: 10px;
    font-size: 0.95rem;
}

.form-group label span {
    background: #e63946;
    color: #fff;
    font-size: 0.7rem;
    padding: 2px 6px;
    border-radius: 2px;
    margin-left: 10px;
    vertical-align: middle;
}

.form-group input, .form-group select, .form-group textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 1rem;
    font-family: inherit;
}

.form-divider {
    height: 1px;
    background: #eee;
    margin: 40px 0;
}

.form-submit { text-align: center; }
/* --- 送信ボタンのアップグレード（角ばり・単色・スマート版） --- */
.form-submit { 
    text-align: center; 
    margin-top: 40px;
}

.tel-img {
  height: 32px;            /* 💡 この数値を大きくすると、画像が大きくなります */
  width: auto;             /* 縦横比を崩さずに自動伸縮させるお守り */
  object-fit: contain;
  vertical-align: middle;  /* 周りの文字や箱に対して上下中央に揃える設定 */
  display: inline-block;
}
/* 📝 フォームへの繋ぎの文章（中央寄せ・ゆったりした余白） */
.contact-form-lead {
  text-align: left;
  font-size: 0.95rem;       /* 読みやすい基本サイズ */
  color: #333333;
  margin-top: 35px;
  margin-bottom: 35px;
  line-height: 1.7;         /* 2行になるので行間を少しゆったりに */
}

/* 🟢 「ご負担のない範囲で…」の強調スタイル */
.contact-form-lead strong {
  color: #064e3b;           /* 事務所のキーカラー（深緑）で誠実さと優しさを */
  font-weight: 700;
}