前提：
※下記に開発用アカウントのベースデザイン設定で設定している内容を記載しています。
メインカラー #2D6EB3
サブカラー #359AD0
アクセントカラー #71D1F6
背景色カラー① #FFFFFF
背景色カラー② #F8F8F8
新CMSでは、5色の色をベースデザイン設定で設定していきます。詳細はベースデザイン設定をご確認ください。
上記の配色が設定されていますので、各パーツでどの配色があたっているか都度確認してください。
| 見出し | PCサイズ | SPサイズ | 文字間 | 行間 | テキストカラー | フォント | ホバー時の挙動 |
| h1 46px h2 32px h3 24px h4 20px h5 16px |
h1 28px h2 26px h3 22px h4 18px h5 16px |
0em |
1.5 | #000 |
Noto Sans JP ↓ 他使用可能フォント ↓ Noto serif JP |
透過 ↓ 他の使用可能な挙動 ↓ 下線 |
| テキスト | PCサイズ | SPサイズ | 文字間 | 行間 | 通常時・リンクカラー | フォント | ホバー時の挙動 |
| 16px | 16px |
0em |
1.5 | 通常時：#000 リンク：#2D6EB3 |
Noto Sans JP ↓ 他使用可能フォント ↓ Noto serif JP |
透過 ↓ 他使用可能な挙動 ↓ 下線 |
ベースデザイン設定で変更可能な箇所
文字間・行間、フォントサイズ、フォントファミリー、ホバー時の挙動はサイト内共通です。
見出しとテキストパーツは、行間・文字間を別々に設定可能です。
見出し以外のデザインパーツには基本テキストパーツの設定値が紐づけられています。（※一部のパーツはフォントカラーを除く）
フォントの太さ、色変更は編集画面でも可能です。
| ボタンテキスト | 大 | 中 | 小 |
| 20px | 16px | 14px | |
| ボタン幅PC | 350px | 280px | 200px |
| ボタン幅SP | 100％ | 90％ | 80％ |
ボタンのフォントファミリーはテキストパーツのフォントファミリーに紐づけられています。
編集画面では、文字の太さ・フォントサイズ・背景色・テキストカラーの変更が可能です。
備考：
見出しテキストから下線・破点の余白は固定
デフォルト時
サンプルテキストサンプルテキストサンプルテキスト
サンプルテキストサンプルテキストサンプルテキスト
サンプルテキストサンプルテキストサンプルテキスト
shift + enterの改行時
サンプルテキストサンプルテキストサンプルテキスト
サンプルテキストサンプルテキストサンプルテキスト
サンプルテキストサンプルテキストサンプルテキスト
| POINT | 01 |
備考：
| 01 | FEATURES |
備考：
| 会社名 | 株式会社〇〇〇〇 |
|---|---|
| 所在地 | 〒000-0000 東京都◯◯区◯◯町 0-00-0 |
| TEL | 00-0000-0000 |
| FAX | 00-0000-0000 |
| 事業内容 | ・ここに事業内容が入ります。 ・ここに事業内容が入ります。 ・ここに事業内容が入ります。 |
| 設立 | 1990年11月 |
| 資本金 | 1,234万円 |
| 従業員数 | 56,700名(2022年1月現在) |
| 代表取締役 | 田中太郎 |
備考：
| 給与 | 月額00万円~000万円（能力によって設定）［想定年収：00万～0,000万円］ |
|---|---|
| 雇用形態 | 正社員 |
| 勤務形態 | 勤務時間 9：30～18：30（実働8時間、休憩1時間） ■土日祝日休み ■年間休日120日以上 |
| 試用期間 | 試用期間3ヶ月 |
| 福利厚生 | ・各種社会保険完備（雇用、労災、厚生年金、関東ITソフトウェア健康保険組合） ・団体医療保険 ・企業型確定拠出年金制度 ・住宅補助2万円（会社指定範囲30分圏内で支給） ・交通費支給 （月100,000円まで） |
備考：
備考：
備考：
備考：
備考：
備考：
備考：
備考：
各カード：
見出し（h3）：
日付(h4)：
タグ:
備考：
備考：
各カード：
見出し（h3）：
日付(h4)：
テキスト：
タグ:
ページネーション：
備考：
備考：
各カード：
見出し（h3）：
日付(h4)：
テキスト：
タグ:
ページネーション：
備考：
備考：
備考：
備考：
各カード：
数字：
見出し（h3）:
テキスト：
備考：
リンク：
送信ボタン：
備考：
ショルダーコピーが入ります。ショルダーコピーが入ります。
見出し：
テキスト
備考：
詳しい資料はこちら
共通：
テキスト：
ボタン1：
備考：
詳しい資料はこちら
共通：
テキスト：
ボタン1：
備考：
詳しい資料はこちら
共通：
テキスト：
ボタン1：
リンク：
備考：
ショルダーコピーが入ります。ショルダーコピーが入ります。
詳しい資料はこちら
見出し：
テキスト（ボタン上）：
ボタン1：
備考：
サブコピーが入ります。サブコピーが入ります。
見出し（左カラムh1）：
テキスト（見出し下）：
見出し（右カラムフォーム上）：
備考：
sample
テキスト（英字）：
見出し：
リッチテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
リッチテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
リッチテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
見出し：
テキスト：
区切り線：
ボックス：
備考：
・ ○○ができていない○○ができていない
・ ○○を改善したい○○を改善したい
・ ○○に不満を感じている○○に不満を感じている
テキスト：
備考：
・ 〇〇〇〇〇〇〇〇〇を改善したい企業様
・ 〇〇〇〇〇〇〇〇〇にお困りの担当者様
・ 〇〇〇〇〇〇〇〇〇に興味がある方
行（ROW）：
テキスト：
備考：
・ ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキスト
・ ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキスト
・ ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキスト
・ ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキスト
行（ROW）：
カラム：
テキスト：
| Q. | こんな時はどうするの？ |
|---|---|
| A. | 質問ダミーテキスト質問ダミーテキスト質問ダミーテキスト質問ダミーテキスト質問ダミーテキスト質問ダミーテキスト。質問ダミーテキスト質問ダミーテキスト質問ダミーテキスト質問ダミーテキスト質問ダミーテキスト |
行（ROW）：
テキスト：
Q：
A：
備考：
サービス費用
00万円
行（ROW）：
テキスト：
備考：
行（ROW）：
テキスト：
備考：
サブコピーが入ります。サブコピーが入ります。
見出し：
テキスト：
ボタン3：
ボタン上余白 (32px ※カラム・コンポネントの余白20pxも含む)
備考：
キャッチコピーキャッチコピー
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
テキスト：
見出し：
ボタン3：
ボタン上余白 (32px ※カラム・コンポネントの余白20pxも含む)
備考：
| sample | 01 |
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
| sample | 02 |
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
見出し：
テキスト：
英字・数字：
テキスト下余白 （16px）
テキスト用のフォントサイズ
ボックス：
2つ目のデザインパーツから余白上に48px付与 （※同じパーツまたは左右違いのパーツが並んだ場合）
備考：
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
見出し：
テキスト：
テキストボックス
ボックス：
備考：
テキスト量が増えた際、イメージのレイアウトはテキストボックスから30px上がった場所で固定
| 01 |
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
| 02 |
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
見出し：
テキスト：
数字：
テキストボックス：
ボックス：
備考：
| 01 |
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
| 02 |
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
行（row）:
見出し：
テキスト：
数字：
テキストボックス：
ボックス：
備考：
テキスト量が増えた際、イメージのレイアウトはテキストボックスから40px下がった場所で固定
| 1 |
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
| 2 |
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
見出し：
テキスト：
数字：
ボックス：
備考：
本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。
本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。
本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。
本文テキストが入ります。本文テキストが入ります。
本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。
本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。
本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。
本文テキストが入ります。本文テキストが入ります。
テキスト：
テキストの2段落目から余白上16px付与
ボックス：
概要テキストが入ります。概要テキストが入ります。
概要テキストが入ります。概要テキストが入ります。
概要テキストが入ります。概要テキストが入ります。
会場：東京都千代田区○○○○○○○○○○○○○○○
開催日時：2020年2月1日（水） 11時〜13時
登壇者：株式会社○○○ △△△事業部
山田 太郎
テキスト：
最後のテキストパーツ：
ボックス：
備考：
役職◯◯◯◯◯◯◯◯◯◯◯◯◯◯◯
氏名◯◯◯◯◯◯◯
経歴テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
行（ROW）：
テキスト：
1つ目に配置されているテキストパーツのみ：
備考：
見出し：
ボックス：
本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。
本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。
本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。本文テキストが入ります。
見出し：
テキスト：
ボタン：
ボックス：
備考：
テキスト：
矢印：
ボックス：
備考：
見出し：
テキスト：
ボックス：
備考：
見出し：
ボックス：
備考：
見出し：
ボックス：
備考：
見出し：
テキスト：
ボックス：
備考：
見出し：
ボックス：
備考：
ご不明な点はお気軽に
お問い合わせください
●●のお役立ち資料は
こちらから
テキスト：
お問い合わせ・資料ダウンロードボタン共通：
ボタン上余白 (16px ※コンポネントの余白10pxも含む)
備考：
お電話でのお問い合わせはこちら
平日 00:00~00:00
テキスト：
最初のテキスト：
TELボタン：
備考：
ご不明な点はお気軽に
お問い合わせください
ご不明な点はお気軽に
お問い合わせください
●●のお役立ち資料は
こちらから
テキスト：
お問い合わせ・資料ダウンロードボタン共通：
ボタン上余白 (16px ※コンポネントの余白10pxも含む)
ボックス：
備考：
〒000-0000
東京都◯◯区◯◯町 0-00-0
見出し：
テキスト：
ロゴ：
ボックス：
備考：
リスト：
線：
備考：
テキストが入りますテキストが入りますテキストが入ります
テキストが入りますテキストが入りますテキストが入ります
テキストが入りますテキストが入りますテキストが入ります
テキストが入りますテキストが入りますテキストが入ります
見出し：
テキスト：
矢印：
ボックス：
備考：
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
見出し：
テキスト：
ボックス：
備考：
STEP
01
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
見出し
テキスト
吹き出し
ボックス：
備考：
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
テキスト：
吹き出し：
ボックス：
備考：
行（ROW）：
見出し
余白：
備考：
見出し
余白：
カラー：
見出し
余白：
カラー：
見出し
余白：
カラー：
見出し
余白：
カラー：
余白：
余白：
備考：
sample
サービス概要説明が入ります。サービス概要説明が入ります。サービス概要説明が入ります。サービス概要説明が入ります。 サービス概要説明が入ります。サービス概要説明が入ります。サービス概要説明が入ります。
英字：
見出し：
テキスト：
ボタン：
ボタン上余白 (64px ※カラム・コンポネントの余白20pxも含む)
ボックス：
セクション：
備考：
sample
サービス概要説明が入ります。サービス概要説明が入ります。サービス概要説明が入ります。
サービス概要説明が入ります。サービス概要説明が入ります。サービス概要説明が入ります。サービス概要説明が入ります。
英字：
見出し：
テキスト：
画像：
ボタン：
ボタン上余白 (64px ※カラム・コンポネントの余白20pxも含む)
ボックス：
セクション：
備考：
画像のボックスシャドウは上：16px / 左：16pxずつずらして固定
Flow
STEP
01
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
STEP
02
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
STEP
03
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
英字：
見出し：
テキスト：
フローの英字・数字：
背景：配色（メインカラーがあたる）
吹き出し：
点線：
ボックス：
2つ目のデザインパーツから上に余白が64px付与 （※同じパーツが並んだ場合）
セクション：
備考：
枠線は 太さ：１px / 線色：#eee で固定
Flow
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
英字：
見出し：
テキスト：
アイコン：
ボックス：
イメージとテキストの間の余白 （24px）
2つ目のデザインパーツから余白上に48px付与 （※同じパーツが並んだ場合）
セクション：
備考：
枠線は 太さ：１px / 線色：#eee で固定
sample
・ ○○ができていない○○ができていない
・ ○○を改善したい○○を改善したい
・ ○○に不満を感じている○○に不満を感じている
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。 テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
見出し：
テキスト：
リスト：
テキストの2行目からの余白上（16px）
セクション：
備考：
リストの幅は文字の長さによって伸縮し、中央の位置を保つため、編集画面でのテキストボックス自体の左寄せ・右寄せは不可
sample
◯◯が
できてない
◯◯が
できてない
◯◯が
できてない
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
見出し：
テキスト：
ボックス：
ボックス間の余白 （16px）
内側の余白（32px ※上下コンポネントの余白10pxも含む）
セクション：
配色（メインカラーがあたる）
備考：
見出し：
テキスト：
アイコン：
ボックス：
背景：
備考：
sample
見出し：
テキスト：
ボタン：
ボタン上余白 (64px ※カラム・コンポネントの余白20pxも含む)
背景：
備考：
sample
・ ○○を改善したい○○を改善したい
・ ○○を改善したい○○を改善したい
・ ○○を改善したい○○を改善したい
テキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキスト
見出し：
テキスト：
テキストの2段落目から余白上16pxがつく
画像：
ボックス：
セクション：
背景色カラー①
備考：
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
見出し：
テキスト：
テキストボックス：
ボタン：
ボタン上余白 (64px ※カラム・コンポネントの余白20pxも含む)
ボックス：
2つ目のデザインパーツから余白上に40px付与 （※同じパーツが並んだ場合）
背景：
備考：
画像幅は390pxで固定
テキストボックスの最大幅は710pxで固定
| sample | 01 |
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
| sample | 02 |
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
| sample | 03 |
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
見出し：
テキスト：
英字・数字：
ボタン：
ボタン上余白 (64px ※カラム・コンポネントの余白20pxも含む)
ボックス：
セクション：
備考：
ボタンは他のボタンに変更可能
| 01 |
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
| 02 |
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
| 03 |
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
テキスト：
数字：
ボタン
ボタン上余白 (64px ※カラム・コンポネントの余白20pxも含む)
テキストボックス：
ボックス：
セクション：
備考：
| 01 |
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
| 02 |
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
| 03 |
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
見出し：
テキスト：
数字：
テキストボックス：
ボタン：
ボタン上余白 (64px ※カラム・コンポネントの余白20pxも含む)
ボックス(row)：
セクション：
備考：
| 1 |
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
| 2 |
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
| 3 |
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
見出し：
テキスト：
数字：
ボタン：
ボックス：
セクション：
備考：
| 01 |
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
| 02 |
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
| 03 |
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
見出し：
テキスト：
数字：
ボタン：
テキストボックス：
ボックス：
セクション：
備考：
| 01 |
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
| 02 |
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
| 03 |
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
見出し：
テキスト：
数字：
背景：
テキストボックス：
ボタン：
ボタン上余白 (64px ※カラム・コンポネントの余白20pxも含む)
ボックス(row)：
備考：
外側の余白は右又は左（画像に隣接している側）： -60pxで固定
NEWS
英字：
見出し ：
日付(h4)：
テキスト：
タグ：
ボタン：
ボタン上余白 (64px ※カラム・コンポネントの余白20pxも含む)
背景：
備考：
CASE
英字：
見出し ：
日付(h4)：
テキスト：
背景：
タグ：
ページネーション：
記事リストのボックス：
ボタン：
ボタン上余白 (64px ※カラム・コンポネントの余白20pxも含む)
備考：
2つ目から余白上に20px付与
リストテキスト：
セクション：
備考：
CONTACT
ご不明な点はお気軽に
お問い合わせください
●●のお役立ち資料は
こちらから
お電話でのお問い合わせはこちら
平日 00:00~00:00
見出し：
見出し用のフォントファミリー
見出し用のフォントサイズ （h1〜h5）
見出し用の文字間
見出し用の行間
テキスト：
お問い合わせ・資料ダウンロードボタン共通：
TELボタン：
各ボタン：
備考：
CONTACT
ご不明な点はお気軽に
お問い合わせください
●●のお役立ち資料は
こちらから
お電話でのお問い合わせはこちら
平日 00:00~00:00
英字：
見出し：
テキスト：
お問い合わせ・資料ダウンロードボタン共通：
ホバー時の挙動 （反転・透過・拡大・なし）
TELボタン：
各ボタン：
備考：
CONTACT
ご不明な点はお気軽に
お問い合わせください
●●のお役立ち資料は
こちらから
お電話でのお問い合わせはこちら
平日 00:00~00:00
英字：
見出し：
見出し用のフォントカラー
見出し用のフォントファミリー
見出し用のフォントサイズ （h1〜h5）
見出し用の文字間
見出し用の行間
テキスト：
テキスト用のフォントカラー
お問い合わせ・資料ダウンロードボタン共通：
ホバー時の挙動 （反転・透過・拡大・なし）
TELボタン：
各ボタン：
備考：
CONTACT
本文テキスト本文テキスト本文テキスト本文テキスト本文テキスト本文テキスト本文テキスト本文テキスト 本文テキスト本文テキスト本文テキスト本文テキスト本文テキスト本文テキスト本文テキスト本文テキスト
DOWNLOAD
本文テキスト本文テキスト本文テキスト本文テキスト本文テキスト本文テキスト本文テキスト本文テキスト 本文テキスト本文テキスト本文テキスト本文テキスト本文テキスト本文テキスト本文テキスト本文テキスト
見出し ：
テキスト：
お問い合わせ・資料ダウンロードボタン共通：
ボックス：
備考：
CONTACT
ご不明な点はお気軽に
お問い合わせください
ご不明な点はお気軽に
お問い合わせください
●●のお役立ち資料は
こちらから
お電話でのお問い合わせはこちら
平日 00:00~00:00
見出し：
テキスト：
お問い合わせ・資料ダウンロード、見積もり相談ボタン共通：
TELボタン：
各ボタン：
備考：
下記に当てはまる方は、フォームよりお問い合わせください。
お電話からも承っております、小さなことでもお気軽にご相談ください。
・ サービスに関するお問い合わせ
・ 料金プランのご相談
・ その他のお問い合わせ
平日00時〜00時
下記フォームにご記入ください。（1分）
見出し：
テキスト：
枠線ボックス：
TELボタン：
フォーム：
リンク：
送信ボタン：
備考：
枠線ボックスの枠線は幅：1px / 色：#eee で固定
最小高は55pxで固定
資料の説明テキスト資料の説明テキストが入ります。資料の説明テキストが入ります。
こんな方におすすめ
・ ○○○○に興味がある方
・ ○○○○の課題を解決したい方
・ ○○○○を学びたい方
下記フォームにご記入ください。（1分）
見出し：
テキスト：
左側のボックス：
リストの2行目から余白上16pxがつく
画像：
フォームの背景色：
リンク：
送信ボタン：
備考：
最小高は55pxで固定
