css
@charset "UTF-8";
/* =========================================================
   個人情報保護方針
   本文は https://www.cloudpoint.co.jp/privacy/ の #main を JS で #privacy に挿入
   → コーポレートサイトのクラス名に依存しないよう、タグ名で指定
   ========================================================= */

.page-privacy { padding-top: 0 !important; }

/* 外枠（挿入後は #privacy の中身が置き換わるため、余白は #privacy 自身に持たせる） */
#privacy {
  background: var(--c-qa-bg);
  padding: 80px max(40px, calc((100% - 995px) / 2)) 140px;
  color: #fff;
  font-size: 16px; font-weight: 400; line-height: 1.3; letter-spacing: .08em;
}

/* 見出し */
#privacy h1 { margin: 0 0 30px; font-size: 32px; font-weight: 700; line-height: 1.5; letter-spacing: .05em; text-align: center; }
#privacy h2 { margin: 0 0 20px; font-size: 18px; font-weight: 700; letter-spacing: .08em; }
#privacy h3 { margin: 30px 0 10px; font-size: 18px; font-weight: 700; letter-spacing: .08em; }
#privacy h4 { margin: 1.3em 0 0; font-size: 16px; font-weight: 700; }

/* 本文 */
#privacy p { margin: 0; }
#privacy p + p { margin-top: 0; }
#privacy a { color: inherit; }

/* 表の下の説明文など（箇条書きの点は付けない） */
#privacy ul { margin: 0; padding: 0; list-style: none; }

/* 番号付きリスト */
#privacy ol { margin: 0; padding-left: 24px; list-style: decimal; }

/* 3．の表 */
#privacy table { width: 100%; margin: 3px 0 0; border-collapse: collapse; table-layout: fixed; line-height: 1.3; }
#privacy th, #privacy td { padding: 8px 10px 12px; border: 1px solid #fff; background: transparent; color: #fff; text-align: left; vertical-align: top; font-weight: 400; }
#privacy th { padding: 3px 10px 2px; line-height: 1.5; }
#privacy tr > :nth-child(1) { width: 31%; }
#privacy tr > :nth-child(2) { width: 28%; }

/* 「以上」を右寄せ（最後の段落） */
#privacy p:last-of-type { text-align: right; }

/* ---------- SP（〜767px） ---------- */
@media (max-width: 767px) {
  #privacy { padding: 50px 16px 70px; font-size: 14px; line-height: 1.6; letter-spacing: .04em; }
  #privacy h1 { margin-bottom: 24px; font-size: 24px; }
  #privacy h2, #privacy h3 { font-size: 16px; }
  #privacy h3 { margin-top: 26px; }
  #privacy h4 { font-size: 14px; }
  /* 表は横スクロール */
  #privacy table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; font-size: 13px; line-height: 1.5; }
  #privacy table tbody, #privacy table thead { display: table; min-width: 640px; width: 100%; table-layout: fixed; }
}