flow_001
目次ブロック（５カラムまで）
STEP 1
お問い合わせ
サービスについて気になる点やお見積りのご希望など、何でもご相談ください。スタッフが丁寧にお応えします。
STEP 2
打ち合わせ
ご希望の内容や条件を詳しく伺いながら、最適なプランや進め方をご提案いたします。
STEP 3
お申し込み・契約
内容にご納得いただけましたら、お申し込みへ進みます。ご契約の手続きもスムーズにご案内いたします。
STEP 4
サービス開始
ご契約後は、すぐにサービスをスタート。アフターサポートまでしっかり対応いたしますのでご安心ください。
アルバムブロック（６カラム超）
STEP 1
お問い合わせ
サービスについて気になる点やお見積りのご希望など、何でもご相談ください。スタッフが丁寧にお応えします。
STEP 2
打ち合わせ
ご希望の内容や条件を詳しく伺いながら、最適なプランや進め方をご提案いたします。
STEP 3
お申し込み・契約
内容にご納得いただけましたら、お申し込みへ進みます。ご契約の手続きもスムーズにご案内いたします。
STEP 4
サービス開始
ご契約後は、すぐにサービスをスタート。アフターサポートまでしっかり対応いたしますのでご安心ください。
STEP 5
お申し込み・契約
内容にご納得いただけましたら、お申し込みへ進みます。ご契約の手続きもスムーズにご案内いたします。
STEP 6
サービス開始
ご契約後は、すぐにサービスをスタート。アフターサポートまでしっかり対応いたしますのでご安心ください。
fontawesomeを使う時
before要素でfontawesomeを使用しているブロックでは、上記ブロック内の最後に、カスタムタグで以下のコードを入れてあります。
<link href="https://use.fontawesome.com/releases/v5.0.6/css/all.css" rel="stylesheet">
Blockをコピペで利用したいページに貼り付けただけで利用できますが、複数のブロックで利用する場合には、上記コードを<head>内にコピペすることでブロックごとにあるカスタムタグは削除可能です。
フローの流れを表現するfontawesomeのアイコンを変更したい時には、各ブロックで設定しているDRESSにある、before要素の「内容」で下記を参考に変更してください。その時、最初と最後の"を含めてコピペしてください。
"\f054"
"\f078"
"\f061"
"\f063"
"\f0da"
"\f0d7"
"\f101"
"\f103"
"\f138"
"\f13a"
"\f0a9"
"\f0ab"
"\f35a"
"\f358"
"\f152"
"\f150"
"\f105"
"\f107"