前提：
見出し：
テキスト
備考：
ショルダーコピーが入ります。ショルダーコピーが入ります。
共通：
テキスト：
ボタン1：
備考：
詳しい資料はこちら
共通：
テキスト：
ボタン1：
備考：
詳しい資料はこちら
見出し：
テキスト（ボタン上）：
ボタン1：
備考：
ショルダーコピーが入ります。ショルダーコピーが入ります。
詳しい資料はこちら
見出し（左カラムh1）：
テキスト（見出し下）：
見出し（右カラムフォーム上）：
備考：
サブコピーが入ります。サブコピーが入ります。
テキスト（英字）：
見出し：
sample
見出し：
テキスト：
区切り線：
ボックス：
備考：
リッチテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
リッチテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
リッチテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
テキスト：
備考：
・ ○○ができていない○○ができていない
・ ○○を改善したい○○を改善したい
・ ○○に不満を感じている○○に不満を感じている
行（ROW）：
テキスト：
備考：
・ 〇〇〇〇〇〇〇〇〇を改善したい企業様
・ 〇〇〇〇〇〇〇〇〇にお困りの担当者様
・ 〇〇〇〇〇〇〇〇〇に興味がある方
行（ROW）：
カラム：
テキスト：
・ ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキスト
・ ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキスト
・ ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキスト
・ ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキスト
行（ROW）：
テキスト：
Q：
A：
備考：
| Q. | こんな時はどうするの？ |
|---|---|
| A. | 質問ダミーテキスト質問ダミーテキスト質問ダミーテキスト質問ダミーテキスト質問ダミーテキスト質問ダミーテキスト。質問ダミーテキスト質問ダミーテキスト質問ダミーテキスト質問ダミーテキスト質問ダミーテキスト |
行（ROW）：
テキスト：
備考：
サービス費用
00万円
行（ROW）：
テキスト：
備考：
見出し：
テキスト：
ボタン3：
ボタン上余白 (32px ※カラム・コンポネントの余白20pxも含む)
備考：
サブコピーが入ります。サブコピーが入ります。
アイコン：
テキスト：
ボックス：
テキスト：
見出し：
ボタン3：
ボタン上余白 (32px ※カラム・コンポネントの余白20pxも含む)
備考：
キャッチコピーキャッチコピー
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
見出し：
テキスト：
英字・数字：
テキスト下余白 （16px）
ボックス：
2つ目のデザインパーツから余白上に48px付与 （※同じパーツまたは左右違いのパーツが並んだ場合）
備考：
| sample | 01 |
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
| sample | 02 |
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
見出し：
テキスト：
テキストボックス
ボックス：
備考：
テキスト量が増えた際、イメージのレイアウトはテキストボックスから30px上がった場所で固定
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
見出し：
テキスト：
数字：
テキストボックス：
ボックス：
備考：
| 01 |
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
| 02 |
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
行（row）:
見出し：
テキスト：
数字：
テキストボックス：
ボックス：
備考：
テキスト量が増えた際、イメージのレイアウトはテキストボックスから40px下がった場所で固定
| 01 |
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
| 02 |
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
見出し：
テキスト：
数字：
ボックス：
備考：
| 1 |
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
| 2 |
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
テキスト：
テキストの2段落目から余白上16px付与
ボックス：
本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。
本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。
本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。
本文テキストが入ります。本文テキストが入ります。
本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。
本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。
本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。
本文テキストが入ります。本文テキストが入ります。
テキスト：
最後のテキストパーツ：
ボックス：
備考：
概要テキストが入ります。概要テキストが入ります。
概要テキストが入ります。概要テキストが入ります。
概要テキストが入ります。概要テキストが入ります。
会場：東京都千代田区○○○○○○○○○○○○○○○
開催日時：2020年2月1日（水） 11:00~13:00
登壇者：株式会社○○○ △△△事業部
山田 太郎
行（ROW）：
テキスト：
1つ目に配置されているテキストパーツのみ：
備考：
役職◯◯◯◯◯◯◯◯◯◯◯◯◯◯◯
氏名◯◯◯◯◯◯◯
経歴テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
見出し：
ボックス：
見出し：
テキスト：
ボタン：
ボックス：
備考：
本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。
本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。
本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。
テキスト：
矢印：
ボックス：
備考：
リンク先ページ名
リンク先ページ名
見出し：
テキスト：
ボックス：
備考：
・テキストテキストテキストテキストテキストテキスト
・テキストテキストテキストテキストテキストテキスト
・テキストテキストテキストテキストテキストテキスト
・テキストテキストテキストテキストテキストテキスト
・テキストテキストテキストテキストテキストテキスト
・テキストテキストテキストテキストテキストテキスト
見出し：
ボックス：
備考：
見出し：
ボックス：
備考：
見出し：
テキスト：
ボックス：
備考：
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
見出し：
ボックス：
備考：
ボックス：
テキストは、上下左右35pxの余白があります。
文字が増えた場合は、画像幅に対して、上下左右センター寄せになります。
挙動：
ホバー時のフィルターは＃000の60％（黒の色は固定）です
テキスト紹介文1
テキスト紹介文2
テキスト紹介文3
ボックス：
テキストは、上下左右35pxの余白があります。
文字が増えた場合は、画像幅に対して、上下左右センター寄せになります。
挙動：
通常時は、フィルターは＃000の40％です。
ホバー時のフィルターは＃000の20％です.画像拡大は、1.1倍になります。
テキスト紹介文1
テキスト紹介文2
テキスト紹介文3
ボックス：
テキストは、上下左右35pxの余白があります。
文字が増えた場合は、画像幅に対して、上下左右センター寄せになります。
挙動：
テキストとボックスのボーダーは、メインカラーが当たります。通常時は、背景は＃FFFです。
カラー：
ホバー時のフィルターは＃メインカラーの80％、テキストカラーは＃fffです
サンプルテキストサンプルテキスト
サンプルテキストサンプルテキスト
サンプルテキストサンプルテキスト
テキスト：
お問い合わせ・資料ダウンロードボタン共通：
ボタン上余白 (16px ※コンポネントの余白10pxも含む)
備考：
ご不明な点はお気軽に
お問い合わせください
●●のお役立ち資料は
こちらから
テキスト：
最初のテキスト：
TELボタン：
備考：
お電話でのお問い合わせはこちら
平日 00:00~00:00
テキスト：
お問い合わせ・資料ダウンロードボタン共通：
ボタン上余白 (16px ※コンポネントの余白10pxも含む)
ボックス：
備考：
ご不明な点はお気軽に
お問い合わせください
ご不明な点はお気軽に
お問い合わせください
●●のお役立ち資料は
こちらから
見出し：
テキスト：
〒000-0000
東京都◯◯区◯◯町 0-00-0
ロゴ：
ボックス：
備考：
リスト：
線：
備考：
見出し：
テキスト：
矢印：
ボックス：
備考：
テキストが入りますテキストが入りますテキストが入ります
テキストが入りますテキストが入りますテキストが入ります
テキストが入りますテキストが入りますテキストが入ります
テキストが入りますテキストが入りますテキストが入ります
見出し：
テキスト：
ボックス：
備考：
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
見出し
テキスト
吹き出し
ボックス：
備考：
STEP
01
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
テキスト：
見出しは、見出しレベルでなく、通常のテキスト同じ扱いです。
フォントのサイズが数字30px、見出しテキストが34pxで数字に対して、見出しがセンターに揃う作りです。
テキストから次の数字までの間は、90px必ず開く
カラー：
数字は、ベースデザイン設定のメインカラー固定が当たる
線の太さは固定3pxです。
補足：
数字の大きさ変更可能ですが、最大34pxまでが綺麗に見える大きさです。円のサイズは文字を固定のため、数字を大きくしても変更されません。
見出しテキストも大きく調整すると、数字の円とずれが生じます。
見出テキストと本文は、同じパーツ内のため、見出しがなくなると、上に揃うため、数字とずれが生じます。
| 01 | フロー1 テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。 |
| 02 | フロー2 テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。 |
| 03 | フロー3 テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。 |
テキスト：
吹き出し：
ボックス：
備考：
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
行（ROW）：