@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap');

/* ===== 共通：読みやすさ強化 ===== */
.table-section { overflow-x: auto; }
.styled-table-chap10 th, 
.styled-table-chap10 td {
  word-break: normal;
  overflow-wrap: anywhere;      /* 長い語や（）内の数値も気持ちよく折り返す */
  line-height: 1.5;
}

/* ===== スマホ最適化 ===== */
@media (max-width: 640px) {

  /* 1) 「建築物等と保安距離」：左（対象）広め、右（距離）狭め */
  .styled-table-chap10.sd-distance {
    table-layout: auto;         /* 固定幅→自動にして内容に合わせる */
  }
  .styled-table-chap10.sd-distance thead th:nth-child(1),
  .styled-table-chap10.sd-distance tbody th[scope="row"] {
    width: 68%;
  }
  .styled-table-chap10.sd-distance thead th:nth-child(2),
  .styled-table-chap10.sd-distance tbody td:nth-child(2) {
    width: 32%;
    white-space: nowrap;        /* 「3m以上（水平距離）」などを1行に */
  }

  /* 2) 「保安距離が必要な製造所等」：No.を細く、区分を広く */
  .styled-table-chap10.sd-need {
    table-layout: auto;
  }
  .styled-table-chap10.sd-need thead th:nth-child(1),
  .styled-table-chap10.sd-need tbody th[scope="row"] {
    width: 4.5rem;              /* No.は細く固定 */
    text-align: right;
    white-space: nowrap;
  }
  .styled-table-chap10.sd-need thead th:nth-child(2),
  .styled-table-chap10.sd-need tbody td:nth-child(2) {
    width: auto;                /* 残りを全部使って見出しを広げる */
  }

  /* 行間と余白を少しタイトにして情報密度UP（指でのタップ性は確保） */
  .styled-table-chap10 th, 
  .styled-table-chap10 td {
    padding: 0.6rem 0.7rem;
    font-size: 0.95rem;
  }
}