Tablet View
appeal_003
appeal_003a
SP View
appeal_003
appeal_003a
appeal_003
appeal_003a
appeal_003
appeal_003a
appeal_003
大きめの写真と文字を左右に互い違いに配置。スマホでは写真が上にくるようにちょっとした細工をしています。
アピールしたい項目を大きめの写真で詳細に誘導するようなブロック。左：写真＋右：文字の繰り返しだと単調になりがちなので、写真位置を左右互い違いにできるように２つのバリエーションで用意しました。
スマホで写真が下になるバージョンもあります（appeal_003b、appeal_003c）
- 目次ブロックでカラム１・カラム２の幅をCSSで指定しています。
- 反転（appeal_003a）は、パソコンの時画像をfloat:rightで右寄せしています。
- スマホの時、文字が上（画像が下）になるバージョン（appeal_003b、appeal_003c）も１つのデータに入っています。
appeal_003
appeal_003a
appeal_003
appeal_003a