UI に使う有彩色は #007a46 の深緑ひとつだけ。CSS 全文で 663 回登場し、リンク・見出し・円形ボタン・ピル CTA のすべてを担う。面は淡い緑と淡い青で作る。
#00b140 をブランド色と誤らないこと。uniqueBackgrounds では #007a46 と並んで 6 回出るが、実測した 6 要素はすべて OneTrust のボタン。ロゴの緑に近いので紛らわしいが、UI の面色は #007a46 だけ。
font-family の先頭に YakuHanJPs_Noto（約物だけのサブセット）を置き、残りを Noto Sans JP に落とす。さらに font-feature-settings: "palt" を body から全体に継承させる（実測 816 要素）。
YakuHanJPs は約物のグリフしか持たない。だから font-family の先頭に置いても、括弧・句読点以外は自動的に次の "Noto Sans JP" に落ちる。これが「約物だけ半角」を実現する仕組み。palt と役割が違うので両方入れる — 前者はグリフそのもの、後者はアキの詰め。
letter-spacing: 0.06em は「宣言は em、継承は px」。body の 16px で 0.96px に解決され、宣言のない子要素にはその px がそのまま降りてくる。14px の要素では 0.069em、24px の要素では 0.04em に相当する。子要素ごとに 0.06em を再宣言すると、大きい見出しほど実サイトより空く。
実装の不整合（実測）：下層ページ（/ja/company/philosophy/）の body は "Noto Sans JP", sans-serif だけで YakuHanJPs_Noto が抜けている。共通ヘッダー・フッターだけが前置を保っている。新規実装では統一すること。また実サイトの欧文指定は Jost, serif だが、Jost はサンセリフなので Jost, sans-serif が正しい。
16px / line-height: 2.0 / letter-spacing: 0.06em。UI の 1.3 との落差が、このサイトの読みやすさを作っている。
企業理念はパーパス（存在意義）、ビリーフス、DNA の三層で構成されています。日々の暮らしに寄り添う製品をつくる会社として、私たちが何のために存在し、何を信じ、何を受け継いできたのかを言葉にしたものです。
より良い習慣づくりで、人々の毎日に貢献する。
Purpose は、私たちが社会において果たす役割を示すものです。歯みがき、手洗い、洗濯——毎日くり返される小さな行為をより良いものに変えていくことが、私たちの仕事です。
DNA は、創業から受け継がれてきた想いであり、当社の基盤となる価値観です。創業者が掲げた「愛の精神」は、いまも製品づくりと人づくりの根底に流れています。
面の区別は #f3f8f6（淡緑）と #f2f6f9（淡青）で行う。box-shadow はサイト全体で 1 要素しか使われていない。
主要な導線は 54×54px の白丸に 2px の緑ボーダーで、ラベル view more は円の外に Jost で置く。角丸は 0px / 3px / 50px / 50% の 4 値しかない。
Pill は border-radius: 50px、円は 50%、スキップリンクだけ 3px、それ以外はすべて 0px。4px や 8px の角丸を使わないこと。
入力欄も border-radius: 0。フォーカスリングは Primary の深緑で、周囲に淡緑の面を回す。
オフセットを持たない 0 0 18px rgba(0,0,0,0.2) が追従ヘッダーにのみ掛かる。それ以外はすべてフラット。
階層は影ではなく面色（#f3f8f6 / #f2f6f9）と罫線で表す。カードに影を足さないこと。
全幅セクションの中に 1200px のコンテナを置き、読み物は 677px、中央寄せブロックは 900px に絞る。
ブレークポイントは 768px が主（CSS 全文で max-width: 768px が 111 回）。1000 / 1160 / 1200 / 1300px はコンテナ幅の微調整のみ。