.wrap{max-width:820px; margin:0 auto; padding:0 24px;}
header .wrap, footer .wrap{max-width:1080px;}

section{padding:56px 0;}
.eyebrow{color:var(--gold-strong); font-weight:700; font-size:13px; letter-spacing:0.08em; margin-bottom:8px;}
h1{font-size:28px; color:var(--navy); margin:8px 0 8px;}
.crumb{font-size:12px; color:var(--text-sub); margin-bottom:12px;}
.crumb a{color:var(--text-sub);}
.lead{color:var(--text-sub); font-size:14px; margin:0 0 32px;}

.doc{background:var(--white); border:1px solid var(--border); border-radius:12px; padding:36px;}
.doc h2{font-size:16px; color:var(--navy); margin:28px 0 10px;}
.doc h2:first-child{margin-top:0;}
.doc p, .doc li{font-size:13px; color:var(--text-sub); margin:0 0 10px;}
.doc ul{padding-left:20px; margin:0 0 10px;}
.doc .updated{font-size:12px; color:var(--text-sub); margin-top:32px; padding-top:16px; border-top:1px solid var(--border);}

@media(max-width:860px){

  .doc{padding:22px;}

}


/* =========================================================
   レスポンシブ（下層ページ共通）
   ※ common.css より後に読み込まれるので、ここで上書きする
   ========================================================= */
@media(max-width:1024px){
  section{padding:44px 0;}
  .page-hero .wrap{padding-top:52px; padding-bottom:40px;}
  .page-hero h1{font-size:27px;}
}
@media(max-width:600px){
  .page-hero .wrap{padding-left:16px; padding-right:16px; padding-top:36px; padding-bottom:28px;}
  .page-hero h1{font-size:22px; line-height:1.45;}
  .page-hero p{font-size:14px;}
  .crumb{font-size:11px; margin-bottom:10px;}
  section{padding:34px 0;}
  h2{font-size:19px;}
  .final-cta{padding:40px 0;}
  .final-cta .btn-primary{padding:13px 22px;}
}

@media(max-width:600px){
  .doc{padding:16px;}
}