/* =========================================================
   renewal/company.css — 会社情報（company/index）。目次と本文の 2 カラム（.p-co__*）は採用・プライバシーポリシーでも使う
   左：目次（追従）／右：会社概要・グループ会社・オフィス・メンバー
   読み込み順：about.css の「後」
   ========================================================= */

.r-sec.p-co__body{padding:0 0 80px}  /* 上は hero の下（80／64px）だけ、下は 80／64px（メンバー一覧と同じ） */
@media(max-width:959px){.r-sec.p-co__body{padding-bottom:64px}}
/* 採用：ページの外枠の下の余白（main.css の 96／120px）は使わない */
.p-rc.l-layout__content{padding-bottom:0}
/* ds-allow:column-gap -- 採用・企業情報の目次と本文のあいだは、指示で 64px（changelog の 13） */
.p-co__layout{display:grid;grid-template-columns:var(--cols-1-3);gap:64px;align-items:start}

/* 目次 */
.p-co__toc{position:sticky;top:120px}
.p-co__toc ol{margin:0;padding:0;list-style:none;border-top:1px solid var(--color-line)}
.p-co__toc li{border-bottom:1px solid var(--color-line)}
/* 目次のリンク（ol の中だけ。目次の下のボタンには当てない）。ふだんは 400、ホバーと現在地（is--current）は 700 */
.p-co__toc ol a{display:flex;align-items:baseline;gap:14px;padding:16px 4px;font-family:var(--font-copy);font-size:var(--fs-14);font-weight:var(--fw-regular);color:var(--color-text);text-decoration:none}
.p-co__toc ol a b{font-family:var(--font-num);font-size:var(--fs-12);font-weight:inherit;letter-spacing:var(--tracking);color:var(--color-text)}
.p-co__toc ol a:hover,.p-co__toc ol a:focus-visible,.p-co__toc ol a.is--current{font-weight:var(--fw-bold)}

/* 右カラム */
/* 目次から飛んだとき、見出しの上端を左の目次の上端（sticky の top:120px）にそろえる */
.p-co__block{scroll-margin-top:120px}
/* セクションの区切り：罫線は引かず、余白だけで分ける（余白はセクションの外に置く。内側に置くと飛んだ先が下にずれる） */
.p-co__block + .p-co__block{margin-top:96px}
.p-co__head{margin:0 0 28px}
.p-co__label{margin:0 0 10px;display:flex;gap:14px;align-items:baseline}
.p-co__title{margin:0;font-family:var(--font-copy);font-size:var(--fs-display-2);font-weight:var(--fw-bold);line-height:1.35;letter-spacing:var(--tracking)}
.p-co__text{margin:0 0 28px;font-size:var(--fs-16);line-height:2}

/* 会社概要 */
.p-co__table{margin:0}
.p-co__table div{display:grid;grid-template-columns:240px minmax(0,1fr);gap:24px;padding:20px 0;border-bottom:1px solid var(--color-line-subtle)}
.p-co__table dt{font-size:var(--fs-14);font-weight:var(--fw-bold);color:var(--color-text)}
.p-co__table dd{margin:0;font-size:var(--fs-16);line-height:1.9}
.p-co__map{display:inline-block;margin-left:14px;font-size:var(--fs-13);font-weight:var(--fw-bold);color:var(--color-text)}

/* グループ会社 */
.p-co__group{margin:0;padding:0;list-style:none;border-top:1px solid var(--color-line)}
.p-co__group li{border-bottom:1px solid var(--color-line)}
.p-co__group a{position:relative;display:grid;grid-template-columns:240px minmax(0,1fr) 36px;gap:24px;align-items:center;padding:24px 0;color:var(--color-text);text-decoration:none}
/* 社名はロゴ（/assets/images/group/。現行サイトの会社情報と同じ画像）。高さをそろえ、幅は各ロゴの比率のまま */
.p-co__groupLogo{display:flex;align-items:center;min-width:0}
.p-co__groupLogo img{display:block;width:auto;max-width:100%;height:28px}
.p-co__groupText{font-size:var(--fs-14);line-height:1.85;color:var(--color-text)}

/* オフィス 2列×4段 */
.p-co__office{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.p-co__office li{overflow:hidden;aspect-ratio:3/2;border-radius:var(--r-card);background:var(--color-bg-hover)}
.p-co__office img{display:block;width:100%;height:100%;object-fit:cover}
.p-co__address{margin:20px 0 0;font-size:var(--fs-14);color:var(--color-text)}

/* メンバー 4名 */
.p-co .r-more{margin-top:32px}

@media(max-width:999px){
  .p-co__layout{grid-template-columns:1fr;gap:40px}
  .p-co__toc{position:static}
  /* 目次が上に来る幅：固定ヘッダー（56px）の下に少し空けて止める */
  .p-co__block{scroll-margin-top:80px}
  .p-co__toc ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px}
}
@media(max-width:767px){
  .p-co__table div{grid-template-columns:1fr;gap:4px;padding:16px 0}
  .p-co__group a{grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;padding:20px 0}
  .p-co__groupLogo{grid-column:1}
  .p-co__groupLogo img{height:24px}
  .p-co__groupText{grid-column:1;font-size:var(--fs-14)}
  .p-co__groupArrow{grid-column:2;grid-row:1 / span 2}
  .p-co__office{gap:8px}
  .p-co__map{display:block;width:fit-content;margin:6px 0 0}
}
/* 会社概要：MOLTS と THE MOLTS の2社分の表 */
.p-co__tableTitle{margin:0 0 4px;padding-bottom:12px;border-bottom:1px solid var(--color-line-strong);font-family:var(--font-copy);font-size:var(--fs-heading-3);font-weight:var(--fw-bold);line-height:1.5}
.p-co__table + .p-co__tableTitle{margin-top:48px}
/* プライバシーポリシー（.p-pp）：作りは企業情報・採用と同じ（左に目次・右に本文。changelog の 22）。ここは本文の中の部品だけ */
/* 制定・改定日：hero の説明文の下 */
.p-pp__date{margin:16px 0 0;font-size:var(--fs-13);color:var(--color-text)}
.p-pp__h3{margin:40px 0 12px;font-family:var(--font-copy);font-size:var(--fs-heading-4);font-weight:var(--fw-bold);line-height:1.6;letter-spacing:var(--tracking)}
.p-co__head + .p-pp__h3{margin-top:0}
.p-pp__list{margin:0 0 28px;padding:0;list-style:none}
.p-pp__list li{position:relative;padding-left:1em;font-size:var(--fs-16);line-height:2}
.p-pp__list li::before{content:"・";position:absolute;top:0;left:0}
/* 外部送信の表：5 列。入りきらない幅では横にスクロール */
.p-pp__tableWrap{overflow-x:auto;margin:0 0 28px;border:1px solid var(--color-line);border-radius:var(--r-inner)}
.p-pp__table{width:100%;min-width:760px;border-collapse:collapse;font-size:var(--fs-13);line-height:1.7}
.p-pp__table th,.p-pp__table td{padding:12px 14px;border-bottom:1px solid var(--color-line-subtle);text-align:left;vertical-align:top}
.p-pp__table thead th{background:var(--color-bg-subtle);font-weight:var(--fw-bold);white-space:nowrap}
.p-pp__table tbody th{font-weight:var(--fw-bold);white-space:nowrap}
.p-pp__table tbody tr:last-child th,.p-pp__table tbody tr:last-child td{border-bottom:0}
.p-pp__table td:last-child{white-space:nowrap}

/* SP：ページ内の目次（採用ページでは中のエントリーボタンも）は出さない。下の固定ボタンがあるため（企業情報・採用・プライバシーポリシーで共通） */
@media(max-width:959px){.p-co__toc{display:none}}