Q＆A
アコーディオン
キャプションボックス
キャプションボックスのデザインは右のサイドメニューから変更可能です。
タイトルにアイコンもつけられます。
画像背景＋文字
SERVICE
タイトルやボタンなど他のパーツを入れたり、背景画像のサイズを変更することができます。
背景画像のサイズはツールの「配置を変更」で変更できるのでぜひ試してみてください。
バナー（画像＋テキストのみ）
gallery
キャプションも追加可能 キャプションも追加可能
title
title-strong
SERVICE
title-elegant
SERVICE業務案内
title-simple
SERVICE
title-round
診療のご案内
SPだけ表示、PCだけ表示
SPだけ表示（↓スペーサーいれてます） ※追加CSSクラスに「 hidden-pc 」を追加してください
PCだけ表示（↓スペーサーいれてます） ※追加CSSクラスに「 hidden-sp 」を追加してください
animation
スクロールで出てくる4つのアニメーションを用意しています。
スピードなどを調整したい場合はFTPで「_anima.scss」を修正してください。
fade-in-up ※追加CSSクラスに「 fade-in fade-in-up 」を追加してください
吾輩はここで始めて
人間というものを見た。
吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。
fade-in-down ※追加CSSクラスに「 fade-in fade-in-down 」を追加してください
吾輩はここで始めて
人間というものを見た。
吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。
fade-in-left ※追加CSSクラスに「 fade-in fade-in-left 」を追加してください
吾輩はここで始めて
人間というものを見た。
吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。
fade-in-right ※追加CSSクラスに「 fade-in fade-in-right 」を追加してください
吾輩はここで始めて
人間というものを見た。
吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。
feed
feed-txt-default
feed-txt-bg
feed-card-default
feed-card-border
feed-card-border
Info
info-default
LOGO
〒000-0000
住所住所住所住所xxxx-xxx ビル○階
※Google Mapのwidthは削除し、heightは適宜変更してください。
※TELに「i-tel」クラス名を付与すると電話アイコンがつきます。
TEL.0123-456-789
TEL0123-456-789
TEL.0123-456-789
info-wide
LOGO
〒000-0000
住所住所住所住所xxxx-xxx ビル○階
※Google Mapのwidthは削除し、heightは適宜変更してください。
※TELに「i-tel」クラス名を付与すると電話アイコンがつきます。
※背景色はエディタから変更できます。
TEL.0123-456-789
TEL0123-456-789
TEL.0123-456-789
info-full
LOGO
〒000-0000
住所住所住所住所xxxx-xxx ビル○階
※Google Mapのwidthは削除し、heightは適宜変更してください。
※TELに「i-tel」クラス名を付与すると電話アイコンがつきます。
TEL.0123-456-789
TEL0123-456-789
TEL.0123-456-789
Member
member-default
院長高田 聡
member-strong
DIRECTOR
SATOSHI
member-elegant
代表弁護士春元 弁護士harumoto
Step
step-light
STEP01
見出し
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
STEP02
見出し
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
STEP03
見出し
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
step-round
01
見出し
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
02
見出し
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
03
※このブロックが最後になるようにしてください
こちらはナンバーの下に「・・・」が付かないようにしています。
04以降増やす場合は、01 or 02をコピペしてください。
step-strong
STEP01
見出し
ステップを増やす場合はグループ内でブロックをコピペしてください。
STEP02
見出し
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
STEP03
見出し
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
step-elegant
STEP01
見出し
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
STEP02
見出し
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
STEP03
見出し
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
List
list-bg
| 21.08.02 | タイトルタイトルタイトルタイトル |
| 21.08.02 | タイトルタイトルタイトルタイトルタイトルタイトルタイトルタイトル |
list-line-black
| サービス01 | ¥0,000〜 |
| サービス01 | ¥0,000〜 |
list-line-gray
| 21.08.02 | タイトルタイトルタイトルタイトル |
| 21.08.02 | タイトルタイトルタイトルタイトルタイトルタイトルタイトルタイトル |
list-title-line
見出し （シャンプー・ブロー込み）
| 大人 | ¥0,000 |
| 大人 | ¥0,000 |
| 大人 | ¥0,000 |
list-title-line（2カラム使用例）
見出し （シャンプー・ブロー込み）
| 大人 | ¥0,000 |
| 大人 | ¥0,000 |
| 大人 | ¥0,000 |
見出し （シャンプー・ブロー込み）
| 大人 | ¥0,000 |
| 大人 | ¥0,000 |
| 大人 | ¥0,000 |
list-title-default
見出し （シャンプー・ブロー込み）
| 大人 | ¥0,000 |
| 大人 | ¥0,000 |
| 大人 | ¥0,000 |
list-title-default（2カラム使用例）
見出し （シャンプー・ブロー込み）
| 大人 | ¥0,000 |
| 大人 | ¥0,000 |
| 大人 | ¥0,000 |
見出し （シャンプー・ブロー込み）
| 大人 | ¥0,000 |
| 大人 | ¥0,000 |
| 大人 | ¥0,000 |