@charset "utf-8";
/* CSS Document */
/* 物件概要 表組デザイン（FG_kawagoe2 と共通） */


  :root{
    /* 本物件トンマナ（黒基調モノトーン） */
    --navy:#111111;        /* 基調の黒 */
    --navy-light:#2b2b2b;  /* やや明るい黒 */
    --label-bg:#ededed;    /* 見出しセルのライトグレー */
    --border-strong:#111111;
    --border-soft:#bcbcbc; /* 内側罫線グレー */
    --text-main:#1a1a1a;
    --text-sub:#666666;
  }
  *{box-sizing:border-box;}

  .sheet{
    max-width:900px;
    margin:0 auto;
    background:#fff;
  }
  .doc-title{
    text-align:center;
    padding:22px 16px 4px;
  }
  .doc-title .property-name{
    font-size:22px;
    font-weight:700;
    letter-spacing:.04em;
    color:var(--navy);
  }
  .doc-title .property-sub{
    font-size:12px;
    letter-spacing:.15em;
    color:var(--text-sub);
    margin-top:4px;
  }

  .section-bar{
    background:linear-gradient(120deg, var(--navy) 0%, var(--navy-light) 55%, var(--navy) 100%);
    color:#fff;
    font-size:15px;
    font-weight:700;
    letter-spacing:.05em;
    padding:10px 16px;
    margin:26px 16px 0;
  }
  .section-bar.sub{
    background:var(--navy-light);
    font-size:14px;
  }

  table.spec{
    width:calc(100% - 32px);
    margin:0 16px 0;
    border-collapse:collapse;
    border:2px solid var(--border-strong);
  }
  table.spec:last-of-type{margin-bottom:26px;}
  table.spec col.label-col{width:22%;}
  table.spec col.value-col{width:78%;}

  table.spec th, table.spec td{
    border:1px solid var(--border-soft);
    padding:10px 14px;
    font-size:13.5px;
    line-height:1.7;
    vertical-align:middle;
    text-align:left;
  }
  table.spec th{
    background:var(--label-bg);
    font-weight:500;
    color:var(--text-main);
    white-space:nowrap;
    width:22%;
  }
  table.spec td{
    color:var(--text-main);
  }
  table.spec td.wrap-cell{
    white-space:pre-line;
  }
  table.spec td.empty-cell{
    color:var(--text-sub);
  }

  .disclaimer-table td{
    font-size:12px;
    line-height:1.85;
    color:var(--text-sub);
  }

  .footer-note{
    text-align:center;
    font-size:11px;
    color:var(--text-sub);
    padding:18px 16px 26px;
  }

  @media (max-width:600px){
    body{padding:16px 8px 40px;}
    .doc-title .property-name{font-size:18px;}
    table.spec, .section-bar{width:auto;}
    table.spec col.label-col{width:32%;}
    table.spec col.value-col{width:68%;}
    table.spec th, table.spec td{font-size:12.5px;padding:8px 10px;}
  }

  /* stacked layout for very narrow screens */
  @media (max-width:420px){
    table.spec, table.spec thead, table.spec tbody, table.spec tr, table.spec th, table.spec td{
      display:block;
      width:auto !important;
    }
    table.spec tr{border-bottom:1px solid var(--border-soft);}
    table.spec th{
      border-bottom:none;
      padding-bottom:4px;
    }
    table.spec td{
      border-top:none;
      padding-top:4px;
    }
  }