訪問看護ステーション（可愛い系）

会話の順番

質問1 退院の不安 → 質問2 できること（6項目）→ 〔写真の帯：町〕→ 質問3 ある一日（黄色の帯・B08）→ 質問4 スタッフ（Swiper）→ 〔写真の帯：相談〕→ 質問5 ご利用までの流れ → 質問6〜8 料金・ケアマネ・家の中を見られるのが不安 → ご相談（オレンジの帯・電話とフォーム）。スマホは画面の下に「電話する・相談する」を固定。

色と書体（共通の変数名13個だけ）

--c-bg（たまご色）--c-bg-alt --c-text --c-sub --c-line --c-accent（オレンジ。上の文字は濃い茶 --c-on-accent）--c-accent-text --c-2（黄）--c-3（濃い茶・縁と影）--font-ja／--font-head（M PLUS Rounded 1c）--font-en（Comfortaa＋日本語の書体）。手書きの書体は --font-hand（足した変数）。 色の帯は .t-yellow（ある一日）・.t-orange（ご相談）・.band--cream が同じ名前の変数を全部上書きする。吹き出しの色は color-mix() で変数から作る。script.js に色は無い。

動かないとき

JS なし：写真・事業名は最初から完成した状態（animation は CSS なので動くが、止めても読める）、Swiper は指で送れる並び。prefers-reduced-motion：せり上がりもグラデも止まり、自動送りもしない。

写真の出どころ

新しく作る：hero（居間で手を取り合う。顔の1枚）。写真庫から（画像を開いて確かめた）：027 家（house。町を回る帯）・026 相談（talk。相談の帯）。使わなかった：024 手を重ねる夫婦（相続の封筒の絵で訪問看護に合わない）・052 介護施設（施設の中で「おうちに伺う」と合わない）・026 チーム（ノートパソコンで会議をする人で看護に見えない）。スタッフは顔写真でなく SVG のイラスト。

外した型と理由

D04（背景の線の模様を違う速さで動かす）：主役がメインビジュアルのほかにもう1つ増えるので外した。

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

• 1列のまま。PC でも段組みにしない（帯は端まで、会話は 760px まで）。質問は左・答えは右
• 見出しは M PLUS Rounded 800、ひとことは Zen Kurenaido。縁は 3px の濃い茶、角丸 24〜28px
• 料金・スタッフ・お客様の声・指定番号は見本の値（〇〇）。会員が本物に替える。医療保険・介護保険の書き方は、実際の制度に合わせて書き直す