共通スタイルはページ先頭のカスタムHTMLブロックにまとめてあります。各ブロックでは「クラスを付ける」「数値を上書きする」の2ステップだけで変更できます。

1. 円グラフ

• 対象ブロックの「追加CSSクラス」に c-disc を付与
• カスタムCSSで --c-disc-percent に 0〜100 を指定（角度は自動換算）
• 色を変える場合は --c-disc-fill / --c-disc-remainder を上書き
• 中央の数字はグラフ内のテキストブロックを直接編集

/* 78%（primaryカラー） */
selector{
  --c-disc-percent: 78;
}

/* 100%（黒い単色円） */
selector{
  --c-disc-percent: 100;
  --c-disc-fill: #0b0e12;
}

2. 棒グラフ

棒グラフは2〜3カラムブロックで構成されています。ブロックを選択し、右サイドバーの「カラム設定」から各カラムの幅（％）を変更してください（例：給与還元率を 70% にしたい場合は、真ん中の白のカラムを削除し、左カラム 70% / 右カラム 30%）。色は各カラムの背景色で設定してください。

3. 共通CSS（編集不要・参考）

サイズや配色ロジックはページ先頭のカスタムHTMLブロックの <style> に定義済み。新しい配色テーマを追加したいときだけここを編集してください。