レイアウト ｜ 「まほろば」は、津島市南本町・津島市東愛宕町・津島市青塚町・名古屋市中川区大当郎にある有料老人ホーム・デイサービス・ショートステイなどの介護施設です。
concept_02
レイアウト
2分割（col_2）
エリアを半分に分割します（48％）
スマートフォンでは縦並びになります。
2分割（col_1_1）
エリアを半分に分割します（48％）
スマートフォンではそのまま横並びになります。
2分割（col_1_2）
エリアを1:2に分割します（40％ 56％）
スマートフォンでは縦並びになります。
2分割（col_2_1）
エリアを二分割します（56％ 40％）
スマートフォンでは縦並びになります。
2分割（col_1_3）
エリアを1:3に分割します（25％ 71％）
スマートフォンでは縦並びになります。
2分割（col_3_1）
エリアを3:1に分割します（71％ 25％）
スマートフォンでは縦並びになります。
3分割（col_3）
エリアを3分割します（31％）
スマートフォンでは縦並びになります。
3分割スマホ2分割（col_3_sp_2）
エリアを3分割します（31％）
スマートフォンでは2分割になります。
4分割（col_4）
エリアを4分割します（23.5％）
スマートフォンでは2分割になります。
5分割（col_5）
エリアを5分割します（17.6％）
スマートフォンでは2分割になります。
高さ揃え（matchHeight）
リスト内部のテキストや内部コンテンツの量に応じてliタグの高さを揃えます。
<ul class="col_3 matchHeight mb30"> <li class="bd1 p10"> <figure class="mb10"><img src="[theme_dir]/img/concept/img_01.jpg" alt=""></figure> <p>テキストや内部コンテンツの量に応じて→</p> </li> <li class="bd1 p10"> <figure class="mb10"><img src="[theme_dir]/img/concept/img_02.jpg" alt=""></figure> <p>高さの異なるリストを一番高いセルに合わせた高さに変更します。</p> </li> <li class="bd1 p10"> <figure class="mb10"><img src="[theme_dir]/img/concept/img_03.jpg" alt=""></figure> <p>カラム落ちを防ぐために基本的に横並びのリストには適応してください。<br> ※フレックスボックス(display:flex)はIE11のシェアが低下するまで使用を控えてください。</p> </li> </ul>
テキストや内部コンテンツの量に応じて→
高さの異なるリストを一番高いセルに合わせた高さに変更します。
カラム落ちを防ぐために基本的に横並びのリストには適応してください。
※フレックスボックス(display:flex)はIE11のシェアが低下するまで使用を控えてください。
3分割スマホ2分割（concept_col_3）
concept_col_3_txtのエリアがPCでは画像の上に重なります。
スマホでは右側の配置になります。
con_w_box
Concept01
「concept_col_3_txt_c」
con_w_box
Concept02
「concept_col_3_txt_c」
con_w_box
Concept03
「concept_col_3_txt_c」
2分割（con_col_1_2）
con_tit内はテキストです。
スマホではcon_titを上に縦並び1カラムになります。
Concept01
見出し
タイトル1
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキスト
Concept02
見出し
タイトル2
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
Concept03
見出し
タイトル3
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
流れ（fl_bd flow_num）
.flow_num 内の数字は可変です。
step
01
お問い合わせ
まずは、お電話またはホームページよりお気軽にお問合せください。
step
02
ヒアリング
お客様の思い描くイメージをお聞かせください。
もちろん、計画もしっかりと。丁寧にお聞きすることで不安をひとつひとつ解消いたします。
step
03
調査
法的規制やインフラの有無、周辺環境などを調査します。
具体的な計画を始める前に調査することで、適した設計が可能となります。安全性や快適性に優れた環境ご提案させていただきます。
step
04
プラン作成
お客様の将来設計も含めて一緒に考えさせて頂きます。
step
05
お見積り
概算のお見積りを提出させて頂きます。
これからの計画についても更なるヒアリングで詰めていきます。
step
06
ご契約
何度も話し合った内容を改めてご確認いただき、スケジュールもご説明いたします。
お客様に納得いただいたうえで、ご契約を結びます。
step
07
調査
問題が隠れていないかどうかを調査します。
明らかにしたうえで最適な基礎仕様、改良を実施します。
step
08
素材や色の選択などの相談や提案をさせて頂きます。
step
09
確認申請
必要な申請書類等を作成し、諸官庁に提出いたします。
step
10
地鎮祭
家族の安泰、工事の安全を祈願する地鎮祭を行います。
step
11
着工
いよいよ着工です。
設計段階ではわからなかった細かな部分も丁寧に進めさせていただきます。
step
12
検査/納品・お引渡し
当地でも最終確認をおこなったうえでお引渡しとなります。
step
13
アフターケア
定期的な点検をし、不具合がないかチェックします。
また、メンテナンスの相談も承ります。
