/**
 * File: page-policy.css
 * Usage: pages/page-policy.php（ポリシー系の固定ページ）のスタイル。
 * Design: figma「まーける様 / 8_コンテンツ制作・運営ポリシー」281-4198
 *
 * 本文（.bl_postContent）の見出し・段落の装飾は subp.css 側で定義（コラム・実績と共用）。
 * ここではページ固有のタイトルと本文カラム幅だけを持つ。
*/

.ly_policy {
  padding-block: 40px 80px;
  color: var(--c-dark);
}

/* 中央寄せのページタイトル（○ + 見出し） */
.bl_policy_ttl {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  font-size: clamp(1.125rem, 0.9107rem + 1.0714vw, 1.5rem); /* 18px → 24px */
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.03em;
  text-align: center;
}
.bl_policy_ttl .el_dot {
  width: 18px;
  height: 18px;
  border-width: 3px;
}

/* 本文カラム（デザイン実寸 880px） */
.bl_policy_body {
  max-width: 880px;
  margin-top: 40px;
  margin-inline: auto;
}

@media screen and (min-width: 768px) {
  .ly_policy {
    padding-block: 80px 120px;
  }
  .bl_policy_body {
    margin-top: 80px;
  }
}