/* --条文 --*/
/* コンテナ：max-widthを削除し、親要素いっぱいに広がるように修正 
    */
    .law-container {
      width: 100%;
      box-sizing: border-box; /* パディングを含めて横幅100%にする指定 */
      background: #ffffff;
      padding: 20px 30px 10px 30px;
      border-radius: 12px;
      box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.05), 0 2px 4px -2px rgb(0 0 0 / 0.05);
    }

    /* ==========================================================================
       タイトル・見出しまわり
       ========================================================================== */
    .law-header {
      border-bottom: 2px solid #e2e8f0;
      padding-bottom: 16px;
      margin-bottom: 32px;
    }

    .law-title {
      font-size: 1.5rem;
      font-weight: 700;
      color: #0f172a;
      margin: 0 0 8px 0;
      display: flex;
      align-items: center;
      gap: 12px;
    }

    /* 「地絡遮断装置の施設」の左につくアクセントライン */
    .law-title::before {
      content: "";
      display: inline-block;
      width: 4px;
      height: 24px;
      background-color: #d97706; /* ゴールド/アンバー */
      border-radius: 2px;
    }

    .law-meta {
      font-size: 0.875rem;
      color: #64748b;
      font-weight: 500;
    }

    /* ==========================================================================
       条文構造レイアウト
       ========================================================================== */
    .law-section {
      margin-bottom: 32px;
    }

    /* 第36条、2、3 などの本項 */
    .law-main-text {
      font-size: 1rem;
      font-weight: 500;
      color: #1e293b;
      margin-bottom: 16px;
      text-indent: -1em;
      padding-left: 1em;
    }
    
    .law-main-text .article-number {
      font-weight: 700;
      color: #0f172a;
      margin-right: 8px;
    }

    /* 号（一、二、三...）のリスト構造 */
    .law-list-item {
      font-size: 0.95rem;
      font-weight: 400;
      color: #334155;
      margin-top: 12px;
      padding-left: 2em;
      text-indent: -2em;
      position: relative;
    }

    /* 子階層（イ、ロ、ハ...）を包む枠 */
    .law-sub-list {
      margin: 8px 0 16px 2em;
      padding-left: 16px;
      border-left: 2px solid #cbd5e1;
      text-indent: 0;
    }

    .law-sub-item {
      margin-bottom: 6px;
      padding-left: 1.5em;
      text-indent: -1.5em;
      font-size: 0.9rem;
      color: #475569;
    }

    /* 強調（注意を引く条件など） */
    .highlight {
      background: linear-gradient(transparent 60%, #fef08a 60%);
      font-weight: 600;
    }

    /* ==========================================================================
       備考・注記用スタイル
       ========================================================================== */
    .law-note-box {
      background-color: #f1f5f9;
      border-left: 4px solid #64748b;
      padding: 16px 20px;
      margin: 24px 0;
      border-radius: 0 8px 8px 0;
      font-size: 0.875rem;
      color: #475569;
    }

    /* (備考) の文字部分 */
    .law-note-box .note-label {
      font-weight: 700;
      color: #334155;
      margin-right: 4px;
    }

    /* 区切り線 */
    .law-divider {
      border: 0;
      border-top: 1px dashed #cbd5e1;
      margin: 32px 0;
    }

    /* レスポンシブ対応（スマホ閲覧時） */
    @media (max-width: 640px) {
      .law-container {
        padding: 24px 20px;
      }
      .law-title {
        font-size: 1.25rem;
      }
    }

/* ==========================================================================
       親要素いっぱいに広がるテーブル（表）スタイル
       ========================================================================== */
    .law-table-wrapper {
      width: 100%;
      box-sizing: border-box;
      margin: 24px 0;
      overflow-x: auto; /* スマホなどの横スクロール対応 */
    }

    .law-table-caption {
      font-size: 0.95rem;
      font-weight: 700;
      color: #0f172a;
      margin-bottom: 12px;
      display: flex;
      align-items: center;
      gap: 8px;
    }

    /* 表タイトルの左につく小さなゴールドライン */
    .law-table-caption::before {
      content: "";
      display: inline-block;
      width: 3px;
      height: 16px;
      background-color: #d97706;
      border-radius: 1.5px;
    }

    .law-table {
      width: 100%;
      border-collapse: collapse;
      font-size: 0.9rem; /* 条文より一回り小さくしてデータ表としての美しさを確保 */
      text-align: left;
      background-color: #ffffff;
    }

    /* テーブルヘッダー（一番上の行） */
    .law-table th {
      background-color: #1e293b; /* ディープネイビー */
      color: #ffffff;
      font-weight: 600;
      padding: 14px 16px;
      border: 1px solid #1e293b;
      line-height: 1.5;
    }

    /* テーブルデータ（各セル） */
    .law-table td {
      padding: 16px;
      border: 1px solid #e2e8f0; /* 淡いグレーの境界線 */
      color: #334155;
      vertical-align: top; /* 上揃えで読解しやすく */
      line-height: 1.7;
    }

    /* 各列の幅をコンテンツ量に応じて黄金比率で最適化（25% : 25% : 50%） */
    .law-table th:nth-child(1), .law-table td:nth-child(1) { width: 25%; }
    .law-table th:nth-child(2), .law-table td:nth-child(2) { width: 25%; }
    .law-table th:nth-child(3), .law-table td:nth-child(3) { width: 50%; }

    /* 行ホバー時のうっすらとした背景変化 */
    .law-table tbody tr:hover {
      background-color: #f8fafc;
    }