01 中央寄せタイトル。ページ名と概要説明で使用
English Text 今回は作り上ページの頭でしか使用が想定されていないので、テーマもそのようにしています。本文中で何度も使用する場合は、テーマ修正の必要あり
02a キャッチ（背景画像あり）
背景画像を設置し、キャッチコピー等を記述するパーツです。
こちらも想定としては、ページ上部で一度のみ使用する想定の作りとなっています。（もちろんページ内で何度も使用できるように作り変えること可能）
02c キャッチ（背景画像あり）幅狭め
02b 左寄せタイトル English txt
03a 通常左寄せタイトル
03b 左寄せタイトルEnglish text
04a 中央寄せタイトル（下線）
04b 中央寄せタイトル（英語） English
06c 2カラムレイアウト（画像小・リンク付き）
小さい画像が入ります。
リンクを貼れば、ボタンが表示されます。
ダミータイトル
ダミーテキストダミーテキストダミーテキスト
07a アイコン表示
サービスの説明などに使用します。左寄せテキストのため、説明文箇所にはある程度の文章量が必要となります。
※cssにて調整は可能。text-align: centerなど。
ダミーテキスト
リンク等の設定はありませんが、追加は可能です。
ダミーテキスト
cssのスタイルの都合上、「カラム数選択」でクラスの切り分けを行っています。
07b アイコン表示（ラインあり）
ダミーテキストダミーテキスト
ダミーテキストダミーテキスト
| 08 テーブル見出し | 下線のみの簡単なtableレイアウトのパーツとなります。テーブルのレイアウトによって、拡張性はあります。 |
|---|---|
| テーブル見出し | スタイルにて調整が必要になります。ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキスト |
09 見出しやキャッチコピー扱いのテキスト
右側に画像、左に見出し・キャッチコピーおよびテキスト配置のレイアウトとなります。
キャッチコピーです。
2カラムレイアウト。画像・テキストのみです。リンクの設定等はありません。
ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキスト
10 メッセージの見出しで使用しています。代表者挨拶などでの使用が想定されます。 メッセージ見出しは太字になります。
ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキスト
11 住所に入力がある場合は、左右配置のレイアウト、画像がある場合は、縦の配置でレイアウトされるようにしています。
※両方に入力がある場合は想定していません。運用でカバーできる範囲かと思います。
11 画像が選択されている場合は、そのブロックをまとめての2カラム表示になります。
画像が選択されている場合は、そのブロックをまとめての2カラム表示になります。
12 特殊ケースです。あまり使用頻度は高くないと思います。
メッセージと似たような作りですが、スタイル調整のため使用したパーツとなります。
親譲りの無鉄砲で小供の時から損ばかりしている。小学校に居る時分学校の二階から飛び降りて一週間ほど腰を抜かした事がある。なぜそんな無闇をしたと聞く人があるかも知れぬ。別段深い理由でもない。新築の二階から首を出していたら、同級生の一人が冗談に、いくら威張っても、そこから飛び降りる事は出来まい。弱虫やーい。と囃したからである。小使に負ぶさって帰って来た時、おやじが大きな眼をして二階ぐらいから飛び降りて腰を抜かす奴があるかと云ったから、この次は抜かさずに飛んで見せますと答えた。（青空文庫より）
15a プロダクト一覧
2カラムのシンプルな製品説明パーツとなります。ファイルを選択した場合は、ボタンが表示される仕様です。
※今回の仕様ではPDFへのリンクのみでしたので文言は固定にしていますが、変更する場合は、フィールドの追加または画像編集にある、代替えテキスト・キャプション・説明を利用するても考えられます。
15b 画像・テキスト横並び
偶数行が画像とテキストの並びが左右反対になります。
タイトルタイトルタイトル
ダミーテキストダミーテキストダミーテキスト
16 中央寄せのテキストです。
親譲りの無鉄砲で小供の時から損ばかりしている。小学校に居る時分学校の二階から飛び降りて一週間ほど腰を抜かした事がある。なぜそんな無闇をしたと聞く人があるかも知れぬ。別段深い理由でもない。新築の二階から首を出していたら、同級生の一人が冗談に、いくら威張っても、そこから飛び降りる事は出来まい。弱虫やーい。と囃したからである。小使に負ぶさって帰って来た時、おやじが大きな眼をして二階ぐらいから飛び降りて腰を抜かす奴があるかと云ったから、この次は抜かさずに飛んで見せますと答えた。（青空文庫より）
01 18a サービスの流れ
数字等はテーマの方で自動付与しています。
02 サービスの説明
親譲りの無鉄砲で小供の時から損ばかりしている。小学校に居る時分学校の二階から飛び降りて一週間ほど腰を抜かした事がある。なぜそんな無闇をしたと聞く人があるかも知れぬ。別段深い理由でもない。新築の二階から首を出していたら、同級生の一人が冗談に、いくら威張っても、そこから飛び降りる事は出来まい。弱虫やーい。と囃したからである。小使に負ぶさって帰って来た時、おやじが大きな眼をして二階ぐらいから飛び降りて腰を抜かす奴があるかと云ったから、この次は抜かさずに飛んで見せますと答えた。（青空文庫より）
step 01 18b サービスフロー
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
step 02 ダミーテキスト
テキストテキストテキストテキスト
step 03 ダミーテキスト
テキストテキストテキストテキスト
step01 18c サービスフロー（アコーディオンあり）
同じページにアコーディオンが2つあるときは、
一つは18c、もう一つは18dを使用してください。
step02 タイトルタイトルタイトルタイトル
ダミーテキストダミーテキストダミーテキスト
step01 18d サービスフロー（アコーディオンあり）予備
同じページにアコーディオンが2つあるときに使用します。
step02 タイトルタイトルタイトル
ダミーテキストダミーテキストダミーテキスト
19a フリーレイアウト
19b フリーレイアウト（二カラム）
画像も挿入できます
19b フリーレイアウト3カラム
ダミーテキスト
ダミーテキスト
20a フリーコード
22a サービスフローに似ています
スタイルが違うため分けています。
こちらもテーマで
最終行のみ矢印が出ないようにしています。
最終行
親譲りの無鉄砲で小供の時から損ばかりしている。小学校に居る時分学校の二階から飛び降りて一週間ほど腰を抜かした事がある。なぜそんな無闇をしたと聞く人があるかも知れぬ。別段深い理由でもない。新築の二階から首を出していたら、同級生の一人が冗談に、いくら威張っても、そこから飛び降りる事は出来まい。弱虫やーい。と囃したからである。小使に負ぶさって帰って来た時、おやじが大きな眼をして二階ぐらいから飛び降りて腰を抜かす奴があるかと云ったから、この次は抜かさずに飛んで見せますと答えた。（青空文庫より）
22b ステップ（自由コンテンツ）
テキストも画像も挿入可能です。
テキストテキスト
テキストテキスト
25a よくある質問
生徒が自分自身の成績を意識するようになっていて、反応はとても良いです。自分が間違った問題の正答率が確認出来る事から課題が明確になっています。
生徒の反応はどうでしたか？
生徒が自分自身の成績を意識するようになっていて、反応はとても良いです。自分が間違った問題の正答率が確認出来る事から課題が明確になっています。
生徒の反応はどうでしたか？
生徒が自分自身の成績を意識するようになっていて、反応はとても良いです。自分が間違った問題の正答率が確認出来る事から課題が明確になっています。
26a グレー背景
基本的にフリーレイアウトと合わせて使用します。
