1.
※編集部分
・CSSでwidth(横幅)を650pxに固定



2.
※編集部分
・背景を画像から動画に変更
・FadeInUpクラスの画像以外を削除
・背景動画による表示の遅れを解消するため以下のCSSを追加
.preload {
display: none;}


⚠️このwidgetは同version内で複数使用されるため、
Javascriptは「タグ設定」の欄に入力しております。

背景画像の上にのせる画像2



3.
※編集部分
・CSSでwidth(横幅)を650pxに固定


4.
※編集部分
・背景を画像から色に変更(白#fff)
・FadeInUpクラスの画像以外を削除

⚠️このwidgetは同version内で複数使用されるため、
Javascriptは「タグ設定」の欄に入力しております。

背景画像の上にのせる画像1



5.
※編集部分:
・ボタン背景色を緑(#4CAF50)→紫(#CFB4F4)に変更
・ボタンの横幅を500pxに固定
・ボタンクリックで同version内のwidgetに遷移させるため
アンカーリンクを追加
アンカーリンクの挿入方法をこちらから



6.
※編集部分:
・背景画像を追加







7.
※編集部分
・CSSでwidth(横幅)を650pxに固定


8.

※編集部分
・背景を画像から色に変更(白#fff)
・FadeInUpクラスの画像以外を削除

⚠️このwidgetは同version内で複数使用されるため、
Javascriptは「タグ設定」の欄に入力しております。


背景画像の上にのせる画像1




9.
※編集部分
・背景を画像から色に変更(白#fff)
・FadeInUpクラスの画像以外を削除

⚠️このwidgetは同version内で複数使用されるため、
Javascriptは「タグ設定」の欄に入力しております。


背景画像の上にのせる画像1


テキストテキスト
テキストテキストテキストテキスト
テキストテキスト




10.

※編集部分
・CSSでwidth(横幅)を650pxに固定



11.
※編集部分
・背景を画像から色に変更(白#fff)
・FadeInUpクラスの画像以外を削除

⚠️このwidgetは同version内で複数使用されるため、
Javascriptは「タグ設定」の欄に入力しております。


背景画像の上にのせる画像1



12.
※編集部分
・背景を画像から色に変更(白#fff)
・FadeInUpクラスの画像以外を削除

⚠️このwidgetは同version内で複数使用されるため、
Javascriptは「タグ設定」の欄に入力しております。

背景画像の上にのせる画像1



13.
※編集部分:
・テキストを削除
・画像を4つ→2つに変更



14.
※編集部分
・背景を画像から色に変更(白#fff)
・FadeInUpクラスの画像以外を削除

⚠️このwidgetは同version内で複数使用されるため、
Javascriptは「タグ設定」の欄に入力しております。



背景画像の上にのせる画像1
背景画像の上にのせる画像2
背景画像の上にのせる画像3



15.

16.
※編集部分:
・ボタン背景をピンク(#FD4372)→うす茶(#D6BB63)に変更
・文字色を白(#fff)→グレー(#666)に変更






17.
※編集部分
・背景を画像から色に変更(白#fff)
・FadeInUpクラスの画像以外を削除

⚠️このwidgetは同version内で複数使用されるため、
Javascriptは「タグ設定」の欄に入力しております。


背景画像の上にのせる画像1


18.
※編集部分:
・背景をピンク(#fbabb8)→白(#fff)に変更
・矢印のカラーを白(#fff)→グレー(#666)に変更


流れる矢印のテキスト




19.



20.
※編集部分
・背景を画像から色に変更(白#fff)
・FadeInUpクラスの画像以外を削除

⚠️このwidgetは同version内で複数使用されるため、
Javascriptは「タグ設定」の欄に入力しております。


背景画像の上にのせる画像1




21.
※編集部分
・ナビ(カルーセル下の◯)の色を赤(#DA6272)→紫(#7C2FB6)に変更
・背景画像を削除



22.
※編集部分
・背景を画像から色に変更(白#fff)
・FadeInUpクラスの画像以外を削除

⚠️このwidgetは同version内で複数使用されるため、
Javascriptは「タグ設定」の欄に入力しております。

背景画像の上にのせる画像1


23.
※編集部分
・CSSでwidth(横幅)を650pxに固定


24.
※編集部分:
・ボタン背景をピンク(#FD4372)→うす茶(#D6BB63)に変更
・文字色を白(#fff)→グレー(#666)に変更




25.
※編集部分
・背景を画像から色に変更(白#fff)
・FadeInUpクラスの画像以外を削除

⚠️このwidgetは同version内で複数使用されるため、
Javascriptは「タグ設定」の欄に入力しております。

背景画像の上にのせる画像1



26.


※編集部分
・Qのボックスを背景色を緑(#a3d6c9)→紫(#CFB4F4)に変更
・回答部分に画像を挿入

質問を記入します
回答を記入します
質問を記入します
回答を記入します
質問を記入します
回答を記入します



27.

※編集部分
・背景を画像から色に変更(白#fff)
・FadeInUpクラスの画像以外を削除

⚠️このwidgetは同version内で複数使用されるため、
Javascriptは「タグ設定」の欄に入力しております。

背景画像の上にのせる画像1

28.

※編集部分
・背景色を紫(#CFB4F4)に変更

大見出し

小見出し

住所

〒108-0014 東京都港区芝5丁目26-16 Mita S-Garden 1F・4F

google mapで見る
アクセス

○○駅より徒歩1分

電話番号
000-000-0000
営業時間

10:00〜20:00

小見出し

住所

〒108-0014 東京都港区芝5丁目26-16 Mita S-Garden 1F・4F

google mapで見る
アクセス

○○駅より徒歩1分

電話番号
000-000-0000
営業時間

10:00〜20:00

大見出し

小見出し

住所

〒108-0014 東京都港区芝5丁目26-16 Mita S-Garden 1F・4F

google mapで見る
アクセス

○○駅より徒歩1分

電話番号
000-000-0000
営業時間

10:00〜20:00

小見出し

住所

〒108-0014 東京都港区芝5丁目26-16 Mita S-Garden 1F・4F

google mapで見る
アクセス

○○駅より徒歩1分

電話番号
000-000-0000
営業時間

10:00〜20:00


29.
※編集部分
・背景を画像から色に変更(白#fff)
・FadeInUpクラスの画像以外を削除
背景画像の上にのせる画像1


30.フォーム機能

※こちらはwidgetではなく、フォーム機能を使用しております。



31.
※編集部分:
・画像を削除