小児科（ポップ・元気／かわいい）

だれに向けたページか

子どもの急な発熱や予防接種で、近くの小児科を探している親。スマホで片手で見ることが多い。 「ここなら子どもが泣かずに行けそう」と思える明るさと、診療時間・予約がすぐ分かること。

色

文字

• 見出し：Mochiy Pop One
• 手書き（ペン先が書く文）：Yusei Magic
• 本文：Zen Maru Gothic 16px

ページの構成と演出

全体（B08）：PC（1080px以上）では画面を3列に分け、左右を固定した「舞台」にする。

• 左の舞台：ロゴ・くまの切り抜き・メニュー（いまの区切りに印）
• 右の舞台：「きょうの診療時間」と大きな「WEB予約」「電話」ボタン
• 中央：スマホと同じ幅（最大440px）の本文だけが流れる。左右の舞台は波の縁で中央と分かれる

中央の本文（スマホではこれがそのままページ）：

1. メインビジュアル：待合室の写真の下を波の縁（F03）で切り、「こわくない、びょういん。」
2. はじめての方へ（E06）：ペン先のアイコンが文を書いていき、「予約なしでも」「熱がある子は別のお部屋」に黄色い蛍光ペンが引かれる
3. 診療時間：表（ちぎれ紙の縁の白いカード）
4. 診療内容：一般診療・予防接種・乳幼児健診・アレルギー。色の丸アイコン
5. 熱があるとき：別の入口と待合室の写真。波の縁で黄色の区切り
6. 子どもが行きたくなる工夫：シールの写真、子どもの切り抜きが波の縁からのぞく
7. アクセス・フッター

動きの決まり

• JSや GSAP が無いとき：文字は最初から全部書かれていて、蛍光ペンも最初から引かれている。左右の舞台は CSS の position: sticky だけで固定されるので、JSが無くても3列のまま
• prefers-reduced-motion のときは、ペンも下線も動かない（最初から引かれた状態）
• ゆれ続けるものは置かない。くまが読み込み時に1回だけ弾む

医療で気をつけること

• 診療時間・医師名・予防接種の種類は見本の値。会員が本物に替える
• 患者さんの体験談は載せない（医療広告ガイドライン）

写真（codex）

待合室／診察室／子どもの後ろ姿（切り抜き）／くま（切り抜き）／発熱の子の待合室／シールを貼る手／外観、の7枚。顔は写さない。

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

• PCは必ず3列（左右の舞台は全ページ共通）。中央の本文は440pxまで
• 区切りの縁は「波」か「ちぎれ紙」。1ページに4つまで
• 蛍光ペンは1区切りに2か所まで（いちばん伝えたい言葉だけ）