耳鼻科（カッコイイ系・高級感）

だれに向けたページか

花粉症・副鼻腔炎・めまい・いびきに悩む20〜50代の働く人。待ち時間と説明の分かりやすさで選ぶ人。 病院らしいやさしさより、精密で信頼できる印象を、太い文字と青で出す。

色

D02 は body.is-night で変数を入れ替える（文字色も一緒に変わる）。

文字

• 見出し：Noto Sans JP 900（太く大きく）
• 英字・数字：Unbounded 700（幅の広い英字）
• 本文：Noto Sans JP 400・17px（スマホのまま大きめ）

ページの構成と演出

1. 読み込み（A06）：紺の幕に「000→100%」の数字と、耳の形のマスコット（音の波を出す線画）。1.2秒で幕が上がる。2回目以降と JSなしでは出さない
2. メインビジュアル（図形）：同心円の音の波が端から端まで広がり、中央に耳・鼻・のどの線画。太いコピー「聞こえる、を精密に。」
3. ごあいさつ：1列の大きな文字
4. 診療内容（B05）：耳・鼻・のど・アレルギー・いびきの5枚のカードが、スクロールで上に積み重なる（position: sticky。CSSだけ）
5. 検査と設備（D02）：ここに入るとページ全体が白から黒に反転。写真は端まで
6. 診療時間・予約：黒地のまま。表と予約ボタン
7. アクセス・フッター：白に戻る

動きの決まり

• JS・GSAP が無いとき：読み込みの幕は出ない。カードは CSS だけで積み重なる。反転する区切りは最初から黒の帯。全部読める
• prefers-reduced-motion のときは読み込みの幕を出さず、反転も帯のまま
• 動きは速く切れよく（0.3〜0.5秒）。揺れる・回る動きはしない

写真

新しく作る：診察室（紺の椅子と診療台）／検査の道具、の2枚。 写真庫から：受付（021）／滅菌パック（018）／相談の席（018）／外観（002）。

下層ページを作るときの決まり

• 1列のまま。文字の列は最大 720px、帯と写真は端まで
• 見出しは Noto Sans JP 900、数字は Unbounded
• 黒地の区切りは1ページに1回まで
• 診療時間・料金・医師名は見本の値（〇〇）。会員が本物に替える