弁護士事務所（離婚・相続）（綺麗系・ページ全体が横に動く）

だれに向けたページか

離婚や相続で、家族のことをだれにも相談できずにいる30〜70代。 強い言葉で煽らず、静かで、品があって、秘密が守られそうと感じさせる。

色

文字

• 見出し：Hina Mincho（細い明朝）。字間を広く。大見出しは縦書き
• 英字・番号：Gilda Display
• 本文：Noto Sans JP 16px・行の高さ 2.0

ページの構成と演出（PCでは左から右へ6枚の面）

1. 01 メインビジュアル（A07・分割）：縦長の写真3枚（藤色の花・2つの湯のみ・古い鍵）を並べ、時間差でゆっくり拡大。中央に縦書き「こじれた糸を、ていねいにほどく。」
2. 02 ごあいさつ：縦書きの見出しと短い文。細い線で区切る
3. 03 取扱分野（C02・Swiper）：写真のカード5枚が円柱の内側に貼られたようにたわんで横に流れる。下に定規の目盛り。点・矢印・キーボード
4. 04 よくあるお悩み（A10）：小さなカード8枚が面の外周を囲み、中央に「ひとりで、抱えこまないで。」とボタン
5. 05 費用：細い線の表（料金は〇〇）
6. 06 ご相談・アクセス：濃い紫の面。予約ボタンと電話
7. フッター（横の面のあと、縦に）

動きの決まり

• 動きは遅く（1.2〜1.6秒）、power2.out か none。跳ねない
• 横に進むのは PC（1080px 以上）で JS が動くときだけ。スマホと JSなし・prefers-reduced-motion は縦に並ぶ
• Swiper は自動送りしない（綺麗系なのでゆっくり自分で見る）。JSなしでは指で横に送れる並び
• 画面全体を揺らす・回す動きはしない（円柱のたわみは最大18度）

写真

新しく作る：藤色のアイリス／2つの湯のみ／古い鍵と手紙（3枚ともメインビジュアル）。 写真庫から：023-law の meeting・books・pen・entrance、024-tax の consult。

数字・声について

費用・電話番号・住所・登録番号は見本の値（〇〇）。会員が本物に替える。弁護士の広告の決まり（誇大な表現をしない）に合わせて文を直すこと。

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

• 下層は縦スクロール（横に動くのはトップだけ）
• 大見出しは Hina Mincho の縦書き、英字は Gilda Display の小さな添え字
• 濃い紫の面は1ページに1回まで