/* ============================================================
   BUYMO お問い合わせページ 個別スタイル
   （共通スタイルは buymo.css を継承）
   ============================================================ */

/* ---- ページヘッダー ---- */
.page-hero{
  background:linear-gradient(180deg,#fff 0%,var(--green-pale) 100%);
  padding:48px 0 56px;text-align:center;
}
.breadcrumb{font-size:13px;color:#777;margin-bottom:16px;}
.breadcrumb a{color:var(--green-mid);}
.breadcrumb span{margin:0 8px;}
.page-hero h1{font-size:40px;font-weight:900;margin-bottom:14px;}
.page-hero h1::after{content:"";display:block;width:48px;height:3px;background:var(--green-mid);border-radius:2px;margin:14px auto 0;}
.page-lead{color:#555;font-size:16px;}

/* ---- 連絡先カード ---- */
.contact-cards{background:#fff;padding:60px 0;}
.contact-card{text-align:center;display:flex;flex-direction:column;align-items:center;}
.contact-card h2{font-size:18px;font-weight:700;margin:6px 0 12px;}
.contact-tel{font-size:30px;font-weight:900;color:var(--green);line-height:1.2;}
.contact-big{font-size:26px;font-weight:900;color:var(--green);}
.contact-note{font-size:14px;color:#666;margin:10px 0 16px;}
.contact-card .btn{width:auto;height:46px;padding:0 28px;font-size:15px;margin-top:auto;}

/* ---- フォーム追加分（textarea / checkbox） ---- */
.quote-form textarea{
  width:100%;border:1px solid var(--border);border-radius:8px;padding:12px 14px;
  font-size:16px;font-family:inherit;color:var(--text);resize:vertical;min-height:120px;
  transition:border-color .2s,box-shadow .2s;
}
.quote-form textarea:focus{outline:none;border-color:var(--green-mid);box-shadow:0 0 0 3px rgba(64,145,108,.12);}
.quote-form textarea.invalid{border-color:#e53935;background:#fff6f6;}
.field-check label{display:flex;align-items:center;gap:8px;font-weight:500;font-size:14px;}
.field-check input{width:18px;height:18px;height:auto;accent-color:var(--green-mid);}
.field-check a{color:var(--green-mid);text-decoration:underline;}

/* ---- アクセス ---- */
.access{background:var(--green-bg);padding:80px 0;}
.access-grid{align-items:center;}
.access-map{
  position:relative;background:linear-gradient(135deg,var(--green-pale),var(--green-bg));
  border-radius:var(--radius);min-height:260px;display:flex;align-items:center;justify-content:center;
  box-shadow:var(--shadow);overflow:hidden;border:1px solid var(--border);
}
.access-map .map-emoji{font-size:140px;line-height:1;opacity:.85;}
.access-map .map-pin{position:absolute;font-size:48px;top:38%;left:48%;}

@media (max-width:991px){
  .access-grid{grid-template-columns:1fr;}
}
@media (max-width:767px){
  .page-hero h1{font-size:30px;}
  .contact-cards{padding:40px 0;}
  .access{padding:48px 0;}
}

/* ---- 送信完了（サンクス）ページ ---- */
.thanks-hero{text-align:center;}
.thanks-icon{font-size:72px;line-height:1;margin-bottom:8px;}
.thanks-hero h1 strong,.thanks-hero #thanksLead strong{color:var(--green);}
.thanks-steps-section{padding:56px 0;background:#fff;}
.thanks-steps{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:18px;}
.thanks-steps li{display:flex;align-items:flex-start;gap:18px;background:var(--green-bg);border:1px solid var(--border);border-radius:12px;padding:20px 24px;}
.thanks-steps .step-no{flex:none;width:40px;height:40px;border-radius:50%;background:var(--green-mid);color:#fff;font-size:20px;font-weight:900;display:flex;align-items:center;justify-content:center;}
.thanks-steps h3{font-size:17px;font-weight:900;color:var(--green-dark);margin-bottom:4px;}
.thanks-steps p{font-size:14px;color:#555;}
@media (max-width:767px){.thanks-steps li{padding:16px;gap:14px;}}