/* ==========================================================
   contact.css — お問い合わせページ（フォームはCF7想定）
   ========================================================== */
.contact-grid{display:grid;grid-template-columns:1.1fr 0.9fr;gap:40px;align-items:start;margin-top:32px;}
@media (max-width:820px){.contact-grid{grid-template-columns:1fr;}}

.methods{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0 auto 48px;max-width:900px;}
@media (max-width:700px){.methods{grid-template-columns:1fr;}}
.method-card{border:1px solid var(--border);border-radius:8px;padding:18px 16px;text-align:center;background:var(--cream);}
.method-card .ic{color:var(--gold-dark);margin-bottom:8px;display:flex;justify-content:center;}
.method-card h4{font-size:13.5px;color:var(--navy);margin-bottom:4px;}
.method-card p{font-size:11.5px;color:var(--muted);}

.form-card{border:1px solid var(--border);border-radius:10px;padding:32px;}

/* Contact Form 7 の出力にも当たるよう wpcf7 のクラスに合わせて指定 */
.form-card .wpcf7-form p{margin-bottom:22px;}
.form-card label{display:block;font-size:13.5px;font-weight:700;color:var(--navy);margin-bottom:8px;}
.form-card input[type=text],
.form-card input[type=email],
.form-card input[type=tel],
.form-card select,
.form-card textarea{
  width:100%;border:1px solid var(--border);border-radius:6px;padding:12px 14px;font-size:14px;
  font-family:inherit;background:#fcfbf8;color:var(--text);
}
.form-card input:focus,.form-card select:focus,.form-card textarea:focus{
  outline:2px solid var(--gold);outline-offset:1px;border-color:var(--gold);
}
.form-card textarea{min-height:130px;resize:vertical;}
.form-card input[type=submit]{
  width:100%;background:var(--navy);color:#fff;font-weight:700;font-size:15px;
  padding:16px;border:none;border-radius:6px;cursor:pointer;letter-spacing:.05em;transition:background .2s;
}
.form-card input[type=submit]:hover{background:var(--navy-dark);}

.hours-note{
  margin-top:18px;font-size:12px;color:var(--muted);background:#fff;border:1px dashed var(--border);
  padding:12px 14px;border-radius:6px;
}
.area-note{
  margin-top:14px;font-size:12px;color:var(--muted);background:#fff;border:1px solid var(--border);
  padding:14px;border-radius:6px;
}
.area-note strong{color:var(--navy);display:block;margin-bottom:4px;font-size:12.5px;}

/* ===== ダミーフォーム（CF7未設定時）の詳細レイアウト ===== */
.form-card .field{margin-bottom:22px;}
.form-card .field label{
  display:block;font-size:13.5px;font-weight:700;color:var(--navy);margin-bottom:8px;
}
.form-card .field label .req{
  background:#c0392b;color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:3px;
  margin-left:8px;vertical-align:middle;
}
.form-card .field label .opt{
  background:#8d8878;color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:3px;
  margin-left:8px;vertical-align:middle;
}
.form-card .field .hint{font-size:11.5px;color:var(--muted);margin-top:6px;}
.form-card .row2{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
@media (max-width:520px){.form-card .row2{grid-template-columns:1fr;}}

.form-card .checkbox-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
@media (max-width:520px){.form-card .checkbox-grid{grid-template-columns:repeat(2,1fr);}}
.form-card .chk-item{
  display:flex;align-items:center;gap:8px;font-size:13px;border:1px solid var(--border);
  border-radius:6px;padding:10px 12px;background:#fcfbf8;cursor:pointer;
}
.form-card .chk-item input{accent-color:var(--gold-dark);width:16px;height:16px;}

.form-card .consent{
  display:flex;align-items:flex-start;gap:10px;font-size:12.5px;color:var(--muted);margin:8px 0 26px;
}
.form-card .consent input{margin-top:3px;accent-color:var(--gold-dark);}
.form-card .consent a{color:var(--gold-dark);text-decoration:underline;}

.form-card .submit-btn{
  width:100%;background:var(--navy);color:#fff;font-weight:700;font-size:15px;
  padding:16px;border:none;border-radius:6px;cursor:pointer;letter-spacing:.05em;transition:background .2s;
}
.form-card .submit-btn:hover{background:var(--navy-dark);}

/* ===== サイドバー：お急ぎの方はこちら ===== */
.quick-card h3{color:var(--navy);font-size:16px;margin-bottom:16px;}
.quick-row{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--border);}
.quick-row:last-child{border-bottom:none;}
.quick-icon{
  width:40px;height:40px;border-radius:50%;background:#fff;border:1.5px solid var(--gold);
  display:flex;align-items:center;justify-content:center;color:var(--gold-dark);flex-shrink:0;
}
.quick-row .label{font-size:12px;color:var(--muted);}
.quick-row .value{font-size:17px;font-weight:700;color:var(--navy);}
.quick-row .value.small{font-size:13px;font-weight:600;}

/* ===== 下部の案内ボックス（宅配買取・出張買取・その他） ===== */
.note-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:32px;}
@media (max-width:700px){.note-pair{grid-template-columns:1fr;}}
.note-pair .note-box{margin-bottom:0;}

.form-card .wpcf7-form .field > br {
	display: none;
}

@media scrren and (min-width: 861px) {
	.form-card .wpcf7-list,
.form-card .wpcf7-checkbox{
  display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:0;
}
.form-card .wpcf7-list-item{
  display:block;        /* spanのインライン挙動を解除 */
  width:auto;
  margin:0;
}
.form-card .wpcf7-list-item label{
  display:flex;align-items:center;gap:8px;font-size:13px;border:1px solid var(--border);
  border-radius:6px;padding:10px 12px;background:#fcfbf8;cursor:pointer;
  width:100%;            /* label自体もspanなので明示的に幅を持たせる */
  box-sizing:border-box;
  white-space:nowrap;
}
.form-card .wpcf7-list-item input{accent-color:var(--gold-dark);width:16px;height:16px;flex-shrink:0;}
.form-card .wpcf7-list-item-label{display:inline;} /* テキストを包むspanも明示的にインライン指定 */

}