06REAL RENOVATION

「変えたい」を、
暮らせる形に。

FIG.06 — 中古マンション全体 ／ 写真と所在地は差替

{{ b.t }}

施工前の課題

【要確認】公式事例から転記

変えた場所／なぜその方法か

【要確認】変更理由が分かる順に記載

工事範囲

全体（中古マンション）

工事費

1,013万円

工期

2か月

公開施工事例の金額です。定額商品・個別見積りではありません。

WHY WE CHANGED IT

NEXT CASE
戸建て＋耐震補強 ／ 工事費 1,000万円
→

07RENOVATE OR REBUILD

大切なのは、
先に結論を決めないこと。

どちらが優れているかではなく、どちらがこの家と暮らしに合うか。六つの軸で、家の状態を見てから一緒に判断します。

← RENOVATEREBUILD →

{{ a.axis }}

{{ a.l }}

{{ a.r }}

建て替えとの比較を相談する →

08ABOUT THE COST

費用は「家ごと」に違う。
金額より先に、工事範囲を明確に。

最初の工事費だけでなく、暮らし始めてからの光熱費やメンテナンス費まで含めて考えます。

LAYER 1 — 今

最初に必要な工事費

LAYER 2 — 暮らしながら

断熱・省エネで変わる、将来の光熱費

LAYER 3 — 10年後

高耐久仕様で変わる、将来のメンテナンス費

※ 線の長さは考え方の図解であり、金額の比率ではありません。

まず確認すること

変えたい暮らし

建物の現状

優先順位

予算の上限

PUBLISHED CASES

公開施工事例の金額

実際の工事費です。範囲により大きく異なります。

{{ c.t }}{{ c.v }}

REFERENCE PRICE — 公式費用ページより

戸建てフルリノベーションの参考価格

延床30坪の場合。左の事例金額とは意味が異なります。

税抜2,400万円〜

間取り、床・建具、水回り、断熱、耐震、窓、外壁・屋根など。

敷地条件、劣化状況、仕様、原価により変動します。定額商品ではありません。

09WHY IWASAKI

大きな工事だからこそ、
近くで、長く。

壁を開けて劣化が見つかっても、
見て見ぬふりはしません。

10年後に差が出る工事を、
考えます。

— 本格プランの前に、専門家が建物診断を行います

{{ p.k }}

{{ p.t }}

{{ p.s }}

自由設計の提案力／断熱・耐震まで確認／収納まで具体化／建築の有資格者が対応／静岡県東部に密着。お客様が主人公であり、私たちは希望を引き出して形にする立場です。

ALSO

ほかにも、
暮らしに合わせて。

{{ x.n }}{{ x.t }}{{ x.s }}→

10HOW WE PROCEED

最初の相談は、
工事を決める場ではありません。

{{ s.n }}

{{ s.t }}

{{ s.d }}

11FAQ

相談前の、
ちょっとした不安に。

{{ f.q }}+

{{ f.a }}

12LET’S TALK

家の答えは、家ごとに違う。
まずは、今のお悩みを聞かせてください。

図面がなくても構いません。現状と「こう暮らしたい」を伺い、次に確認すべきことを整理します。

TEL

0120-49-0225

平日・土 8:30〜18:00 ／ 日・祝 9:00〜17:00

リノベーションについて相談する→
先に施工事例を見る →

※ フォームは既存の正式な問い合わせ導線へ接続予定。この確認用ページでは送信しません。

================================================================================
CHUNK 3 / 3 — インタラクティブ機能（JavaScript）
================================================================================
※ CHUNK 2 の直後に貼り付け

================================================================================
画像パス変更リスト
================================================================================

以下の 12 個の画像パスを、WordPress のメディアライブラリURL に変更：

1. uploads/リノベーションLP_背景画像_グラデーションなし.webp
→ https://yoursite.com/wp-content/uploads/hero.webp

2. uploads/ph02-*.png
→ https://yoursite.com/wp-content/uploads/ph02.png

3. uploads/ph03a-*.png
→ https://yoursite.com/wp-content/uploads/ph03a.png

4. uploads/ph03b-*.png
→ https://yoursite.com/wp-content/uploads/ph03b.png

5. uploads/ph03c-*.png
→ https://yoursite.com/wp-content/uploads/ph03c.png

6. uploads/ph05-*.png
→ https://yoursite.com/wp-content/uploads/ph05.png

7. uploads/ph06before-*.png
→ https://yoursite.com/wp-content/uploads/ph06before.png

8. uploads/ph06after-*.png
→ https://yoursite.com/wp-content/uploads/ph06after.png

9. uploads/ph06_1-*.png
→ https://yoursite.com/wp-content/uploads/ph06_1.png

10. uploads/ph06_2-*.png
→ https://yoursite.com/wp-content/uploads/ph06_2.png

11. uploads/ph06_3-*.png
→ https://yoursite.com/wp-content/uploads/ph06_3.png

12. uploads/ph09-*.png
→ https://yoursite.com/wp-content/uploads/ph09.png

方法：テキストエディタで「置換」機能を使用
– 検索: “uploads/ph
– 置換: “https://yoursite.com/wp-content/uploads/ph

================================================================================
動的機能について
================================================================================

スクリプト（CHUNK 3）は DCLogic フレームワーク用です。

WordPress での動作を確認したい場合：
– Option A: 固定ページの本文下に「カスタムHTML」ブロックで追加
– Option B: WordPress プラグイン（Advanced Custom Fields など）と連携
– Option C: テーマの functions.php にエンキューして読み込み

現在のスクリプトは「状態管理」と「インタラクション」を担当しています：
– セクション切り替え（04番目のタブUI）
– Before/After 画像切り替え
– FAQ アコーディオン開閉
– スクロール時のセクション番号表示
– パラレックス・フェード効果

================================================================================
完成後の確認項目
================================================================================

□ 全セクションが表示されている
□ 画像が全て読み込まれている
□ フォント（Noto Sans JP / Noto Serif JP）が反映されている
□ スマートフォンで見ると min-width:1280px が適用され、モバイル非対応になっていることを確認
□ ヘッダー固定表示が動作している
□ 右側のサイドバー（章番号表示）が見える
□ スクロール時に背景色が変わる
□ セクション 04 のタブが動作している
□ セクション 06 の Before/After ボタンが動作している
□ セクション 11 の FAQ アコーディオンが開閉できる

================================================================================