@charset "UTF-8";

/* =========================================================
   運営会社ページ専用スタイル
   ../styles.css の後に読み込む。既存トークン
   （--c-brown / --c-body など）をそのまま使用し、
   このページでしか使わないクラスだけを定義する。
   → 共有の styles.css には手を加えていない。
   見た目は privacy/privacy.css の本文まわりと同じ設計。
   ========================================================= */

.cp {
  width: 79.426%;                    /* 332 / 418 ＝ 既存セクションと同じ左右余白 */
  padding: 100px 0 8px;              /* 上は固定ヘッダー（64px）分を確保 */
  color: var(--c-body);
}

/* ---------- 見出し ---------- */
.cp__head {
  padding-bottom: 8px;
}

.cp__title {
  font-size: clamp(20.5px, 5.74vw, 24px);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 1.26px;
  text-align: center;
  color: var(--c-brown);
}

/* ---------- 本文（囲み枠なしのプレーンテキスト） ---------- */
.cp__body {
  margin-top: 34px;
  font-size: clamp(14px, 3.59vw, 15px);
}

.cp__body p {
  line-height: 1.95;
}

/* 項目どうしは軽く離す */
.cp__body > * + * {
  margin-top: 12px;
}

/* 「事業内容：」とその箇条書きは、ひとかたまりに見せる */
.cp__group p + p {
  margin-top: 0;
}
