/* ══════════════════════════════════════════════
   会社情報ページ専用スタイル
   ・common.css を読み込んだ「後」に読むこと
   ・すべての指定が .company-page の中だけに効く
   ══════════════════════════════════════════════ */

/* ── 左右2分割。狭い画面では上下に積む ────────────── */
.company-page .cmp-split{
  display:grid;
  gap:0;
}
@media(min-width:860px){
  .company-page .cmp-split{grid-template-columns:clamp(210px,22vw,270px) 1fr}
}

/* ── 左：3つのメニュー ──────────────────────── */
.company-page .cmp-side{
  display:flex;flex-direction:column;
  border-bottom:1px solid var(--line);
  background:rgba(23,48,31,.5);
}
@media(min-width:860px){
  .company-page .cmp-side{
    border-bottom:0;border-right:1px solid var(--line);
    position:sticky;top:calc(var(--hdr-total) + 1px);align-self:start;
  }
}
.company-page .cmp-tab{
  display:grid;grid-template-columns:auto 1fr;gap:.15rem .8rem;
  align-items:center;text-align:left;
  padding:clamp(14px,1.8vw,20px) clamp(14px,2vw,22px);
  border:0;border-bottom:1px solid var(--line);
  background:transparent;color:var(--sand);
  font-family:inherit;cursor:pointer;
  transition:background .18s ease,color .18s ease;
}
.company-page .cmp-tab:last-child{border-bottom:0}
.company-page .cmp-tab .n{
  grid-row:1 / span 2;
  font-family:"Roboto Mono",monospace;font-size:.7rem;
  letter-spacing:.14em;color:var(--moss);
}
.company-page .cmp-tab .t{font-weight:700;font-size:clamp(.95rem,1.6vw,1.05rem);line-height:1.4}
.company-page .cmp-tab .e{
  font-family:"Roboto Mono",monospace;font-size:.58rem;
  letter-spacing:.2em;text-transform:uppercase;color:var(--moss);
}
.company-page .cmp-tab:hover{background:rgba(232,100,30,.1)}
.company-page .cmp-tab.is-on{background:rgba(232,100,30,.16)}
.company-page .cmp-tab.is-on .t{color:var(--mud-lt)}
.company-page .cmp-tab.is-on .n{color:var(--mud-lt)}

/* 選んでいる項目に印を付ける */
.company-page .cmp-tab.is-on{box-shadow:inset 3px 0 0 var(--mud)}
@media(max-width:859px){
  .company-page .cmp-tab.is-on{box-shadow:inset 0 -3px 0 var(--mud)}
}

/* ── 右：中身 ────────────────────────────── */
.company-page .cmp-main{padding:clamp(20px,3.2vw,44px)}
.company-page .cmp-pane[hidden]{display:none}
.company-page .cmp-pane h1{
  margin:.35rem 0 0;font-weight:900;
  font-size:clamp(1.6rem,3.6vw,2.5rem);line-height:1.35;
}
.company-page .cmp-pane h1 em{font-style:normal;color:var(--mud-lt)}
.company-page .cmp-pane .lede{margin:1rem 0 2rem}

/* ── 会社概要の表 ───────────────────────── */
.company-page .cmp-tbl{width:100%;border-collapse:collapse;font-size:.95rem}
.company-page .cmp-tbl th,
.company-page .cmp-tbl td{
  padding:.9rem 1rem;border-bottom:1px solid var(--line);
  text-align:left;vertical-align:top;
}
.company-page .cmp-tbl th{
  width:clamp(90px,18%,150px);
  color:var(--moss);font-family:"Roboto Mono",monospace;
  font-size:.68rem;letter-spacing:.14em;font-weight:500;
  text-transform:uppercase;white-space:nowrap;
}
.company-page .cmp-tbl .sub{display:block;margin-top:.35rem;font-size:.86rem;color:#B2B0A5;line-height:1.75}

/* まだ埋めていない箇所が一目で分かるようにする */
.company-page .cmp-todo{
  color:#B2B0A5;
  border-bottom:1px dashed var(--mud);
}

/* ── 文章のかたまり（プライバシーポリシー） ────────── */
.company-page .cmp-doc h2{
  margin:2rem 0 .7rem;font-weight:700;
  font-size:clamp(1rem,1.9vw,1.15rem);color:var(--mud-lt);
}
.company-page .cmp-doc h2:first-child{margin-top:0}
.company-page .cmp-doc p{margin:0 0 .8rem;max-width:38em}
.company-page .cmp-doc ul{margin:0 0 .8rem;padding-left:1.2em;max-width:38em}
.company-page .cmp-doc li{margin-bottom:.4rem}
.company-page .cmp-rev{
  margin-top:2rem;font-family:"Roboto Mono",monospace;
  font-size:.68rem;letter-spacing:.14em;color:var(--moss);
}

/* ── 補足の囲み ───────────────────────────── */
.company-page .cmp-note{
  margin-top:2rem;padding:1.1rem 1.3rem;
  border:1px solid var(--line);border-left:3px solid var(--mud);
  background:rgba(23,48,31,.5);
}
.company-page .cmp-note .l{
  margin:0 0 .5rem;font-family:"Roboto Mono",monospace;
  font-size:.62rem;letter-spacing:.2em;color:var(--mud-lt);text-transform:uppercase;
}
.company-page .cmp-note p{margin:0 0 .5rem;font-size:.94rem}
.company-page .cmp-links{margin:1.2rem 0 0}
.company-page .cmp-links a{color:var(--mud-lt);font-weight:700}
.company-page .cmp-links a.btn{color:inherit}
.company-page .cmp-sub{margin-top:.9rem;font-size:.88rem;color:#B2B0A5}

/* ── 募集のかんたんな箇条書き ──────────────────── */
.company-page .cmp-points{list-style:none;padding:0;margin:0 0 1.4rem}
.company-page .cmp-points li{
  display:grid;gap:.15rem .9rem;
  padding:.85rem 0;border-bottom:1px solid var(--line);
  font-size:.95rem;
}
@media(min-width:560px){
  .company-page .cmp-points li{grid-template-columns:6.5em 1fr;align-items:baseline}
}
.company-page .cmp-points .k{
  font-family:"Roboto Mono",monospace;font-size:.66rem;
  letter-spacing:.14em;color:var(--moss);text-transform:uppercase;
}