八屋産業株式会社

concept

レイアウト

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="https://www.hachiyasangyo.com/wp-content/themes/template03/img/concept/img_01.jpg" alt=""></figure>
		<p>テキストや内部コンテンツの量に応じて→</p>
	</li>
	<li class="bd1 p10">
		<figure class="mb10"><img src="https://www.hachiyasangyo.com/wp-content/themes/template03/img/concept/img_02.jpg" alt=""></figure>
		<p>高さの異なるリストを一番高いセルに合わせた高さに変更します。</p>
	</li>
	<li class="bd1 p10">
		<figure class="mb10"><img src="https://www.hachiyasangyo.com/wp-content/themes/template03/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

アフターケア

定期的な点検をし、不具合がないかチェックします。
また、メンテナンスの相談も承ります。

Contact-お問い合わせ-

お気軽にお問い合わせください
小さなリフォームから大規模リフォームまで承ります。

0584-73-1169

受付時間 8:00~17:00 定休日 土・日曜日(年末・祝日)

0584-73-1169