.wrap{max-width:900px; 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;}

.info-wrap{border:1px solid var(--border); border-radius:12px; overflow:hidden; background:var(--white);}
table.info{width:100%; border-collapse:collapse; font-size:14px;}
table.info th{background:var(--bg); color:var(--navy); text-align:left; padding:16px 20px; font-weight:700; width:200px; vertical-align:top; border-top:1px solid var(--border);}
table.info tr:first-child th, table.info tr:first-child td{border-top:none;}
table.info td{padding:16px 20px; border-top:1px solid var(--border); color:var(--text); vertical-align:top;}
table.info td a{color:var(--navy); font-weight:700;}
.pending{color:var(--text-sub); font-style:italic;}

.note-box{margin-top:24px; background:var(--bg); border:1px solid var(--border); border-radius:10px; padding:18px 22px; font-size:12px; color:var(--text-sub);}

@media(max-width:860px){

  table.info th{width:120px; padding:14px;}
  table.info td{padding:14px;}

}


/* =========================================================
   レスポンシブ（下層ページ共通）
   ※ 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){
  /* 特商法表示の表は縦積みに */
  table.info, table.info tbody, table.info tr, table.info th, table.info td{display:block; width:auto;}
  table.info th{padding:12px 14px 4px; border-bottom:none;}
  table.info td{padding:0 14px 14px;}
}