/* ==========================================================================
   INFO IRON — 買取・保管・会社案内・アクセス・スタッフ・お問い合わせ 共通層（2026-09-09）
   ブランドの世界観（黒鉄・金属の縁・抑えた赤）は揃えつつ、読ませるページなので装飾は控える。
   ・ファーストビューは車両ページより低くして、本文が早く始まる
   ・料金・仕様・営業情報は金属の板に載せて読み違いを防ぐ
   結線＝body class="… iron-page info-iron"。撤去＝<link> 1行。
   ========================================================================== */
body.info-iron .page-hero{min-height:max(560px,66svh);height:auto;max-height:none}
body.info-iron .page-hero-inner{padding-top:140px;padding-bottom:56px}
body.info-iron .page-hero h1{font-size:clamp(56px,8.6vw,132px);margin:22px 0 22px;max-width:82%}
body.info-iron .page-lead{font-size:14px;max-width:560px}
body.info-iron .page-section{padding-top:80px}
body.info-iron .section-head h2{font-size:clamp(25px,3vw,44px)}

/* 料金・仕様の板 */
.iron-panel{border:1px solid #75716b;border-top:3px solid var(--ac-deep);background:linear-gradient(140deg,var(--plate-a),var(--plate-b));box-shadow:inset 0 1px #ffffff12,0 18px 38px #0005;padding:clamp(22px,3vw,40px)}
.iron-panel .spec{border-top:0}
.iron-panel .spec>div:last-child{border-bottom:0}
.iron-price{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.iron-price div{border:1px solid #75716b;border-top:3px solid #797970;background:linear-gradient(140deg,var(--plate-a),var(--plate-b));padding:28px 26px;min-width:0}
.iron-price small{font:10px 'Oswald',sans-serif;letter-spacing:.24em;color:var(--ac-soft)}
.iron-price b{display:block;margin-top:14px;font:500 clamp(30px,3.6vw,50px)/1 'Oswald',sans-serif;letter-spacing:-.02em;color:#efeae1}
.iron-price b i{font-style:normal;font-size:.42em;margin-left:6px;color:#a8a49c;letter-spacing:.02em}
.iron-price span{display:block;margin-top:12px;font-size:12.5px;line-height:1.9;color:var(--txt3)}

/* 連絡先の大きな板（アクセス・お問い合わせ） */
.iron-contact{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid #75716b;border-top:3px solid var(--ac-deep);background:linear-gradient(140deg,var(--plate-a),var(--plate-b));box-shadow:0 18px 38px #0005}
.iron-contact>div{padding:clamp(24px,3vw,42px);min-width:0}
.iron-contact>div+div{border-left:1px solid #ffffff1c}
.iron-contact small{font:10px 'Oswald',sans-serif;letter-spacing:.24em;color:var(--ac-soft)}
.iron-contact .big{display:block;margin-top:16px;font:500 clamp(30px,4vw,54px)/1 'Oswald',sans-serif;letter-spacing:-.02em;color:#f1ece3;text-decoration:none}
.iron-contact p{margin:14px 0 0;font-size:13px;line-height:2;color:var(--txt2)}
.iron-contact dl{margin:14px 0 0;display:grid;gap:0}
.iron-contact dl>div{display:grid;grid-template-columns:96px 1fr;gap:14px;padding:11px 0;border-bottom:1px solid #ffffff14;font-size:13px;line-height:1.85}
.iron-contact dt{font:10px 'Oswald',sans-serif;letter-spacing:.18em;color:#a19d95;padding-top:4px}
.iron-contact dd{margin:0;color:#ddd8cf}

/* スタッフ・設備カードの縁 */
body.info-iron .role,body.info-iron .facility figure{border:1px solid var(--edge);border-top:2px solid var(--edge-hi);background:linear-gradient(150deg,#1e1e20,#121213);padding:0 0 20px}
body.info-iron .role img,body.info-iron .facility img{border:0;border-bottom:1px solid #ffffff14}
body.info-iron .role figcaption,body.info-iron .facility figcaption{padding:18px 20px 0}
body.info-iron .rep-points>div{border-top:3px solid var(--ac-deep)}
body.info-iron .rep-lead{color:#ddd8cf}

/* 地図・カレンダー */
body.info-iron .map-box{border:1px solid #75716b}
body.info-iron .map-box iframe{filter:grayscale(.25) brightness(.95)}
body.info-iron .calendar-panel,body.info-iron .cw{background:linear-gradient(145deg,#1d1c1d,#111112);border:1px solid #ffffff20}
body.info-iron .visit-grid{border-top:0;padding-top:0}

@media(max-width:1000px){
  .iron-price{grid-template-columns:1fr}
  .iron-contact{grid-template-columns:1fr}
  .iron-contact>div+div{border-left:0;border-top:1px solid #ffffff1c}
}
@media(max-width:700px){
  body.info-iron .page-hero{min-height:440px;height:auto}
  body.info-iron .page-hero-inner{padding:112px 24px 36px}
  body.info-iron .page-hero h1{font-size:14vw;max-width:100%}
  body.info-iron .page-section{padding-top:48px}
  .iron-price div{padding:20px 18px}
  .iron-contact dl>div{grid-template-columns:78px 1fr;gap:10px}
}