SAMPLE

レイアウトサンプルページ

テーブル(表)レイアウトサンプル①
th th th th
td td td td
td td td td
td td td td
<section class="sec" id="sec11-3">
	<div class="inner">
		<div class="part-table01">
			<table>
				<tr>
					<th>th</th>
					<th>th</th>
					<th>th</th>
					<th>th</th>
				</tr>
				<tr>
					<td>td</td>
					<td>td</td>
					<td>td</td>
					<td>td</td>
				</tr>
				<tr>
					<td>td</td>
					<td>td</td>
					<td>td</td>
					<td>td</td>
				</tr>
				<tr>
					<td>td</td>
					<td>td</td>
					<td>td</td>
					<td>td</td>
				</tr>
			</table>
		</div>
	</div>
</section>
テーブル(表)レイアウトサンプル②
th td td td
th td td td
th td td td
th td td td
	
	<section class="sec" id="sec12-3">
		<div class="inner">
			<div class="part-table02">
				<table>
					<tr>
						<th>th</th>
						<td>td</td>
						<td>td</td>
						<td>td</td>
					</tr>
					<tr>
						<th>th</th>
						<td>td</td>
						<td>td</td>
						<td>td</td>
					</tr>
					<tr>
						<th>th</th>
						<td>td</td>
						<td>td</td>
						<td>td</td>
					</tr>
					<tr>
						<th>th</th>
						<td>td</td>
						<td>td</td>
						<td>td</td>
					</tr>
				</table>
			</div>
		</div>
	</section>	
	
リストサンプル
  • リスト
  • リスト
  • リスト
    • リスト
    • リスト
  1. リスト
  2. リスト
  3. リスト
    • リスト
    • リスト
<section class="sec" id="sec13-3">
	<div class="inner">
		<div class="part-list01">
			<ul>
				<li>リスト</li>
				<li>リスト</li>
				<li>
					リスト
					<ul class="child">
						<li>リスト</li>
						<li>リスト</li>
					</ul>
				</li>
			</ul>
			<ol>
				<li>リスト</li>
				<li>リスト</li>
				<li>
					リスト
					<ul class="child">
						<li>リスト</li>
						<li>リスト</li>
					</ul>
				</li>
			</ol>
		</div>
	</div>
</section>
写真+文章(背景つき)

本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。 本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。 本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります 。本文が入ります。
本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。 本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。 本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。 本文が入ります。

本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。 本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。 本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。 本文が入ります。
本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。 本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。 本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。 本文が入ります。

<section class="sec" id="sec14-3">
<div class="part-parag02">
<div class="flex-area outer">
<figure class="pic">
<img src="https://kanaju.com/reform/wp-content/themes/reform_renewal/images/index-slide-after01.jpg" alt="">
</figure>
<div class="txt">
<p class="parag">
本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。
本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。
本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。
本文が入ります。<br class="br">
本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。
本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。
本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。
本文が入ります。
</p>
</div>
</div>

<div class="flex-area outer">
<figure class="pic">
<img src="https://kanaju.com/reform/wp-content/themes/reform_renewal/images/index-slide-after01.jpg" alt="">
</figure>
<div class="txt">
<p class="parag">
本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。
本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。
本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。
本文が入ります。<br class="br">
本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。
本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。
本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。
本文が入ります。
</p>
</div>
</div>
</div>
</section>
テキストエリア(薄背景付き)

薄背景あり本文が入ります。薄背景あり本文が入ります。
薄背景あり本文が入ります。薄背景あり本文が入ります。

<section class="sec" id="sec15-3">
	<div class="inner">
		<div class="part-txt02">
			<p class="parag">
				薄背景あり本文が入ります。薄背景あり本文が入ります。<br class="br">
				薄背景あり本文が入ります。薄背景あり本文が入ります。
			</p>
		</div>
	</div>
</section>
テキストエリア(縁取り付き)

縁取り本文が入ります。縁取り本文が入ります。縁取り本文が入ります。
縁取り本文が入ります。縁取り本文が入ります。縁取り本文が入ります。

<section class="sec" id="sec16-3">
<div class="inner">
	<div class="part-txt03">
		<p class="parag">
		縁取り本文が入ります。縁取り本文が入ります。縁取り本文が入ります。<br class="br">
		縁取り本文が入ります。縁取り本文が入ります。縁取り本文が入ります。
		</p>
	</div>
</div>
</section>
テキストエリア(ベタ打ち)

縁取り本文が入ります。縁取り本文が入ります。縁取り本文が入ります。
縁取り本文が入ります。縁取り本文が入ります。縁取り本文が入ります。

<section class="sec" id="sec16-3">
<div class="inner">
	<div class="part-txt01">
		<p class="parag">
		縁取り本文が入ります。縁取り本文が入ります。縁取り本文が入ります。<br class="br">
		縁取り本文が入ります。縁取り本文が入ります。縁取り本文が入ります。
		</p>
	</div>
</div>
</section>
ボタン①

		<div class="part-btn01">
			<a href="">ボタン</a>
		</div>

ボタン①-2

		<div class="part-btn01 green">
			<a href="">ボタン</a>
		</div>

ボタン②

		<div class="part-btn02">
			<a href="">ボタン</a>
		</div>

ボタン②

		<div class="part-btn02 green">
			<a href="">ボタン</a>
		</div>

ボタン③

		<div class="part-btn01" id="sec21-3">
			<a href="" class="btn01">ボタン</a>
		</div>

ボタン③

		<div class="part-btn01 green" id="sec21-3">
			<a href="" class="btn01">ボタン</a>
		</div>

3カラムレイアウト(写真+日付+カテゴリー+文章)
<section class="sec" id="sec19-3">
	<div class="inner">
		<div class="part-post01">
			<ul>
				<li>
					<a href="works-detail.html">
						<figure class="pic">
							<img src="https://kanaju.com/reform/wp-content/themes/reform_renewal/images/index-sec03-pic01.jpg" alt="タイトル">
						</figure>
						<div class="date-cat">
							<time class="date">2021.05.27</time><span class="cat">マンション</span>
						</div>
						<h3 class="post-ttl">タイトルタイトルタイトルタイトルタイトルタイトル</h3>
					</a>
				</li>
				<li>
					<a href="works-detail.html">
						<figure class="pic lato">
							<img src="https://kanaju.com/reform/wp-content/themes/reform_renewal/images/index-sec03-pic01.jpg" alt="タイトル">
						</figure>
						<div class="date-cat">
							<time class="date">2021.05.27</time><span class="cat">マンション</span>
						</div>
						<h3 class="post-ttl">タイトルタイトルタイトルタイトルタイトルタイトル</h3>
					</a>
				</li>
				<li>
					<a href="works-detail.html">
						<figure class="pic lato">
							<img src="https://kanaju.com/reform/wp-content/themes/reform_renewal/images/index-sec03-pic01.jpg" alt="タイトル">
						</figure>
						<div class="date-cat">
							<time class="date">2021.05.27</time><span class="cat">マンション</span>
						</div>
						<h3 class="post-ttl">タイトルタイトルタイトルタイトルタイトルタイトル</h3>
					</a>
				</li>
			</ul>
		</div>
	</div>
</section>
スライダー
<section class="sec" id="sec20-3">
	<div class="part-slide01 outer">
		<ul>
			<li>
				<figure class="pic"><img src="https://kanaju.com/reform/wp-content/uploads/2021/12/75c140d3601436d9bf49d9f8aa3af58a.jpg" alt=""></figure>
			</li>
			<li>
				<figure class="pic"><img src="https://kanaju.com/reform/wp-content/uploads/2021/12/75c140d3601436d9bf49d9f8aa3af58a.jpg" alt=""></figure>
			</li>
			<li>
				<figure class="pic"><img src="https://kanaju.com/reform/wp-content/uploads/2021/12/75c140d3601436d9bf49d9f8aa3af58a.jpg" alt=""></figure>
			</li>
			<li>
				<figure class="pic"><img src="https://kanaju.com/reform/wp-content/uploads/2021/12/75c140d3601436d9bf49d9f8aa3af58a.jpg" alt=""></figure>
			</li>
		</ul>
		<div class="arrows"></div>
	</div>
</section>
スタッフ紹介
手順
STEP01
ヒアリング

ヒアリング

いまのご不満な点・改善したい点をお伺いするのはもちろん、一見リフォームに関係ないようなお話からお客様の暮らしのイメージを掴んで行くこともあります。
どんなことでもご遠慮なくお話しください。

STEP02
プランニング

プランニング

お客様からのヒアリングを元にリフォームのプランニングを行います。
ときには部分的に何枚もラフスケッチを描きながら、プランやインテリアを立体的に考えていきます。
女性ならではの細かい視点を加えていきながら、お客様だけのこだわりプランをつくっていきます。

STEP03
イメージづくり

イメージづくり

平面図では出来上がりのイメージが分かりにくいことも。
女性プランナーが描き上げるスケッチは、イメージがわかりやすいと好評です。
出来上がりのイメージに近いインテリア写真などとも合わせて、お客様とイメージを膨らませていきます。

STEP04
インテリアコーディネート・ショールーム同行

インテリアコーディネート・ショールーム同行

女性プランナーがインテリアのイメージに合った仕上げ材をコーディネートしてご提案します。
フローリングやタイル、無垢の素材などは実物を見て触っていただきます。
また、キッチンなどの住宅設備はショールームに同行してイメージがぴったり合うまでお打ち合わせを重ねます。

STEP05
工事完了

工事完了

スケッチでリフォーム後のイメージをもっていただいている為、仕上がりとお客様のイメージが違うということがありません。
世界にひとつだけのこだわりの家が完成します。

<section id="sec02-2" class="sec inner">
	<!-- 1 -->
	<div class="part-txt02">
		<div class="lato step">STEP01</div>
		<figure class="pic">
			<img src="https://kanaju.com/reform/wp-content/themes/reform_renewal/images/woman-pic02.jpg" alt="ヒアリング">
		</figure>
		<div class="txt">
			<div class="part-ttl03-3 part-ttl03">
				<h3>ヒアリング</h3>
			</div>
			<div class="part-txt01">
				<p class="parag">
					いまのご不満な点・改善したい点をお伺いするのはもちろん、一見リフォームに関係ないようなお話から
					お客様の暮らしのイメージを掴んで行くこともあります。<br class="br">
					どんなことでもご遠慮なくお話しください。
				</p>
			</div>
		</div>
	</div>
			
	<!-- 2 -->
	<div class="part-txt02">
		<div class="lato step">STEP02</div>
		<figure class="pic">
			<img src="https://kanaju.com/reform/wp-content/themes/reform_renewal/images/woman-pic03.jpg" alt="プランニング">
		</figure>
		<div class="txt">
			<div class="part-ttl03-3 part-ttl03">
				<h3>プランニング</h3>
			</div>
			<div class="part-txt01">
				<p class="parag">
					お客様からのヒアリングを元にリフォームのプランニングを行います。<br class="br">
					ときには部分的に何枚もラフスケッチを描きながら、プランやインテリアを立体的に考えていきます。<br class="br">
					女性ならではの細かい視点を加えていきながら、お客様だけのこだわりプランをつくっていきます。
				</p>
			</div>
		</div>
	</div>
			
	<!-- 3 -->
	<div class="part-txt02">
		<div class="lato step">STEP03</div>
		<figure class="pic">
			<img src="https://kanaju.com/reform/wp-content/themes/reform_renewal/images/woman-pic04.jpg" alt="イメージづくり">
		</figure>
		<div class="txt">
			<div class="part-ttl03-3 part-ttl03">
				<h3>イメージづくり</h3>
			</div>
			<div class="part-txt01">
				<p class="parag">
				平面図では出来上がりのイメージが分かりにくいことも。<br class="br">
				女性プランナーが描き上げるスケッチは、イメージがわかりやすいと好評です。<br class="br">
				出来上がりのイメージに近いインテリア写真などとも合わせて、お客様とイメージを膨らませていきます。
				</p>
			</div>
		</div>
	</div>
			
	<!-- 4 -->
	<div class="part-txt02">
		<div class="lato step">STEP04</div>
			<figure class="pic">
				<img src="https://kanaju.com/reform/wp-content/themes/reform_renewal/images/woman-pic05.jpg" alt="インテリアコーディネート・ショールーム同行">
		</figure>
		<div class="txt">
			<div class="part-ttl03-3 part-ttl03">
				<h3>インテリアコーディネート・ショールーム同行</h3>
			</div>
			<div class="part-txt01">
				<p class="parag">
			女性プランナーがインテリアのイメージに合った仕上げ材をコーディネートしてご提案します。<br class="br">
			フローリングやタイル、無垢の素材などは実物を見て触っていただきます。<br class="br">
			また、キッチンなどの住宅設備はショールームに同行してイメージがぴったり合うまでお打ち合わせを重ねます。
				</p>
			</div>
		</div>
	</div>
			
	<!-- 5 -->
	<div class="part-txt02">
		<div class="lato step">STEP05</div>
		<figure class="pic">
			<img src="https://kanaju.com/reform/wp-content/themes/reform_renewal/images/woman-pic06.jpg" alt="工事完了">
			</figure>
		<div class="txt">
			<div class="part-ttl03-3 part-ttl03">
				<h3>工事完了</h3>
			</div>
			<div class="part-txt01">
				<p class="parag">
			スケッチでリフォーム後のイメージをもっていただいている為、仕上がりとお客様のイメージが違うということがありません。<br class="br">
			世界にひとつだけのこだわりの家が完成します。
				</p>
		</div>
		</div>
	</div>
</section>
スケッチ
女性プランナーがご提案したイメージスケッチ
女性プランナーがご提案したイメージスケッチ

カナジュウリフォームが自慢すること、それは「完成図のイメージスケッチ(手描きパース)」です。
施工後と比較すると、ほとんどスケッチ通りのリフォームに驚かれる方が非常に多いのです。

そしてもう一つの自慢が、女性プランナーのプラン提案です。
「おしゃれで素敵にリフォームしたい!」「今より使い勝手を良くしたい!」と頂く奥様からの声。
同じ女性目線で奥様のご要望を良くお聞きしてから、ご提案プランを作成します。

カナジュウリフォームは、よりリーズナブルに、より素敵なリフォームをご提案いたします。

<section id="sec05-2" class="inner">
	<div class="part-pic02">
		<div class="pic-box">
			<figure class="pic">
				<img src="https://kanaju.com/reform/wp-content/themes/reform_renewal/images/woman-pic29.jpg" alt="女性プランナーがご提案したイメージスケッチ">
			</figure>
		</div>
		<div class="pic-box">
			<figure class="pic">
				<img src="https://kanaju.com/reform/wp-content/themes/reform_renewal/images/woman-pic30.jpg" alt="女性プランナーがご提案したイメージスケッチ">
			</figure>
		</div>
	</div>
	<div class="txt">
		<div class="part-txt01">
			<p class="parag">
				カナジュウリフォームが自慢すること、それは「完成図のイメージスケッチ(手描きパース)」です。<br class="br">
				施工後と比較すると、ほとんどスケッチ通りのリフォームに驚かれる方が非常に多いのです。
			</p>
			<p class="parag">
			そしてもう一つの自慢が、女性プランナーのプラン提案です。<br class="br">
		「おしゃれで素敵にリフォームしたい!」「今より使い勝手を良くしたい!」と頂く奥様からの声。<br class="br">
		同じ女性目線で奥様のご要望を良くお聞きしてから、ご提案プランを作成します。
			</p>
			<p class="parag">
		カナジュウリフォームは、よりリーズナブルに、より素敵なリフォームをご提案いたします。
			</p>
		</div>
	</div>
</section>
タイトル+文章+写真

荷物の整理・一時保管、仮住まいご相談下さい

リフォームはモノを整理整頓する最大のチャンス!
しかし工事前の荷物整理は大仕事・・・。
カナジュウでは荷物の整理や一時預かりのサービスを承っております

荷物整理・仮住い紹介サービスのイメージ画像
<section id="sec06-2" class="sec inner">
	<div class="part-ttl01-2 part-ttl01">
		<h2>荷物の整理・一時保管、仮住まいご相談下さい</h2>
	</div>

	<div class="outline-area">
		<div class="txt">
			<div class="part-txt01">
				<p class="parag">
					リフォームはモノを整理整頓する最大のチャンス!<br class="br">
					しかし工事前の荷物整理は大仕事・・・。<br class="br">
					カナジュウでは荷物の整理や一時預かりのサービスを承っております
				</p>
			</div>
		</div>
		<figure class="pic">
			<img src="https://kanaju.com/reform/wp-content/themes/reform_renewal/images/temporary-pic01.jpg" alt="荷物整理・仮住い紹介サービスのイメージ画像">
		<figure>
	</div>
</section>
タイトル+背景付き文章+写真

仮住まいが出来る集合住宅のご紹介

長期にわたる大規模リフォームの場合などは、仮住まいが出来る集合住宅などをご紹介しております。
仮住まいが必要な際は、お気軽にご相談下さい。

仮住まいが出来る集合住宅のご紹介のイメージ画像
<section id="sec07-2" class="sec inner">	
	<div class="part-ttl02-3 part-ttl02">
		<h3>仮住まいが出来る集合住宅のご紹介</h3>
	</div>

	<div class="residence">
		<div class="txt">
			<div class="part-txt01">
				<p class="parag">
					長期にわたる大規模リフォームの場合などは、仮住まいが出来る集合住宅などをご紹介しております。<br class="br">
					仮住まいが必要な際は、お気軽にご相談下さい。
				</p>
			</div>
		</div>
		<figure class="pic">
			<img src="https://kanaju.com/reform/wp-content/themes/reform_renewal/images/temporary-pic02.jpg" alt="仮住まいが出来る集合住宅のご紹介のイメージ画像">
		</figure>
	</div>
</section>

	
タイトル+文章+写真2枚 サンプル①

品質管理

リフォーム工事において、妥協を許さない確実な工事品質を行っております。
製品・工事の品質に優劣が出ないように、社内基準を設け、工事完了を有資格者が万全のチェックを 行います。
万が一の事故に対しても、お客様のご納得が得られるように誠心誠意のご対応をさせて頂くと共に 再発防止を徹底していきます。

<section id="sec08-2" class="inner sec">
	<!-- 1 -->
		<div class="part-ttl01-2 part-ttl01">
			<h2>品質管理</h2>
	</div>
	<div class="detail">
		<div class="txt">
			<div class="part-txt01">
				<p class="parag">
					リフォーム工事において、妥協を許さない確実な工事品質を行っております。<br class="br">
					製品・工事の品質に優劣が出ないように、社内基準を設け、工事完了を有資格者が万全のチェックを 行います。<br class="br">
					万が一の事故に対しても、お客様のご納得が得られるように誠心誠意のご対応をさせて頂くと共に 再発防止を徹底していきます。
				</p>
			</div>
		</div>
		<div class="pic-area">
			<figure class="pic">
				<img src="https://kanaju.com/reform/wp-content/themes/reform_renewal/images/outline-pic02.jpg" alt="">
			</figure>
			<figure class="pic">
				<img src="https://kanaju.com/reform/wp-content/themes/reform_renewal/images/outline-pic03.jpg" alt="">
			</figure>
		</div>	
	</div>
</section>
タイトル+文章+写真2枚 サンプル②

カナジュウのリフォーム担当スタッフが
お客様が頭で描いたリフォームの実現に向けて
全力でお手伝いします

カナジュウ・コーポレーションのリフォーム担当スタッフは、女性プランナーを中心にお客様の実現したいリフォームを徹底的にヒアリングし、お客様が頭で描いたリフォームに近づける様に最大限努力致します。

「毎日使うスペースだからリフォームはこだわりたい・・」
そんなご相談をカナジュウのリフォームスタッフはお待ちしております。

カナジュウコーポレーションのスタッフ
カナジュウコーポレーションのスタッフ紹介のイメージ画像
<section id="sec12-2" class="sec inner">
	<div class="txt">
		<div class="part-ttl02-4 part-ttl02">
			<h2>
				カナジュウのリフォーム担当スタッフが<br class="pc br">
				お客様が頭で描いたリフォームの実現に向けて<br class="pc br">
				全力でお手伝いします
			</h2>
		</div>
		<div class="part-txt01">
			<p class="parag">
	カナジュウ・コーポレーションのリフォーム担当スタッフは、女性プランナーを中心にお客様の実現したいリフォームを徹底的にヒアリングし、
	お客様が頭で描いたリフォームに近づける様に最大限努力致します。
			</p>
			<p class="parag">
			「毎日使うスペースだからリフォームはこだわりたい・・」<br class="br">
			そんなご相談をカナジュウのリフォームスタッフはお待ちしております。
			</p>
		</div>
	</div>
	<div class="pic-area">
		<figure class="pic">
			<img src="https://kanaju.com/reform/wp-content/themes/reform_renewal/images/staff-pic01.webp" alt="カナジュウコーポレーションのスタッフ">
		</figure>
		<figure class="pic">
			<img src="https://kanaju.com/reform/wp-content/themes/reform_renewal/images/staff-pic02.webp" alt="カナジュウコーポレーションのスタッフ紹介のイメージ画像">
		</figure>
	<div>
</section>
ピックアップサンプル①

PICK UPピックアップ事例

マンション

タイル張りの腰壁が可愛いLDKリフォーム

横浜市緑区M様邸

金額
200万円台
築年数
15年

中古マンションを購入しLDKをメインにリフォームされたM様。プランナーの提案により、キッチンの腰壁に奥様がお好きなブルーを効かせたタイルを使っておしゃれに演出しました。リビングダイニングのブルーのアクセントクロスと合わせて明るい空間ができました。

<section id="sec15-2" class="sec">
	<a href="works-detail.html">
		<div class="inner">
			<div class="part-ttl01-1 part-ttl01">
				<h2 class="sec-ttl01"><span class="lato">PICK UP</span>ピックアップ事例</h2>
			</div>
		</div>
		<div class="example-area">
			<figure class="pic">
				<img src="https://kanaju.com/reform/wp-content/themes/reform_renewal/images/ldk-pic11.jpg" alt="">
			</figure>
			<div class="txt">
				<span class="cat">マンション</span>
				<div class="part-ttl03-4 part-ttl03">
					<h3>タイル張りの腰壁が可愛いLDKリフォーム</h3>
				</div>
	
				<h4>横浜市緑区M様邸</h4>
				<div class="data">
					<dl>
						<dt>金額</dt>
						<dd>200万円台</dd>
					</dl>
					<dl>
						<dt>築年数</dt>
						<dd>15年</dd>
					</dl>
				</div>
				<div class="part-txt01">
					<p class="parag">
						中古マンションを購入しLDKをメインにリフォームされたM様。プランナーの提案により、
						キッチンの腰壁に奥様がお好きなブルーを効かせたタイルを使っておしゃれに演出しました。
						リビングダイニングのブルーのアクセントクロスと合わせて明るい空間ができました。
					</p>
				</div>
			</div>
		</div>
	</a>
</section>
タイトル+写真2枚+縁取りありの文章

アクセントクロスで見せる新しいLDKのカタチ

  • アクセントクロスで見せる新しいLDKのカタチ
  • アクセントクロスで見せる新しいLDKのカタチ

壁1面だけを別色のクロスにして、リビングダイニングの空間に変化をつけるアクセントクロスをご要望するお客様が増えてきました。フローリングの色も空間イメージに変化を与えるため、カナジュウリフォームではお客様のご要望を伺った後にプランナーがご提案致します。

<section id="sec16-2">
	<div class="inner sec">
		<div class="part-ttl01-3 part-ttl01">
			<h2>アクセントクロスで見せる新しいLDKのカタチ</h2>
		</div>
		<ul class="pic-list">
			<li>
				<figure class="pic">
					<img src="https://kanaju.com/reform/wp-content/themes/reform_renewal/images/ldk-pic12.jpg" alt="アクセントクロスで見せる新しいLDKのカタチ">
				</figure>
			</li>
			<li>
				<figure class="pic">
					<img src="https://kanaju.com/reform/wp-content/themes/reform_renewal/images/ldk-pic13.jpg" alt="アクセントクロスで見せる新しいLDKのカタチ">
				</figure>
			</li>
		</ul>
		<div class="part-txt03">
			<p class="parag">
				壁1面だけを別色のクロスにして、リビングダイニングの空間に変化をつけるアクセントクロスをご要望する
				お客様が増えてきました。フローリングの色も空間イメージに変化を与えるため、カナジュウリフォームでは
				お客様のご要望を伺った後にプランナーがご提案致します。
			</p>
		</div>
	</div>
</section>
	
ピックアップサンプル②

PICK UPオープン棚を作った収納豊富な洗面リフォーム事例

洗面スペースはお風呂の脱衣所や洗濯を行うランドリールームも兼ねている場合も多く、タオルや洗剤など必要な物を収納するスペースも必要になります。
壁に造作の棚を作って、雑然とした洗面空間をリフォームのついでに整理してみてはいかがでしょうか。

MORE DETAIL
<section id="sec17-2" class="sec">
	<div class="inner">
		<div class="part-ttl01-1 part-ttl01">
			<h2 class="sec-ttl01"><span class="lato">PICK UP</span>オープン棚を作った収納豊富な洗面リフォーム事例</h2>
		</div>
		<div class="examples">
			<a href="works-detail.html">
				<figure class="pic">
					<img src="https://kanaju.com/reform/wp-content/themes/reform_renewal/images/washroom-pic08.jpg"alt="">
				</figure>
			</a>
				
			<div class="txt">
				<div class="part-txt01">
					<p class="parag">
					洗面スペースはお風呂の脱衣所や洗濯を行うランドリールームも兼ねている場合も多く、タオルや洗剤など
					必要な物を収納するスペースも必要になります。<br class="br">
					壁に造作の棚を作って、雑然とした洗面空間をリフォームのついでに整理してみてはいかがでしょうか。
					</p>
				</div>
				<a href="works-detail.html" class="btn01 lato">MORE DETAIL</a>
			</div>
		</div>
	</div>
</section>
ピックアップサンプル③

セカンド洗面があるお家

セカンド洗面があるお家

セカンド洗面でいつでも衛生面に気を配る

こんな時代だからこそ、2台目の洗面所を考えるご家庭が増えています。玄関先や2階の廊下など、お子様やご来客の方もすぐに手を洗える場所を作るご家庭が増えているそうです。
セカンド洗面を導入する理由として、衛生面はもちろんの事、朝の忙しい時間の洗面化粧台の渋滞を避ける事も人気の設置理由としてあるそうです。

<section id="sec18-2">
	<div class="inner sec">
		<div class="part-ttl01-3 part-ttl01">
			<h2>セカンド洗面があるお家</h2>
		</div>
		<div class="description">
			<figure class="pic">
				<img src="https://kanaju.com/reform/wp-content/themes/reform_renewal/images/washroom-pic09.jpg" alt="セカンド洗面があるお家">
			</figure>
			<div class="txt">
				<div class="part-ttl03-4 part-ttl03">
					<h4>セカンド洗面でいつでも衛生面に気を配る</h4>
				</div>
				<p class="parag">
					こんな時代だからこそ、2台目の洗面所を考えるご家庭が増えています。玄関先や2階の廊下など、
					お子様やご来客の方もすぐに手を洗える場所を作るご家庭が増えているそうです。<br class="br">
					セカンド洗面を導入する理由として、衛生面はもちろんの事、朝の忙しい時間の洗面化粧台の渋滞
					を避ける事も人気の設置理由としてあるそうです。
				</p>
			</div>
		</div>
	</div>
</section>
ピックアップサンプル②

PICK UP壁にニッチを造作したトイレリフォーム事例

トイレットペーパーなどを入れる棚以外にも、壁面にニッチ(壁面にくぼみでスペースを作る)を作って、ちょっとした小物を飾るスペースを作るとトイレ空間の雰囲気もガラッと変わります。

<section id="sec19-2" class="sec">
	<div class="inner">
		<div class="part-ttl01-1 part-ttl01">
			<h2 class="sec-ttl01"><span class="lato">PICK UP</span>壁にニッチを造作したトイレリフォーム事例</h2>
		</div>
		<ul class="examples">
			<li>
				<a href="works-detail.html">
					<figure class="pic">
						<img src="https://kanaju.com/reform/wp-content/themes/reform_renewal/images/toilet-pic11.jpg" alt="">
					</figure>
					<div class="btn01 lato">MORE DETAIL</div>
				</a>
			</li>
			<li>
				<a href="works-detail.html">
					<figure class="pic">
						<img src="https://kanaju.com/reform/wp-content/themes/reform_renewal/images/toilet-pic12.jpg" alt="">
					</figure>
					<div class="btn01 lato">MORE DETAIL</div>
				</a>
			</li>
		</ul>
		<div class="part-txt03">
			<p class="parag">
				トイレットペーパーなどを入れる棚以外にも、壁面にニッチ(壁面にくぼみでスペースを作る)を作って、
				ちょっとした小物を飾るスペースを作るとトイレ空間の雰囲気もガラッと変わります。
			</p>
		</div>
	</div>
</section>
お問い合わせサンプル①

リフォームローンに関する
お問い合わせ

当社でリフォームローンも取り扱っております。
ご相談はお気軽にお電話、ホームページからお問い合わせ下さい。

<section id="sec22-2" class="inner align-center">
	<div class="part-txt02">
		<div class="part-ttl03-4 part-ttl03">
			<h2 class="sec-sub-ttl01"><span>リフォームローンに関する<br class="sp br">お問い合わせ</span></h2>
		</div>	
		<div class="part-txt01">
			<p class="parag">
			当社でリフォームローンも取り扱っております。<br class="br">
			ご相談はお気軽にお電話、ホームページからお問い合わせ下さい。
			</p>
		</div>
		<ul>
			<li>
				<div class="part-btn01">
					<a href="contact.html" class="btn01">Lお問い合わせ・ご相談はこちら</a>
				</div>
			</li>
			<li>
				<a href="tel:045-301-7266" class="tel-btn-area">
					<div class="btn-inner">
						<p class="lato">045-301-7266</p>
						<p class="msg">24時間365日受付</p>
					</div>
				</a>
			</li>
		</ul>
	</div>
</section>
お問い合わせサンプル②

当社の個人情報の取扱いに関するご相談や苦情等のお問い合わせについては、
下記の窓口までご連絡いただきますよう、お願い申し上げます。

個人情報お問合せ係

045-301-7266

営業時間:10:00~17:00 / 定休日:夏季、年末年始

<section id="sec23-2" class="inner sec">
	<div class="part-txt02 align-center">
		<p class="parag">
			当社の個人情報の取扱いに関するご相談や苦情等のお問い合わせについては、<br class="br">
			下記の窓口までご連絡いただきますよう、お願い申し上げます。
		</p>
		<div class="part-ttl03-4 part-ttl03">
			<h3>個人情報お問合せ係</h3>
		</div>
		<a href="tel:045-301-7266" class="tel-btn-area">
			<div class="btn-inner">
				<p class="lato">045-301-7266</p>
			</div>
		</a>
		<p class="parag">営業時間:10:00~17:00 / 定休日:夏季、年末年始</p>
	</div>
</section>
データ(表)サンプル

リノベーションデータ

建物
マンション
お客様
神奈川県横浜市保土ヶ谷区S様邸
家族構成
ご夫婦とお子様2人
築年数
21年
工事費用
700万円台
工事期間
60日間
工事箇所
全面改修
<section id="sec24-2" class="sec inner">
	<div class="part-ttl03-3 part-ttl03">
		<h3>リノベーションデータ</h3>
	</div>
	<div class="renovation-data-area">
		<dl>
			<dt>建物</dt>
			<dd>マンション</dd>
		</dl>
		<dl>
			<dt>お客様</dt>
			<dd>神奈川県横浜市保土ヶ谷区S様邸</dd>
		</dl>
		<dl>
			<dt>家族構成</dt>
			<dd>ご夫婦とお子様2人</dd>
		</dl>
		<dl>
			<dt>築年数</dt>
			<dd>21年</dd>
		</dl>
		<dl>
			<dt>工事費用</dt>
			<dd>700万円台</dd>
		</dl>
		<dl>
			<dt>工事期間</dt>
			<dd>60日間</dd>
		</dl>
		<dl>
			<dt>工事箇所</dt>
			<dd>全面改修</dd>
		</dl>
	</div>
</section>
アクセスマップ

アクセス

Google Maps

東名高速 横浜町田インターから20分。
保土ヶ谷バイパス下川井インターから茅ヶ崎方面へ直進15分。北新入口前。

店舗名 エコカナ
住所 〒246-0035
横浜市瀬谷区下瀬谷3-17-1
電話 045-304-5955
※365日24時間受付中
定休日 夏季、年末年始
営業時間 10:00~17:00
ホームページ https://www.kanaju.com/ecokana/
<section id="sec25-2" class="sec outer">
	<div class="inner">
		<div class="part-ttl03-3 part-ttl03">
			<h3>アクセス</h3>
		</div>
		<div class="access-area">
			<div class="map-area">
				<div id="googlemap">
					<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d25999.033585270026!2d139.479664!3d35.457785!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x880d082dd5192af3!2z44Oq44OV44Kp44O844Og44K344On44O844Or44O844OgIOOCqOOCs-OCq-ODig!5e0!3m2!1sja!2sjp!4v1633954229847!5m2!1sja!2sjp" width="100%" height="100%" style="border:0;" allowfullscreen=""loading="lazy"></iframe>
				</div>
					<a href="https://www.google.com/maps/place/%E3%83%AA%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A0%E3%82%B7%E3%83%A7%E3%83%BC%E3%83%AB%E3%83%BC%E3%83%A0+%E3%82%A8%E3%82%B3%E3%82%AB%E3%83%8A/@35.457785,139.479664,14z/data=!4m5!3m4!1s0x0:0x880d082dd5192af3!8m2!3d35.4577854!4d139.4796638?hl=ja" target="_blank" class="btn01 lato">Google Maps</a>
					<div class="part-txt01">
					<p class="parag">
						東名高速 横浜町田インターから20分。<br class="br">
						保土ヶ谷バイパス下川井インターから茅ヶ崎方面へ直進15分。北新入口前。
					</p>
				</div>
			</div>
			<div class="txt">
				<table>
					<tr>
						<th>店舗名</th>
						<td>エコカナ</td>
					</tr>
					<tr>
						<th>住所</th>
						<td>〒246-0035<br class="br">横浜市瀬谷区下瀬谷3-17-1</td>
					</tr>
					<tr>
						<th>電話</th>
						<td>045-304-5955<br class="br">※365日24時間受付中</td>
					</tr>
					<tr>
						<th>定休日</th>
						<td>夏季、年末年始</td>
					</tr>
					<tr>
						<th>営業時間</th>
						<td>10:00~17:00</td>
					</tr>
					<tr>
						<th>ホームページ</th>
						<td>
							<a href="https://www.kanaju.com/ecokana/" target="_blank">https://www.kanaju.com/ecokana/</a>
						</td>
					</tr>
				</table>
			</div>
		</div>
	</div>
</section>
3カラム
<section class="outer sec" id="sec27-2">
	<ul class="menu-list">
		<li>
			<a href="contact.html">
				<figure class="pic">
					<img src="https://kanaju.com/reform/wp-content/uploads/2021/12/support-pic01.jpg" alt="見積もり・お問い合わせ">
				</figure>
				<div class="txt30-2">
					<h3>見積もり・お問い合わせ</h3>
					<p class="parag">
						リノベーションのお見積り依頼、お問合せはこちらから。お急ぎのお客様はお電話でも24時間365日受付しております。
					</p>
				</div>
			</a>
		</li>
		<li>
			<a href="youjyou.html">
				<figure class="pic">
					<img src="https://kanaju.com/reform/wp-content/uploads/2021/12/support-pic02.jpg" alt="養生宣言">
				</figure>
				<div class="txt30-2">
					<h3>養生宣言</h3>
					<p class="parag">
						リノベーション期間中は徹底的に養生を施してお客様宅の家財や共同スペースをお守りする事をカナジュウは誓います。
					</p>
				</div>
			</a>
		</li>
		<li>
			<a href="temporary.html">
				<figure class="pic">
					<img src="https://kanaju.com/reform/wp-content/uploads/2021/12/support-pic03.jpg" alt="荷物整理">
				</figure>
				<div class="txt30-2">
					<h3>荷物整理</h3>
					<p class="parag">
						リノベーション期間中の大切なご自宅の荷物をお預かりいたします。仮住まいが必要な場合でもお気軽にお問合せ下さい。
					</p>
				</div>
			</a>
		</li>
	</ul>
</section>	
タイトル+写真+文章+外部リンク

カナジュウのエクステリアリフォームサービス

  • 駐車スペース

    駐車スペース

    駐車スペースは屋根で覆い、玄関などから傘がなくても乗り降り出来る様にしておくと便利です。
    大切な車を風雨や紫外線から守り、夏は車内温度の上昇を防ぎます。

    メーカー
    YKK AP
  • 玄関アプローチ

    玄関アプローチ

    玄関アプローチはお客様や家族を迎える最初の場所です。
    メインガーデンやお家の外壁との相性を見ながらデザインしていけば世界にひとつだけの玄関アプローチが完成します。

    メーカー
    YKK AP
  • ウッドデッキ

    ウッドデッキ

    家族やペット、自然とをつなぐ「デッキ」は新しい癒しの空間。リビングの延長として、 もうひとつの生活空間として、食事やパーティーを楽しむことも。設置の際には周囲から のプライバシーに配慮することも大切です。

    メーカー
    YKK AP
<section id="sec28-2" class="inner sec">
	<div class="part-ttl02-2 part-ttl02">
		<h2>カナジュウのエクステリアリフォームサービス</h2>
	</div>
	<div class="part-post01">
		<ul>
	<!-- 1 -->
			<li>
				<div class="part-ttl03-3 part-ttl03">
					<h3>駐車スペース</h3>
				</div>
				<figure class="pic">
					<img src="https://kanaju.com/reform/wp-content/themes/reform_renewal/images/exterior-pic16.jpg" alt="駐車スペース">
				</figure>
				<div class="part-txt01">
					<p class="parag">
						駐車スペースは屋根で覆い、玄関などから傘がなくても乗り降り出来る様にしておくと便利です。<br class="br">
						大切な車を風雨や紫外線から守り、夏は車内温度の上昇を防ぎます。
					</p>
				</div>
				<dl>
					<dt>メーカー</dt>
					<dd><a href="#" target="_blank">YKK AP</a></dd>
				</dl>
			</li>
	<!-- 2 -->
			<li>
				<div class="part-ttl03-3 part-ttl03">
					<h3>玄関アプローチ</h3>
				</div>
				<figure class="pic">
					<img src="https://kanaju.com/reform/wp-content/themes/reform_renewal/images/exterior-pic17.jpg" alt="玄関アプローチ">
				</figure>
				<div class="part-txt01">
					<p class="parag">
						玄関アプローチはお客様や家族を迎える最初の場所です。<br class="br">
						メインガーデンやお家の外壁との相性を見ながらデザインしていけば世界にひとつだけの玄関アプローチが完成します。
					</p>
				</div>
				<dl>
					<dt>メーカー</dt>
					<dd><a href="#" target="_blank">YKK AP</a></dd>
				</dl>
			</li>
	<!-- 3 -->
			<li>
				<div class="part-ttl03-3 part-ttl03">
					<h3>ウッドデッキ</h3>
				</div>
				<figure class="pic">
					<img src="https://kanaju.com/reform/wp-content/themes/reform_renewal/images/exterior-pic18.jpg" alt="ウッドデッキ">
				</figure>
				<div class="part-txt01">
					<p class="parag">
						家族やペット、自然とをつなぐ「デッキ」は新しい癒しの空間。
						リビングの延長として、もうひとつの生活空間として、食事やパーティーを楽しむことも。
						設置の際には周囲からのプライバシーに配慮することも大切です。
					</p>
				</div>
				<dl>
					<dt>メーカー</dt>
					<dd><a href="#" target="_blank">YKK AP</a></dd>
				</dl>
			</li>
		</ul>
	</div>
</section>
	
4カラム 写真+タイトル+リンク
<section class="sec30-2 sec" id="sec30-2">
	<div class="inner">
		<ul class="menu-list">
			<li>
				<a href="outline.html">
					<figure class="pic">
						<img src="https://kanaju.com/reform/wp-content/uploads/2021/12/support-pic01.jpg" alt="見積もり・お問い合わせ">
					</figure>
					<div class="txt">
						<h3>見積もり・お問い合わせ</h3>
						<p class="parag">
							リノベーションのお見積り依頼、お問合せはこちらから。
							お急ぎのお客様はお電話でも24時間365日受付しております。
						</p>
					</div>
				</a>
			</li>
			<li>
				<a href="area.html">
					<figure class="pic">
						<img src="https://kanaju.com/reform/wp-content/uploads/2021/12/support-pic02.jpg" alt="養生宣言">
					</figure>
					<div class="txt">
						<h3>養生宣言</h3>
						<p class="parag">
							リノベーション期間中は徹底的に養生を施してお客様宅の家財や
							共同スペースをお守りする事をカナジュウは誓います。
						</p>
					</div>
				</a>
			</li>
			<li>
				<a href="showroom.html">
					<figure class="pic">
						<img src="https://kanaju.com/reform/wp-content/uploads/2021/12/support-pic03.jpg" alt="荷物整理">
					</figure>
					<div class="txt">
						<h3>荷物整理</h3>
						<p class="parag">
							リノベーション期間中の大切なご自宅の荷物をお預かりいたします。
							仮住まいが必要な場合でもお気軽にお問合せ下さい。
						</p>
					</div>
				</a>
			</li>
			<li>
				<a href="staff.html">
					<figure class="pic">
						<img src="https://kanaju.com/reform/wp-content/uploads/2021/12/support-pic04.jpg" alt="素敵生活スタイル">
					</figure>
					<div class="txt">
						<h3>素敵生活スタイル</h3>
						<p class="parag">
							カナジュウが発行する季刊誌「素敵生活スタイル」をPDFでご覧いただけます。
						</p>
					</div>
				</a>
			</li>
		</ul>
	</div>
</section>
サムネイル付きスライダー
家族の時間を楽しむリビング
家族の時間を楽しむリビング
家族の時間を楽しむリビング
家族の時間を楽しむリビング
家族の時間を楽しむリビング
家族の時間を楽しむリビング
家族の時間を楽しむリビング
家族の時間を楽しむリビング
家族の時間を楽しむリビング
家族の時間を楽しむリビング
家族の時間を楽しむリビング
家族の時間を楽しむリビング
<section id="sec31-2" class="sec inner">
	<div class="slide-area">
		<div id="slider-area31-2" class="slider-pro">
			<div class="sp-slides">
				<div class="sp-slide">
					<img src="https://www.kanaju.com/reform/wp-content/themes/reform_renewal/images/example-detail-pic01.jpg" alt="家族の時間を楽しむリビング">
				</div>
				<div class="sp-slide">
					<img src="https://www.kanaju.com/reform/wp-content/themes/reform_renewal/images/example-detail-pic01.jpg" alt="家族の時間を楽しむリビング">
					
				</div>
				<div class="sp-slide">
					<img src="https://www.kanaju.com/reform/wp-content/themes/reform_renewal/images/example-detail-pic01.jpg" alt="家族の時間を楽しむリビング">
				</div>
				<div class="sp-slide">						
					<img src="https://www.kanaju.com/reform/wp-content/themes/reform_renewal/images/example-detail-pic01.jpg" alt="家族の時間を楽しむリビング">			
				</div>
				<div class="sp-slide">
					<img src="https://www.kanaju.com/reform/wp-content/themes/reform_renewal/images/example-detail-pic01.jpg" alt="家族の時間を楽しむリビング">
				</div>
				<div class="sp-slide">
					<img src="https://www.kanaju.com/reform/wp-content/themes/reform_renewal/images/example-detail-pic01.jpg" alt="家族の時間を楽しむリビング">
				</div>
			</div><!--/ sp-slides-->

			<div class="sp-thumbnails">
				<div class="sp-thumbnail thumbnail-div" >
					<img src="https://www.kanaju.com/reform/wp-content/themes/reform_renewal/images/example-detail-pic01.jpg" alt="家族の時間を楽しむリビング">
				</div>
				<div class="sp-thumbnail thumbnail-div" >
					<img src="https://www.kanaju.com/reform/wp-content/themes/reform_renewal/images/example-detail-pic01.jpg" alt="家族の時間を楽しむリビング">
				</div>
				<div class="sp-thumbnail thumbnail-div" >
					<img src="https://www.kanaju.com/reform/wp-content/themes/reform_renewal/images/example-detail-pic01.jpg" alt="家族の時間を楽しむリビング">
				</div>
				<div class="sp-thumbnail thumbnail-div" >
					<img src="https://www.kanaju.com/reform/wp-content/themes/reform_renewal/images/example-detail-pic01.jpg" alt="家族の時間を楽しむリビング">
				</div>
				<div class="sp-thumbnail thumbnail-div" >
					<img src="https://www.kanaju.com/reform/wp-content/themes/reform_renewal/images/example-detail-pic01.jpg" alt="家族の時間を楽しむリビング">
				</div>
				<div class="sp-thumbnail thumbnail-div" >
					<img src="https://www.kanaju.com/reform/wp-content/themes/reform_renewal/images/example-detail-pic01.jpg" alt="家族の時間を楽しむリビング">
				</div>
			</div>
		</div> <!--thumb-h-->
	</div>					
</section>
		
スライダー(クリックしたら画像がモーダルウィンドウで開かれる)
<section class=" inner" id="sec32-2">
	<div class="before-after32-2">
		<div class="after32-2">
			<ul class="slide32-2">
				<li>
					<a href="https://kanaju.com/reform/wp-content/themes/reform_renewal/images/part-detail-pic01.jpg" class="swipe32-2">
						<img src="https://kanaju.com/reform/wp-content/themes/reform_renewal/images/part-detail-pic01.jpg" alt="">
					</a>
				</li>
				<li>
					<a href="https://kanaju.com/reform/wp-content/themes/reform_renewal/images/part-detail-pic02.jpg" class="swipe32-2">
						<img src="https://kanaju.com/reform/wp-content/themes/reform_renewal/images/part-detail-pic02.jpg" alt="">
					</a>
				</li>
				<li>
					<a href="https://kanaju.com/reform/wp-content/themes/reform_renewal/images/part-detail-pic01.jpg" class="swipe32-2">
						<img src="https://kanaju.com/reform/wp-content/themes/reform_renewal/images/part-detail-pic01.jpg" alt="">
					</a>
				</li>
				<li>
					<a href="https://kanaju.com/reform/wp-content/themes/reform_renewal/images/part-detail-pic02.jpg" class="swipe32-2">
						<img src="https://kanaju.com/reform/wp-content/themes/reform_renewal/images/part-detail-pic02.jpg" alt="">
					</a>
				</li>
			</ul>
		</div>
	</div>
</section>
ユーチューブ
<section class="outer inner" id="sec33-2">
	<div class="youtube_iframe">
		<iframe width="560" height="315" src="https://www.youtube.com/embed/rokGy0huYEA" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
	</div>
</section>
流れ2
お見積りまで
現地調査
写真撮影・既存図面お預かり・ヒアリング
プラン提出
プランニングボード(平面図、パース、スケッチ等)
お見積り
御見積書/プランニングボード
正式ご契約まで
設計契約
設計契約書
ショールームご案内
プラン変更&再見積もり
資金計画ご提案
住宅金融支援機構・リフォームローン・補助金・減税制度など
ご契約
ご契約書・御見積書・平面図・立体図・パース・仕上げ表など/完成見学会開催ご相談
工事準備
各種手続き
建築確認申請・住宅金融支援機構・リフォームローン・補助金・減税制度など
工程打合せ
工程表・近隣挨拶
着工~完成まで
着工
追加変更工事がある場合は、即刻お見積りし、「追加変更工事確認書」にご捺印いただいた上で工事させていただきます
完成&お引渡し
お引渡し前工事チャック完成見学会開催
完成後
アフターメンテナンス他
各種セミナー・相談会・フェアご案内半年に一度、ご訪問
<section class="sec inner" id="sec35-2">
	<div class="wrap flex">
		<div class="tate">お見積りまで</div>
		<div class="txt_wrap">
			<div class="item flex">
				<div class="tit" deta="1">現地調査</div>
				<div class="txt">写真撮影・既存図面お預かり・ヒアリング</div>
			</div>
			<div class="item flex">
				<div class="tit" deta="2">プラン提出
				</div>
				<div class="txt">プランニングボード(平面図、パース、スケッチ等)</div>
			</div>
			<div class="item flex">
				<div class="tit" deta="3">お見積り</div>
				<div class="txt">御見積書/プランニングボード</div>
			</div>
		</div>
	</div>

	<div class="wrap flex">
		<div class="tate">正式ご契約まで</div>
		<div class="txt_wrap">
			<div class="item flex">
				<div class="tit" deta="4">設計契約</div>
				<div class="txt">設計契約書</div>
			</div>
			<div class="item flex">
				<div class="tit" deta="5">ショールームご案内</div>
				<div class="txt" style="display:none"></div>
			</div>
			<div class="item flex">
				<div class="tit" deta="6">プラン変更&再見積もり</div>
				<div class="txt" style="display:none"></div>
			</div>
			<div class="item flex">
				<div class="tit" deta="7">資金計画ご提案</div>
				<div class="txt">住宅金融支援機構・リフォームローン・補助金・減税制度など</div>
			</div>
			<div class="item flex">
				<div class="tit" deta="8">ご契約</div>
				<div class="txt">ご契約書・御見積書・平面図・立体図・パース・仕上げ表など/完成見学会開催ご相談</div>
			</div>
		</div>
	</div>

	<div class="wrap flex">
		<div class="tate">工事準備</div>
		<div class="txt_wrap">
			<div class="item flex">
				<div class="tit" deta="9">各種手続き</div>
				<div class="txt">建築確認申請・住宅金融支援機構・リフォームローン・補助金・減税制度など</div>
			</div>
			<div class="item flex">
				<div class="tit" deta="10">工程打合せ</div>
				<div class="txt">工程表・近隣挨拶</div>
			</div>
		</div>
	</div>

	<div class="wrap flex">
		<div class="tate">着工~完成まで</div>
		<div class="txt_wrap">
			<div class="item flex">
				<div class="tit" deta="11">着工</div>
				<div class="txt">追加変更工事がある場合は、即刻お見積りし、「追加変更工事確認書」にご捺印いただいた上で工事させていただきます</div>
			</div>
			<div class="item flex">
				<div class="tit" deta="12">完成&お引渡し</div>
				<div class="txt">お引渡し前工事チャック完成見学会開催</div>
			</div>
		</div>
	</div>

	<div class="wrap flex">
		<div class="tate">完成後</div>
		<div class="txt_wrap">
			<div class="item flex">
				<div class="tit" deta="13">アフターメンテナンス他</div>
				<div class="txt">各種セミナー・相談会・フェアご案内半年に一度、ご訪問</div>
			</div>
			
		</div>
	</div>
</section>
2カラム
  • 洗面リフォーム事例

    タイトルタイトル

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

  • 洗面リフォーム事例

    タイトルタイトル

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


		<section class="" id="sec36-2">
			<div class="inner">
				<div class="part-pic-txt02">
					<ul class="part-pic-list02">
						<li>
							<figure class="pic">
								<img src="https://www.kanaju.com/reform/wp-content/themes/reform_renewal/images/index-sec03-pic01.jpg" alt="洗面リフォーム事例">
								<h3>タイトルタイトル</h3>
								<p class="parag">
									テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
								</p>
							</figure>
						</li>
						<li>
							<figure class="pic">
								<img src="https://www.kanaju.com/reform/wp-content/themes/reform_renewal/images/index-sec03-pic01.jpg" alt="洗面リフォーム事例">
								<h3>タイトルタイトル</h3>
								<p class="parag">
								テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
								</p>
							</figure>
						</li>
					</ul>
			</div>
		</section>

		
アコーディオン

エリア

エリア

  • リスト
  • リスト
  • リスト

エリア

  • リスト
  • リスト
  • リスト
<section class="inner sec" id="sec37-2">
	<div class="accordion">
		<div class="accordion-container">
			<div class="accordion_wrap">
				<h3 class="area_tit">エリア</h3>
				<div class="accordion-item">
					<h3 class="accordion-title js-accordion-title" id="area1">エリア</h3>
					<div class="accordion-content">
						<ul>
							<li>リスト</li>
							<li>リスト</li>
							<li>リスト</li>	
						</ul>
					</div>
				</div>
				<div class="accordion-item">
					<h3 class="accordion-title js-accordion-title" id="area2">エリア</h3>
					<div class="accordion-content">
						<ul>
							<li>リスト</li>
							<li>リスト</li>
							<li>リスト</li>							
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>
目次
<section class="inner sec" id="sec38-2">
	<div class="list_link">
		<div class="list_wrap">
			<h3> class="list_link-title">エリア</h3>
			<ul>
				<li><a> href="#area1">リスト</a></li>
				<li><a> href="#area2">リスト</a></li>
				<li><a> href="#area3">リスト</a></li>
				<li><a> href="#area4">リスト</a></li>
			</ul>
		</div>
	</div>
</section>