@charset "UTF-8";
/* ============================================================
   info-1.css ― 情報Ⅰ 専用スタイル（追加部品のみ）
   デザイン本体は /subpage.css と /pc-basic/pc-basic.css を共用。
   ここには情報Ⅰ専用の追加部品（i1- プレフィックス）だけを置く。
   ============================================================ */

/* ---------- 表（データ表・比較表など） ----------
   使い方:
   <div class="i1-table-wrap">
     <table class="i1-table">
       <thead><tr><th>…</th></tr></thead>
       <tbody><tr><td>…</td></tr></tbody>
     </table>
   </div>
   横幅が入りきらない場合はラッパーが横スクロールする。 */
.i1-table-wrap{
  overflow-x:auto;
  margin:24px 0 30px;
  border:1px solid var(--pp-line);
  border-radius:var(--pp-radius);
}
.i1-table{
  width:100%;
  border-collapse:collapse;
  font-size:16px; /* .pcb-text と同等 */
}
.i1-table caption{
  padding:11px 16px;
  text-align:left;
  font-weight:700;
  border-bottom:1px solid var(--pp-line);
}
.i1-table th,
.i1-table td{
  padding:11px 16px;
  text-align:left;
  line-height:1.7;
  border-bottom:1px solid var(--pp-line);
}
.i1-table thead th{
  background:var(--pp-ink);
  color:#fff;
  font-weight:700;
  white-space:nowrap;
}
.i1-table tbody tr:last-child th,
.i1-table tbody tr:last-child td{
  border-bottom:none;
}
.i1-table tbody tr:nth-child(even){
  background:var(--pp-deep);
}
.i1-table tbody th{
  background:var(--pp-paper);
  color:var(--pp-ink);
  font-weight:700;
  white-space:nowrap;
}