前提：
見出し
余白：
備考：
見出し
余白：
カラー：
見出し
余白：
カラー：
見出し
余白：
カラー：
見出し
余白：
カラー：
余白：
余白：
備考：
見出し：
テキスト：
ボタン：
余白：
背景：
備考：
ショルダーコピーが入ります。
ショルダーコピーが入ります。
詳しい資料はこちら
見出し：
テキスト：
ボタン：
余白：
背景：
備考：
ショルダーコピーが入ります。
ショルダーコピーが入ります。
詳しい資料はこちら
停止ボタン：
色固定#919191（CSSで色変更可能）
矢印ボタン：
ドット：
余白：
備考：
サンプルテキストサンプルテキストサンプルテキスト
サンプルテキストサンプルテキストサンプルテキスト
サンプルテキストサンプルテキストサンプルテキスト
サンプルテキストサンプルテキストサンプルテキスト
サンプルテキストサンプルテキストサンプルテキスト
サンプルテキストサンプルテキストサンプルテキスト
サンプルテキストサンプルテキストサンプルテキスト
サンプルテキストサンプルテキストサンプルテキスト
サンプルテキストサンプルテキストサンプルテキスト
サンプルテキストサンプルテキストサンプルテキスト
サンプルテキストサンプルテキストサンプルテキスト
サンプルテキストサンプルテキストサンプルテキスト
停止ボタン：
サブカラー
余白：
備考：
停止ボタン：
サブカラー
余白：
備考：
英字：
見出し：
テキスト：
ボタン：
ボタン上余白 (64px ※カラム・コンポネントの余白20pxも含む)
ボックス：
セクション：
備考：
sample
サービス概要説明が入ります。サービス概要説明が入ります。サービス概要説明が入ります。サービス概要説明が入ります。 サービス概要説明が入ります。サービス概要説明が入ります。サービス概要説明が入ります。
英字：
見出し：
テキスト：
画像：
ボタン：
ボタン上余白 (64px ※カラム・コンポネントの余白20pxも含む)
ボックス：
セクション：
備考：
画像のボックスシャドウは上：16px / 左：16pxずつずらして固定
sample
サービス概要説明が入ります。サービス概要説明が入ります。サービス概要説明が入ります。
サービス概要説明が入ります。サービス概要説明が入ります。サービス概要説明が入ります。サービス概要説明が入ります。
編集中
sample
サービス概要説明が入ります。サービス概要説明が入ります。サービス概要説明が入ります。
サービス概要説明が入ります。サービス概要説明が入ります。サービス概要説明が入ります。サービス概要説明が入ります。
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
英字：
見出し：
テキスト：
フローの英字・数字：
背景：配色（メインカラーがあたる）
吹き出し：
点線：
ボックス：
2つ目のデザインパーツから上に余白が64px付与 （※同じパーツが並んだ場合）
セクション：
備考：
枠線は 太さ：１px / 線色：#eee で固定
Flow
STEP
01
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
STEP
02
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
STEP
03
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
英字：
見出し：
テキスト：
アイコン：
ボックス：
イメージとテキストの間の余白 （24px）
2つ目のデザインパーツから余白上に48px付与 （※同じパーツが並んだ場合）
セクション：
備考：
枠線は 太さ：１px / 線色：#eee で固定
Flow
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
見出し：
テキスト：
リスト：
テキストの2行目からの余白上（16px）
セクション：
備考：
リストの幅は文字の長さによって伸縮し、中央の位置を保つため、編集画面でのテキストボックス自体の左寄せ・右寄せは不可
sample
・ ○○ができていない○○ができていない
・ ○○を改善したい○○を改善したい
・ ○○に不満を感じている○○に不満を感じている
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。 テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
見出し：
テキスト：
ボックス：
ボックス間の余白 （16px）
内側の余白（32px ※上下コンポネントの余白10pxも含む）
セクション：
配色（メインカラーがあたる）
備考：
sample
◯◯が
できてない
◯◯が
できてない
◯◯が
できてない
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
見出し：
テキスト：
アイコン：
ボックス：
背景：
備考：
見出し：
テキスト：
ボタン：
ボタン上余白 (64px ※カラム・コンポネントの余白20pxも含む)
背景：
備考：
sample
見出し：
テキスト：
テキストの2段落目から余白上16pxがつく
画像：
ボックス：
セクション：
背景色カラー①
備考：
sample
・ ○○を改善したい○○を改善したい
・ ○○を改善したい○○を改善したい
・ ○○を改善したい○○を改善したい
テキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキスト
見出し：
テキスト：
テキストボックス：
ボタン：
ボタン上余白 (64px ※カラム・コンポネントの余白20pxも含む)
ボックス：
2つ目のデザインパーツから余白上に40px付与 （※同じパーツが並んだ場合）
背景：
備考：
画像幅は390pxで固定
テキストボックスの最大幅は710pxで固定
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
見出し：
テキスト：
英字・数字：
ボタン：
ボタン上余白 (64px ※カラム・コンポネントの余白20pxも含む)
ボックス：
セクション：
備考：
ボタンは他のボタンに変更可能
| sample | 01 |
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
| sample | 02 |
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
| sample | 03 |
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
テキスト：
数字：
ボタン
ボタン上余白 (64px ※カラム・コンポネントの余白20pxも含む)
テキストボックス：
ボックス：
セクション：
備考：
| 01 |
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
| 02 |
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
| 03 |
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
見出し：
テキスト：
数字：
テキストボックス：
ボタン：
ボタン上余白 (64px ※カラム・コンポネントの余白20pxも含む)
ボックス(row)：
セクション：
備考：
| 01 |
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
| 02 |
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
| 03 |
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
見出し：
テキスト：
数字：
ボタン：
ボックス：
セクション：
備考：
| 1 |
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
| 2 |
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
| 3 |
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
見出し：
テキスト：
数字：
ボタン：
テキストボックス：
ボックス：
セクション：
備考：
| 01 |
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
| 02 |
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
| 03 |
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
見出し：
テキスト：
数字：
背景：
テキストボックス：
ボタン：
ボタン上余白 (64px ※カラム・コンポネントの余白20pxも含む)
ボックス(row)：
備考：
外側の余白は右又は左（画像に隣接している側）： -60pxで固定
| 01 |
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
| 02 |
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
| 03 |
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
英字：
見出し ：
日付(h4)：
テキスト：
タグ：
ボタン：
ボタン上余白 (64px ※カラム・コンポネントの余白20pxも含む)
背景：
備考：
NEWS
英字：
見出し ：
日付(h4)：
テキスト：
背景：
タグ：
ページネーション：
記事リストのボックス：
ボタン：
ボタン上余白 (64px ※カラム・コンポネントの余白20pxも含む)
備考：
2つ目から余白上に20px付与
CASE
リストテキスト：
セクション：
備考：
見出し：
見出し用のフォントファミリー
見出し用のフォントサイズ （h1〜h5）
見出し用の文字間
見出し用の行間
テキスト：
お問い合わせ・資料ダウンロードボタン共通：
TELボタン：
各ボタン：
備考：
CONTACT
ご不明な点はお気軽に
お問い合わせください
●●のお役立ち資料は
こちらから
お電話でのお問い合わせはこちら
平日 00:00~00:00
英字：
見出し：
テキスト：
お問い合わせ・資料ダウンロードボタン共通：
ホバー時の挙動 （反転・透過・拡大・なし）
TELボタン：
各ボタン：
備考：
CONTACT
ご不明な点はお気軽に
お問い合わせください
●●のお役立ち資料は
こちらから
お電話でのお問い合わせはこちら
平日 00:00~00:00
英字：
見出し：
見出し用のフォントカラー
見出し用のフォントファミリー
見出し用のフォントサイズ （h1〜h5）
見出し用の文字間
見出し用の行間
テキスト：
テキスト用のフォントカラー
お問い合わせ・資料ダウンロードボタン共通：
ホバー時の挙動 （反転・透過・拡大・なし）
TELボタン：
各ボタン：
備考：
CONTACT
ご不明な点はお気軽に
お問い合わせください
●●のお役立ち資料は
こちらから
お電話でのお問い合わせはこちら
平日 00:00~00:00
見出し ：
テキスト：
お問い合わせ・資料ダウンロードボタン共通：
ボックス：
備考：
CONTACT
本文テキスト本文テキスト本文テキスト本文テキスト本文テキスト本文テキスト本文テキスト本文テキスト 本文テキスト本文テキスト本文テキスト本文テキスト本文テキスト本文テキスト本文テキスト本文テキスト
DOWNLOAD
本文テキスト本文テキスト本文テキスト本文テキスト本文テキスト本文テキスト本文テキスト本文テキスト 本文テキスト本文テキスト本文テキスト本文テキスト本文テキスト本文テキスト本文テキスト本文テキスト
見出し：
テキスト：
お問い合わせ・資料ダウンロード、見積もり相談ボタン共通：
TELボタン：
各ボタン：
備考：
CONTACT
ご不明な点はお気軽に
お問い合わせください
ご不明な点はお気軽に
お問い合わせください
●●のお役立ち資料は
こちらから
お電話でのお問い合わせはこちら
平日 00:00~00:00
見出し：
テキスト：
枠線ボックス：
TELボタン：
フォーム：
リンク：
送信ボタン：
備考：
枠線ボックスの枠線は幅：1px / 色：#eee で固定
最小高は55pxで固定
下記に当てはまる方は、フォームよりお問い合わせください。
お電話からも承っております、小さなことでもお気軽にご相談ください。
・ サービスに関するお問い合わせ
・ 料金プランのご相談
・ その他のお問い合わせ
平日00:00~00:00
下記フォームにご記入ください。（1分）
見出し：
テキスト：
余白：
タブの背景色：
備考：
sample
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
Q見出し：
Aテキスト：
余白：
QA背景色：
備考：
sample
Q.
A.
サンプルテキストサンプルテキストサンプルテキスト
サンプルテキストサンプルテキストサンプルテキスト
サンプルテキストサンプルテキストサンプルテキスト