整骨院・鍼灸院（信頼感・誠実／ナチュラル・やさしい）

だれに向けたページか

腰や肩がつらいまま我慢している40〜70代と、部活でけがをした学生の親。「どこに行けばいいか分からない」人。 話をよく聞いてくれそうな、落ち着いた院だと伝わるページにする。

色

深緑の面の上の文字は #e7efe6（10.5）か白。

文字

• 見出し：Zen Old Mincho（700）
• 本文：Noto Sans JP 16px・行の高さ 2.0
• 英字：EB Garamond

ページの構成と演出

1. メインビジュアル（演出① F04）：大きなアーチの形に切り抜いた施術室の写真が、下から形ごと伸びて現れる。横に小さな丸の写真。「からだの声を、聞くところから。」
2. 院長のことば（演出② E02）：あいさつの文章。読み進めると、灰色の文字が1字ずつ深緑に染まる。強調句（「まず、お話を聞きます」など）だけ緑
3. こんなときに（演出③ B03）：PCでは左のアーチの写真を画面に止め、右の「腰・首と肩・ひざ・はり治療」の項目を読み進めると、左の写真が切り替わる。スマホは項目ごとに写真が並ぶ
4. 施術の流れ：4つの手順（F04 の小さな丸の写真）
5. 料金：保険の施術・自費の施術
6. 受付時間・アクセス：深緑の面
7. フッター

動きの決まり

• JSや GSAP が無いとき：アーチは最初から伸びきった形、文字は最初から深緑、写真は項目ごとに並ぶ。全部読める
• prefers-reduced-motion のときは、上と同じ「動かない版」
• 形が伸びる動きはゆっくり（1.4秒）。写真の切り替えはふわっと重ねるだけで、横に滑らせない

⚠️広告の決まり（会員に必ず伝える）

• 整骨院（柔道整復）と鍼灸院（あはき）は、看板やチラシなどの広告で書いてよい事項が法律で決まっている。ホームページの書き方も、会員が地域の保健所・最新の通知で確かめる
• 「治る」「必ず」などの言い切り、体験談、ほかの院との比較は書かない（見本でも書いていない）
• 保険が使えるのは、けが（骨折・脱臼・打撲・ねんざ・挫傷）など決まった場合だけ。料金欄の書き方は会員が確かめる
• 料金・受付時間・資格の年数は見本の値（〇〇）。会員が本物に替える

写真（codex）

施術室・腰・首と肩・ひざ・はり・テーピング・待合・道具、の8枚。顔は写さない。

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

• 見出しは Zen Old Mincho、上に EB Garamond のイタリックの英字を1語
• 写真はアーチか丸で切り抜く。四角い写真は1ページに1枚まで
• 深緑の面は1ページに1回まで