@charset "UTF-8";
/* ==========================================================================
   pages/company.css — 会社情報配下（p-系）（SPD-v2）
   ========================================================================== */

/* 会社概要の表（固定ページ本文＝WPのテーブルブロック出力を .c-table と同じ見た目にする）
   1列目（td）を見出しセルとして扱う。WP出力のクラスには触らず、親の .p-outlineBody から子孫セレクタで当てる
   ========================================================================== */
.p-outlineBody {
  & figure { margin: 0; }

  /* WP本体のテーブルブロックCSS（セルの罫線・余白）に負けないよう、table を挟んで詳細度を上げ、罫線と余白を明示的に上書きする */
  & table {
    inline-size: 100%;
    border: 0;
    border-collapse: collapse;
    border-block-start: 1px solid var(--cl-green-dk);
    font-size: var(--fs-m);
    line-height: 1.8;

    & :is(th, td) {
      display: block;
      padding: 1.2rem 0;
      border: 0;
      text-align: start;
      vertical-align: top;
    }

    & :is(th, td):first-child {
      padding-block-end: 0;
      color: var(--cl-green-dk);
      font-weight: 700;
    }

    & :is(th, td):last-child { border-block-end: 1px solid var(--cl-ln); }

    /* セル内の箇条書き（沿革など）。先頭の <strong> を年月として左に置く */
    & td ul {
      display: grid;
      gap: 0.6rem;
      margin: 0;
      padding: 0;
      list-style: none;
    }

    & td li {
      display: grid;
      gap: 0 1.6rem;
    }

    & td li strong {
      color: var(--cl-green-dk);
      font-variant-numeric: tabular-nums;
    }

    @media print, screen and (min-width: 640px) {
      & :is(th, td) {
        display: table-cell;
        padding: 2rem 2.4rem;
        border-block-end: 1px solid var(--cl-ln);
      }

      & :is(th, td):first-child {
        inline-size: 24rem;
        background-color: var(--cl-bggr);
      }

      & td li { grid-template-columns: 10rem minmax(0, 1fr); }
    }
  }
}