</ iframe></noscript> <!-- End Google Tag Manager (noscript) --> <a id="top" name="top"></a> <header id="mainHeader" class="wbg"> <section id="header"> <a href="https://www.onomichi-jutaku.com/" id="logo"><img src="./assets/article_image_save/Iow20250228163202.png" alt="さんわの家" width="400" height="241"></a> <div id="headBtns"> <ul class="flx"> <li class="btn01"><a class="wf1" href="https://www.onomichi-jutaku.com/co_bukken/b21c8c498fbc4a53a9c3f56d40eff065-67.html" id="header_menu01">尾道モデルハウス</a></li> <li class="btn02"><a class="wf1" href="https://www.onomichi-jutaku.com/co_navi/fe079f3b832fd43ee97ba9ee330a37e7-11.html" id="header_menu02">福山モデルハウス</a></li> <li class="btn03"><a class="wf1" href="co_bukken.html" id="header_menu03">物件情報</a></li> <li class="btn04"><a class="wf1" href="siryo/select.html" id="header_menu04">資料請求</a></li> <li class="btn05"><a class="wf1" href="toiawase/index.html" id="header_menu04">お問合せ</a></li> </ul> </div> <div id="spbtn" class="spbtn bg"><div class="menu-button"><span class="tbn wbg"></span><span class="mbn wbg"></span><span class="bbn wbg"></span></div></div> </section> <nav id="navi"> <div class="inner"> <div class="navi"> <div id="gn1"><div class="bbc smn wf1">お知らせ</div><ul><li><a class="bc wf1" id="menu見学会＆イベント" href="https://www.onomichi-jutaku.com/co_event.html" target="_blank">・見学会＆イベント</a></li><li><a class="bc wf1" id="menuNEWS" href="co_mame.html">・NEWS</a></li></ul></div><div id="gn2"><div class="bbc smn wf1">施工事例</div><ul><li><a class="bc wf1" id="menu施工事例" href="co_photo.html">・施工事例</a></li><li><a class="bc wf1" id="menuお客様の声" href="co_visit.html">・お客様の声</a></li></ul></div><div id="gn3"><div class="bbc smn wf1">家づくり</div><ul><li><a class="bc wf1" id="menuさんわの家づくり" href="co_navi/a68586ce89ca7e9f4a6aa09e690903b0-270.html">・さんわの家づくり</a></li><li><a class="bc wf1" id="menu構造" href="co_navi/e189ddd32a1c58b9a2ee601de5718c2b-282.html">・構造</a></li><li><a class="bc wf1" id="menu性能" href="co_navi/d98af39c1d52bf99d68c30234ee3cb04-284.html">・性能</a></li><li><a class="bc wf1" id="menu自由設計" href="co_navi/b298a9d7c56127ea9b3420e30f312b53-289.html">・自由設計</a></li><li><a class="bc wf1" id="menu設備" href="co_navi/de25e95be488d2b06bcbbbbf8e98b51b-272.html">・設備</a></li><li><a class="bc wf1" id="menuアフターフォロー" href="co_navi/c6d88f5fd6001b31f79573125e384467-274.html">・アフターフォロー</a></li></ul></div><div id="gn4"><div class="bbc smn wf1">モデルハウス</div><ul><li><a class="bc wf1" id="menu平屋＆2階建てモデルハウス" href="co_navi/fe079f3b832fd43ee97ba9ee330a37e7-11.html">・平屋＆2階建てモデルハウス</a></li><li><a class="bc wf1" id="menu尾道モデルハウス" href="co_navi/0cf3cdb5f8d4bbf30dae4a011fdcbb24-243.html">・尾道モデルハウス</a></li><li><a class="bc wf1" id="menu体感ルーム" href="co_navi/9c49c4a8fc32c08f9ead4b2bd9dacc3b-194.html">・体感ルーム</a></li></ul></div><div id="gn5"><div class="bbc smn wf1">土地・分譲住宅</div><ul><li><a class="bc wf1" id="menuアンバー新涯" href="co_bukken/dfdc741b7e0673c6ff140ef7449dc99c-67.html">・アンバー新涯</a></li><li><a class="bc wf1" id="menuリリー竜王台" href="co_bukken/b21c8c498fbc4a53a9c3f56d40eff065-67.html">・リリー竜王台</a></li><li><a class="bc wf1" id="menuさくら坂 向島" href="co_bukken/a555c58c9a2ca3da6d4420c5ca854892-279.html">・さくら坂 向島</a></li><li><a class="bc wf1" id="menu多治米" href="https://www.onomichi-jutaku.com/co_bukken/9bee7df60076987fe9bd888a49056919-68.html" target="_blank">・多治米</a></li></ul></div><div id="gn6"><div class="bbc smn wf1">ラインナップ</div><ul><li><a class="bc wf1" id="menuテクノGX（標準仕様）" href="co_navi/4d4d16ce8003fe3fab406477852f7dfb-311.html">・テクノGX（標準仕様）</a></li><li><a class="bc wf1" id="menuテクノEX" href="co_navi/528c7dc3541ec5d3d1a648aa824bbc85-312.html">・テクノEX</a></li><li><a class="bc wf1" id="menu平屋" href="co_navi/3b0f549fce1f2655305cb66322b97d0d-316.html">・平屋</a></li><li><a class="bc wf1" id="menu3階建て" href="co_navi/ef74b18b2dd34a50b2b77c335b23a6e9-317.html">・3階建て</a></li><li><a class="bc wf1" id="menu規格デザイン住宅" href="co_navi/9d718a42a226acb26601993f6ba14cb1-315.html">・規格デザイン住宅</a></li><li><a class="bc wf1" id="menu全館空調の家" href="co_navi/2f158e379438a5c24a93e5916ba12caf-313.html">・全館空調の家</a></li><li><a class="bc wf1" id="menu太陽光+蓄電池のスマートハウス" href="co_navi/c8aee8574829f8fa88f5cf0fe10ef8af-314.html">・太陽光+蓄電池のスマートハウス</a></li><li><a class="bc wf1" id="menuスキップフロアの家" href="co_navi/3d0a4fe6eee299f9d33417148440826e-318.html">・スキップフロアの家</a></li><li><a class="bc wf1" id="menuオーナーメイドテクノ" href="co_navi/3f7472e5b89c5e2418d9ffcb33ac31e5-319.html">・オーナーメイドテクノ</a></li><li><a class="bc wf1" id="menu大型木造建築" href="co_navi/eceaf6ac7961f1f08d4e59d3ad0f6775-321.html">・大型木造建築</a></li></ul></div><div id="gn7"><div class="bbc smn wf1">会社案内</div><ul><li><a class="bc wf1" id="menu会社概要" href="co_navi/4f44d37384de8390d0295a32690c5be6-18.html">・会社概要</a></li><li><a class="bc wf1" id="menuBLOG" href="co_diary.html">・BLOG</a></li><li><a class="bc wf1" id="menuスタッフ紹介" href="co_staff.html">・スタッフ紹介</a></li><li><a class="bc wf1" id="menuプライバシーポリシー" href="co_navi/edbbdf5d7e6c2847e23fdb7f823ebefb-277.html">・プライバシーポリシー</a></li><li><a class="bc wf1" id="menu【Q＆A】よくあるご質問" href="co_navi/0692f25c3df072e619251e8e13d08df9-294.html">・【Q＆A】よくあるご質問</a></li></ul></div><div id="gn8"><div class="bbc smn wf1">Other</div><ul><li><a class="bc wf1" id="menu紹介キャンペーン" href="co_navi/65d1b49654c225de2d14fd842e555788-276.html">・紹介キャンペーン</a></li><li><a class="bc wf1" id="menuリフォーム" href="https://www.onomichi-jutaku.com/co_navi/e1847f296f83a30478469a391c49adb1-276.html" target="_blank">・リフォーム</a></li></ul></div> </div> <div class="infoBox"> <div class="btn"> <ul> <li class="btn01"><a class="wf1 wbc bg" href="toiawase/index.html" id="btn_menu01">お問合せ</a></li> <li class="btn02"><a class="wf1 wbc sbg" href="siryo/select.html" id="btn_menu02">資料請求</a></li> <li class="btn03"><a class="wf1 wbc bg" href="co_event.html" id="btn_menu03">イベント</a></li> </ul> </div> <div class="tel wf1 fwb">tel.<a href="tel:0120-506-308" id="menu_tel">0120-506-308</a></div> <div class="info">[営業時間] 8:00～17:00<br>[定休日] 水曜日</div> <aside class="snsBox"> <ul class="flx"> <li><a href="https://www.instagram.com/sanwanoie/" target="_blank"><img src="./assets/article_image_save/uFQ20240814112457r.png" alt="Instagram" width="30" height="30"></a></li><li><a href="https://jp.pinterest.com/sanwanoie/_created/" target="_blank"><img src="./assets/article_image_save/Ejz20240814112523r.png" alt="Pinterest" width="30" height="30"></a></li><li><a href="https://www.tiktok.com/@sanwanoie" target="_blank"><img src="./assets/article_image_save/VIG20240814112529r.png" alt="Tiktok" width="30" height="30"></a></li><li><a href="https://x.com/sanwanoie" target="_blank"><img src="./assets/article_image_save/ESQ20240814112538r.png" alt="X" width="30" height="30"></a></li><li><a href="https://www.facebook.com/sanwanoie" target="_blank"><img src="./assets/article_image_save/pQv20240814112547r.png" alt="facebook" width="30" height="30"></a></li></ul> </aside> </div> </div> </nav> </header> <main id="wrapper"> <article> <section id="contents" class="clf"> <div id="breadCrumbs" class="clearfix"> <ul itemscope itemtype="http://schema.org/BreadcrumbList"> <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><a href="https://www.onomichi-jutaku.com/" itemprop="item"><span itemprop="name">ホーム</span></a><meta itemprop="position" content="1" /></li> <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><a href="https://www.onomichi-jutaku.com/co_navi/4d4d16ce8003fe3fab406477852f7dfb-311.html" itemprop="item"><span itemprop="name">ラインナップ</span></a><meta itemprop="position" content="2" /></li> <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><a href="https://www.onomichi-jutaku.com/co_navi/eceaf6ac7961f1f08d4e59d3ad0f6775-321.html" itemprop="item"><span itemprop="name">大型木造建築</span></a><meta itemprop="position" content="3" /></li><li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <a href="/co_navi/eceaf6ac7961f1f08d4e59d3ad0f6775-321.html" itemprop="item"><span itemprop="name"></span></a> <meta itemprop="position" content="4" /> </li> </ul> </div> <h1 id="title" class="wf1 tbc"></h1> <div class="rte_area ws2"> <p> </p> <div style="width: 100%; background-color: #ffffff; color: #1a1a1a; font-family: 'Shippori Mincho', 'Noto Serif JP', serif; -webkit-font-smoothing: antialiased; font-feature-settings: 'palt' 1; line-height: 1.95; letter-spacing: 0.13em; text-align: left; margin: 0; padding: 0; box-sizing: border-box;"><!-- ==================== HERO SECTION (Page 1) ==================== --> <div style="width: 100%; position: relative; margin-bottom: clamp(60px, 10vw, 140px);"> <div style="width: 100%; height: clamp(500px, 85vh, 900px); position: relative; overflow: hidden;"><img style="width: 100%; height: 100%; object-fit: cover; filter: brightness(0.65); display: block;" src="assets/images/2iedukuri/%E3%83%A9%E3%82%A4%E3%83%B3%E3%83%8A%E3%83%83%E3%83%97/%E5%A4%A7%E5%9E%8B%E6%9C%A8%E9%80%A0%E5%BB%BA%E7%AF%89/%E3%83%A9%E3%82%B0%E3%83%93%E3%83%BC.jpg?auto=format&fit=crop&w=1800&q=80" alt="さんわのテクノビルド 建築"> <div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: clamp(30px, 6vw, 80px) clamp(20px, 5vw, 60px); box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between; text-align: left;"> <div> <div style="color: #ffffff; font-size: clamp(0.75rem, 1.2vw, 0.95rem); letter-spacing: 0.25em; text-transform: uppercase; border-bottom: 1px solid rgba(255,255,255,0.4); padding-bottom: 12px; display: inline-block;">SANWA TECHNO BUILD</div> </div> <div style="max-width: 900px;"> <div style="color: #ffffff; font-size: clamp(1.8rem, 4vw, 3.4rem); font-weight: 400; line-height: 1.4; margin-bottom: 24px; letter-spacing: 0.15em;"><span style="display: inline-block;">さんわテクノビルド</span></div> <div style="color: #ffffff; font-size: clamp(1.8rem, 4vw, 3.4rem); font-weight: 400; line-height: 1.4; margin-bottom: 24px; letter-spacing: 0.15em;"><span style="display: inline-block;">短工期・低コストでかなえる</span><br><span style="display: inline-block;">新しい大規模建築のかたち</span></div> <div style="color: rgba(255,255,255,0.9); font-size: clamp(0.9rem, 1.5vw, 1.25rem); font-weight: 300; line-height: 1.8;"><span style="display: inline-block;">お店やオフィス、</span><span style="display: inline-block;">介護施設、</span><span style="display: inline-block;">幼稚園にも。</span><br><span style="display: inline-block;">鉄骨造と木造の</span><span style="display: inline-block;">良いところを融合させた構造美。</span></div> </div> <div style="color: #ffffff; font-size: clamp(0.8rem, 1.1vw, 0.95rem); letter-spacing: 0.15em;"><span style="display: inline-block;">三和鉄構建設株式会社</span></div> </div> </div> </div> <!-- ==================== CONCEPT & PERFORMANCE (Page 3) ==================== --> <div style="max-width: 1100px; margin: 0 auto; padding: 0 clamp(20px, 5vw, 60px) clamp(60px, 10vw, 120px) clamp(20px, 5vw, 60px);"> <div style="border-left: 2px solid #3e565c; padding-left: clamp(16px, 3vw, 32px); margin-bottom: clamp(40px, 6vw, 80px);"> <div style="color: #3e565c; font-size: clamp(0.75rem, 1vw, 0.85rem); letter-spacing: 0.2em; text-transform: uppercase; margin-bottom: 8px;">ARCHITECTURAL POTENTIAL</div> <div style="font-size: clamp(1.4rem, 2.8vw, 2.2rem); font-weight: 400; line-height: 1.5; color: #1a1a1a;"><span style="display: inline-block;">強靭なる美構造がみちびく、</span><br><span style="display: inline-block;">自由で静穏なる空間設計。</span></div> </div> <!-- MAIN IMAGE & FEATURE GRID --> <div style="margin-bottom: clamp(40px, 8vw, 80px);"> <div style="width: 100%; aspect-ratio: 16/9; background: #f4f4f4; margin-bottom: clamp(30px, 5vw, 60px); overflow: hidden;"><img style="width: 100%; height: 100%; object-fit: cover; display: block;" src="assets/images/2iedukuri/%E3%83%A9%E3%82%A4%E3%83%B3%E3%83%8A%E3%83%83%E3%83%97/%E5%A4%A7%E5%9E%8B%E6%9C%A8%E9%80%A0%E5%BB%BA%E7%AF%89/%E5%A4%A7%E7%A9%BA%E9%96%93.jpg?auto=format&fit=crop&w=1600&q=80" alt="開放的な建築空間"></div> <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: clamp(30px, 4vw, 50px);"> <div style="border-top: 1px solid #e0e0e0; padding-top: 20px;"> <div style="font-size: clamp(1.1rem, 1.6vw, 1.3rem); font-weight: 500; color: #1a1a1a; margin-bottom: 12px;"><span style="display: inline-block;">3階建ても可能</span></div> <div style="font-size: clamp(0.85rem, 1.1vw, 0.95rem); color: #555555; line-height: 1.8;"><span style="display: inline-block;">鉄の強さで支えるから</span><span style="display: inline-block;">3階建ても安心。</span><span style="display: inline-block;">木と鉄の組み合わせで</span><span style="display: inline-block;">歪みにくく長持ちします。</span></div> </div> <div style="border-top: 1px solid #e0e0e0; padding-top: 20px;"> <div style="font-size: clamp(1.1rem, 1.6vw, 1.3rem); font-weight: 500; color: #1a1a1a; margin-bottom: 12px;"><span style="display: inline-block;">ひろびろ空間</span></div> <div style="font-size: clamp(0.85rem, 1.1vw, 0.95rem); color: #555555; line-height: 1.8;"><span style="display: inline-block;">柱を減らせる構造だから</span><span style="display: inline-block;">開放的に。</span><span style="display: inline-block;">一体感のある会議室や</span><span style="display: inline-block;">大広間にもぴったりです。</span></div> </div> <div style="border-top: 1px solid #e0e0e0; padding-top: 20px;"> <div style="font-size: clamp(1.1rem, 1.6vw, 1.3rem); font-weight: 500; color: #1a1a1a; margin-bottom: 12px;"><span style="display: inline-block;">高い断熱性能</span></div> <div style="font-size: clamp(0.85rem, 1.1vw, 0.95rem); color: #555555; line-height: 1.8;"><span style="display: inline-block;">木は金属やコンクリートと比べて</span><span style="display: inline-block;">熱伝導率が低いため、</span><span style="display: inline-block;">外気の影響を受けにくく、</span><span style="display: inline-block;">省エネにつながります。</span></div> </div> <div style="border-top: 1px solid #e0e0e0; padding-top: 20px;"> <div style="font-size: clamp(1.1rem, 1.6vw, 1.3rem); font-weight: 500; color: #1a1a1a; margin-bottom: 12px;"><span style="display: inline-block;">自由な設計</span></div> <div style="font-size: clamp(0.85rem, 1.1vw, 0.95rem); color: #555555; line-height: 1.8;"><span style="display: inline-block;">鉄の梁により</span><span style="display: inline-block;">大胆な設計も実現。</span><span style="display: inline-block;">吹き抜けや張り出しも</span><span style="display: inline-block;">デザインできます。</span></div> </div> <div style="border-top: 1px solid #e0e0e0; padding-top: 20px;"> <div style="font-size: clamp(1.1rem, 1.6vw, 1.3rem); font-weight: 500; color: #1a1a1a; margin-bottom: 12px;"><span style="display: inline-block;">短工期・コスト削減</span></div> <div style="font-size: clamp(0.85rem, 1.1vw, 0.95rem); color: #555555; line-height: 1.8;"><span style="display: inline-block;">大がかりな基礎工事が不要。</span><span style="display: inline-block;">短い工期で、</span><span style="display: inline-block;">コストもぐっと抑えられます。</span></div> </div> <div style="border-top: 1px solid #e0e0e0; padding-top: 20px;"> <div style="font-size: clamp(1.1rem, 1.6vw, 1.3rem); font-weight: 500; color: #1a1a1a; margin-bottom: 12px;"><span style="display: inline-block;">防災拠点と同等の耐震性</span></div> <div style="font-size: clamp(0.85rem, 1.1vw, 0.95rem); color: #555555; line-height: 1.8;"><span style="display: inline-block;">建築基準法の1.5倍の強さで、</span><span style="display: inline-block;">震度7クラスにも耐える</span><span style="display: inline-block;">耐震等級3（消防署や警察署と同じ）</span><span style="display: inline-block;">に対応。</span></div> </div> </div> </div> </div> <!-- ==================== FEATURE 01: COST & FINANCIAL EFFICIENCY (Page 4) ==================== --> <div style="width: 100%; background-color: #fcfbf9; padding: clamp(60px, 10vw, 120px) clamp(20px, 5vw, 60px); border-top: 1px solid #f0eee8; border-bottom: 1px solid #f0eee8;"> <div style="max-width: 1100px; margin: 0 auto;"> <div style="margin-bottom: clamp(40px, 6vw, 70px);"> <div style="color: #3e565c; font-size: clamp(0.8rem, 1.2vw, 0.95rem); letter-spacing: 0.25em; text-transform: uppercase; margin-bottom: 6px;">FEATURE 01</div> <div style="font-size: clamp(1.6rem, 3vw, 2.4rem); font-weight: 400; color: #1a1a1a; letter-spacing: 0.15em;"><span style="display: inline-block;">コスト削減と</span><span style="display: inline-block;">高い経済性</span></div> </div> <!-- THREE COST PERSPECTIVES --> <div style="display: flex; flex-direction: column; gap: clamp(40px, 6vw, 80px);"><!-- CONSTRUCTION COST --> <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 40px; align-items: start;"> <div> <div style="font-size: clamp(1.2rem, 1.8vw, 1.4rem); font-weight: 500; color: #3e565c; border-bottom: 1px solid #3e565c; padding-bottom: 8px; margin-bottom: 16px;">建設コストの抑制</div> <div style="font-size: clamp(0.9rem, 1.1vw, 1rem); color: #444444; line-height: 1.9; margin-bottom: 20px;"><span style="display: inline-block;">さんわのテクノビルドは</span><span style="display: inline-block;">鉄筋コンクリート造や</span><span style="display: inline-block;">鉄骨造より建物が軽いため、</span><span style="display: inline-block;">基礎や杭工事にかかるコストを</span><span style="display: inline-block;">大幅に抑えることができます。</span></div> <div style="background: #ffffff; padding: 20px; border: 1px solid #e5e3df; font-size: clamp(0.95rem, 1.2vw, 1.1rem); color: #1a1a1a; line-height: 1.7;"><span style="display: inline-block;">鉄骨造からの移行により</span><br><span style="font-size: clamp(1.3rem, 2vw, 1.8rem); font-weight: 600; color: #3e565c;">約 20%〜30% のコストダウン</span><br><span style="font-size: 0.75rem; color: #888888;">注記：自社試算／延床面積100平方メートル以上の場合</span></div> </div> <div style="width: 100%; aspect-ratio: 4/3; background: #eae7e1; overflow: hidden;"><img style="width: 100%; height: 100%; object-fit: cover; display: block;" src="assets/images/2iedukuri/%E3%83%A9%E3%82%A4%E3%83%B3%E3%83%8A%E3%83%83%E3%83%97/%E5%A4%A7%E5%9E%8B%E6%9C%A8%E9%80%A0%E5%BB%BA%E7%AF%89/20230131-04.jpg?auto=format&fit=crop&w=1000&q=80" alt="基礎・建設現場"></div> </div> <!-- MAINTENANCE & TAX --> <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 40px;"> <div style="background: #ffffff; padding: clamp(24px, 4vw, 36px); border: 1px solid #e5e3df;"> <div style="font-size: clamp(1.1rem, 1.5vw, 1.25rem); font-weight: 500; color: #1a1a1a; margin-bottom: 12px; border-bottom: 1px solid #eeeeee; padding-bottom: 8px;">メンテナンスコストの軽減</div> <div style="font-size: clamp(0.85rem, 1vw, 0.95rem); color: #555555; line-height: 1.85;"><span style="display: inline-block;">テクノビルドは</span><span style="display: inline-block;">長時間経過しても</span><span style="display: inline-block;">たわみが進行しにくく、</span><span style="display: inline-block;">修繕費用と手間を軽減します。</span><span style="display: inline-block;">芯材に錆や腐食を防ぐ</span><span style="display: inline-block;">処理を施すなど、</span><span style="display: inline-block;">住宅性能表示制度における</span><span style="display: inline-block;">劣化対策等級3（最高等級）の</span><span style="display: inline-block;">基準をクリアしています。</span></div> </div> <div style="background: #ffffff; padding: clamp(24px, 4vw, 36px); border: 1px solid #e5e3df;"> <div style="font-size: clamp(1.1rem, 1.5vw, 1.25rem); font-weight: 500; color: #1a1a1a; margin-bottom: 12px; border-bottom: 1px solid #eeeeee; padding-bottom: 8px;">節税効果と事業リスク低減</div> <div style="font-size: clamp(0.85rem, 1vw, 0.95rem); color: #555555; line-height: 1.85;"><span style="display: inline-block;">木造扱いとなるため、</span><span style="display: inline-block;">鉄骨造に比べて</span><span style="display: inline-block;">減価償却期間が短く設定されます。</span><span style="display: inline-block;">早期の経費計上が可能となり、</span><span style="display: inline-block;">節税効果や長期的な</span><span style="display: inline-block;">事業リスク軽減につながります。</span><br><span style="font-size: 0.8rem; color: #777777; display: inline-block; margin-top: 10px;"> （例：事務所の場合 ｜ 木造24年・重量鉄骨造38年 ／ 店舗の場合 ｜ 木造22年・重量鉄骨造34年） </span></div> </div> </div> </div> </div> </div> <!-- ==================== FEATURE 02 & 03: CONSTRUCTION SPEED & SPAN (Page 5) ==================== --> <div style="max-width: 1100px; margin: 0 auto; padding: clamp(60px, 10vw, 120px) clamp(20px, 5vw, 60px);"> <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: clamp(40px, 6vw, 80px); margin-bottom: clamp(60px, 8vw, 100px);"><!-- FEATURE 02 --> <div> <div style="color: #3e565c; font-size: clamp(0.8rem, 1.2vw, 0.95rem); letter-spacing: 0.25em; text-transform: uppercase; margin-bottom: 6px;">FEATURE 02</div> <div style="font-size: clamp(1.4rem, 2.4vw, 1.8rem); font-weight: 400; color: #1a1a1a; margin-bottom: 20px; line-height: 1.4;"><span style="display: inline-block;">高い施工性で</span><br><span style="display: inline-block;">工期を大幅に短縮</span></div> <div style="font-size: clamp(0.85rem, 1.05vw, 0.95rem); color: #444444; line-height: 1.9; margin-bottom: 24px;"><span style="display: inline-block;">テクノビルドは施工性に優れており、</span><span style="display: inline-block;">鉄骨造に比べて工期を</span><span style="display: inline-block;">大幅に短縮できます。</span><span style="display: inline-block;">構造躯体の施工がシンプルで、</span><span style="display: inline-block;">事前に工場で切断・加工する</span><span style="display: inline-block;">プレカット技術により、</span><span style="display: inline-block;">現場の手間や事故を削減し</span><span style="display: inline-block;">効率化を実現します。</span></div> <div style="padding: 16px 20px; background: #f7f6f4; border-left: 3px solid #3e565c; font-size: clamp(0.9rem, 1.1vw, 1rem); color: #1a1a1a;"><span style="display: inline-block;">工期：重量鉄骨に比べて</span><span style="font-weight: 600; color: #3e565c;"> 最短 2/3</span><br><span style="font-size: 0.75rem; color: #888888;">注記：個別案件の状況によります</span></div> </div> <!-- FEATURE 03 --> <div> <div style="color: #3e565c; font-size: clamp(0.8rem, 1.2vw, 0.95rem); letter-spacing: 0.25em; text-transform: uppercase; margin-bottom: 6px;">FEATURE 03</div> <div style="font-size: clamp(1.4rem, 2.4vw, 1.8rem); font-weight: 400; color: #1a1a1a; margin-bottom: 20px; line-height: 1.4;"><span style="display: inline-block;">鉄骨造並みの</span><br><span style="display: inline-block;">大空間と自由な設計</span></div> <div style="font-size: clamp(0.85rem, 1.05vw, 0.95rem); color: #444444; line-height: 1.9; margin-bottom: 24px;"><span style="display: inline-block;">鉄骨造と同等のスパンを</span><span style="display: inline-block;">柱なしで確保可能。</span><span style="display: inline-block;">広さが求められる食堂や店舗、</span><span style="display: inline-block;">オフィスでも開放的で</span><span style="display: inline-block;">使いやすい空間をつくります。</span><span style="display: inline-block;">1階を大空間、2階を小部屋群とする</span><span style="display: inline-block;">フレキシブルな構成にも対応。</span></div> <div style="display: flex; gap: 20px;"> <div style="flex: 1; padding: 16px; background: #f7f6f4; border-top: 2px solid #3e565c;"> <div style="font-size: 0.75rem; color: #666666; letter-spacing: 0.1em;">最大天井高</div> <div style="font-size: clamp(1.4rem, 2vw, 1.8rem); font-weight: 500; color: #1a1a1a;">4 m</div> </div> <div style="flex: 1; padding: 16px; background: #f7f6f4; border-top: 2px solid #3e565c;"> <div style="font-size: 0.75rem; color: #666666; letter-spacing: 0.1em;">最大スパン</div> <div style="font-size: clamp(1.4rem, 2vw, 1.8rem); font-weight: 500; color: #1a1a1a;">12 m</div> </div> </div> </div> </div> <!-- IMAGE SPAN --> <div style="width: 100%; aspect-ratio: 21/9; background: #eee; overflow: hidden;"><img style="width: 100%; height: 100%; object-fit: cover; display: block;" src="assets/images/2iedukuri/%E3%83%A9%E3%82%A4%E3%83%B3%E3%83%8A%E3%83%83%E3%83%97/%E5%A4%A7%E5%9E%8B%E6%9C%A8%E9%80%A0%E5%BB%BA%E7%AF%89/%E3%83%86%E3%82%AF%E3%83%8E%E6%A7%8B%E9%80%A0.jpg?auto=format&fit=crop&w=1800&q=80" alt="大空間オフィスインテリア"></div> </div> <!-- ==================== COLUMN / CASE STUDY (Page 6) ==================== --> <div style="width: 100%; background-color: #1a1a1a; color: #ffffff; padding: clamp(60px, 10vw, 120px) clamp(20px, 5vw, 60px);"> <div style="max-width: 1100px; margin: 0 auto;"> <div style="border-bottom: 1px solid rgba(255,255,255,0.2); padding-bottom: 20px; margin-bottom: clamp(40px, 6vw, 60px); display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; gap: 20px;"> <div> <div style="color: #3e565c; font-size: clamp(0.75rem, 1vw, 0.85rem); letter-spacing: 0.3em; text-transform: uppercase; margin-bottom: 8px;">PROJECT COLUMN</div> <div style="font-size: clamp(1.5rem, 3vw, 2.2rem); font-weight: 400; letter-spacing: 0.15em; line-height: 1.4;"><span style="display: inline-block;">テクノビルドでできた、</span><span style="display: inline-block;">夢のラグビー寮</span></div> </div> <div style="font-size: clamp(0.85rem, 1.1vw, 1rem); color: rgba(255,255,255,0.7); letter-spacing: 0.15em;">学校法人 尾道学園 ｜ 闘猷館（toyukan）</div> </div> <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: clamp(30px, 5vw, 60px); align-items: center; margin-bottom: clamp(40px, 6vw, 60px);"> <div style="width: 100%; aspect-ratio: 4/3; overflow: hidden; background: #333;"><img style="width: 100%; height: 100%; object-fit: cover; filter: brightness(0.9); display: block;" src="assets/images/2iedukuri/%E3%83%A9%E3%82%A4%E3%83%B3%E3%83%8A%E3%83%83%E3%83%97/%E5%A4%A7%E5%9E%8B%E6%9C%A8%E9%80%A0%E5%BB%BA%E7%AF%89/%E3%83%A9%E3%82%B0%E3%83%93%E3%83%BC.jpg?auto=format&fit=crop&w=1200&q=80" alt="闘猷館 外観・内観"></div> <div> <div style="font-size: clamp(1.1rem, 1.8vw, 1.4rem); font-weight: 400; line-height: 1.6; margin-bottom: 20px; color: rgba(255,255,255,0.95);"><span style="display: inline-block;">花園常連の強豪校を支える</span><br><span style="display: inline-block;">100名収容の快適な住まい</span></div> <div style="font-size: clamp(0.85rem, 1vw, 0.95rem); color: rgba(255,255,255,0.75); line-height: 1.95; font-weight: 300;"><span style="display: inline-block;">尾道学園ラグビー部BURIKENSの新寮「闘猷館」が2024年12月に完成。</span><span style="display: inline-block;">部員100名を超える全国大会常連校の</span><span style="display: inline-block;">成長とさらなる飛躍を支えます。</span><span style="display: inline-block;">建物中央に設けられた大きな吹き抜け「プラザ」は、</span><span style="display: inline-block;">階を超えて互いの目を見て会話ができる設計。</span><span style="display: inline-block;">自然なコミュニケーションを生み出し、</span><span style="display: inline-block;">チームの結束力を強める大切な場となっています。</span></div> </div> </div> </div> </div> <!-- ==================== WORKS ARCHIVE (Page 9) ==================== --> <div style="max-width: 1100px; margin: 0 auto; padding: clamp(60px, 10vw, 120px) clamp(20px, 5vw, 60px);"> <div style="margin-bottom: clamp(40px, 6vw, 80px);"> <div style="color: #3e565c; font-size: clamp(0.8rem, 1.2vw, 0.95rem); letter-spacing: 0.25em; text-transform: uppercase; margin-bottom: 8px;">SELECTED WORKS</div> <div style="font-size: clamp(1.6rem, 3vw, 2.4rem); font-weight: 400; color: #1a1a1a; letter-spacing: 0.15em;">施工事例</div> </div> <!-- WORKS GRID --> <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: clamp(30px, 4vw, 50px);"><!-- WORK 1 --> <div style="display: flex; flex-direction: column;"> <div style="width: 100%; aspect-ratio: 4/3; background: #eee; margin-bottom: 20px; overflow: hidden;"><img style="width: 100%; height: 100%; object-fit: cover; display: block;" src="assets/images/2iedukuri/%E3%83%A9%E3%82%A4%E3%83%B3%E3%83%8A%E3%83%83%E3%83%97/%E5%A4%A7%E5%9E%8B%E6%9C%A8%E9%80%A0%E5%BB%BA%E7%AF%89/%E3%82%AA%E3%83%95%E3%82%A3%E3%82%B9.jpg?auto=format&fit=crop&w=800&q=80" alt="高山産業株式会社 福山支店"></div> <div style="font-size: 0.75rem; color: #3e565c; letter-spacing: 0.15em; text-transform: uppercase; margin-bottom: 4px;">OFFICE / 事務所兼倉庫</div> <div style="font-size: clamp(1.05rem, 1.4vw, 1.2rem); font-weight: 500; color: #1a1a1a; margin-bottom: 12px;">高山産業株式会社 福山支店</div> <div style="font-size: clamp(0.8rem, 0.95vw, 0.9rem); color: #666666; line-height: 1.8; margin-bottom: 16px;"><span style="display: inline-block;">大空間で使い勝手の良い事務所兼倉庫。</span><span style="display: inline-block;">20年後も飽きない落ち着いた外観と内装を実現。</span></div> <div style="margin-top: auto; padding: 16px; background: #fbfbfa; border: 1px solid #eeeeee; font-size: 0.8rem; color: #555555; line-height: 1.7;"><span style="font-weight: 500; color: #1a1a1a; display: block; margin-bottom: 4px;">Owner's Voice</span> <span style="display: inline-block;">「太陽光や蓄電池などの設備要望に対し、</span><span style="display: inline-block;">提案と変更を繰り返し妥協なく納得のいく仕上がりになりました。」</span></div> </div> <!-- WORK 2 --> <div style="display: flex; flex-direction: column;"> <div style="width: 100%; aspect-ratio: 4/3; background: #eee; margin-bottom: 20px; overflow: hidden;"><img style="width: 100%; height: 100%; object-fit: cover; display: block;" src="assets/images/2iedukuri/%E3%83%A9%E3%82%A4%E3%83%B3%E3%83%8A%E3%83%83%E3%83%97/%E5%A4%A7%E5%9E%8B%E6%9C%A8%E9%80%A0%E5%BB%BA%E7%AF%89/%E4%BF%9D%E8%82%B2%E6%96%BD%E8%A8%AD.jpg?auto=format&fit=crop&w=800&q=80" alt="よつば保育園"></div> <div style="font-size: 0.75rem; color: #3e565c; letter-spacing: 0.15em; text-transform: uppercase; margin-bottom: 4px;">NURSERY / 小規模保育園</div> <div style="font-size: clamp(1.05rem, 1.4vw, 1.2rem); font-weight: 500; color: #1a1a1a; margin-bottom: 12px;">NPO法人いきいきサポートのあ よつば保育園</div> <div style="font-size: clamp(0.8rem, 0.95vw, 0.9rem); color: #666666; line-height: 1.8; margin-bottom: 16px;"><span style="display: inline-block;">2階につくった木に囲まれた遊戯室では、</span><span style="display: inline-block;">園児がのびのび過ごす空間を創出。</span></div> <div style="margin-top: auto; padding: 16px; background: #fbfbfa; border: 1px solid #eeeeee; font-size: 0.8rem; color: #555555; line-height: 1.7;"><span style="font-weight: 500; color: #1a1a1a; display: block; margin-bottom: 4px;">Owner's Voice</span> <span style="display: inline-block;">「構造体の強さにより子どもたちが走りまわれる遊戯室が実現。</span><span style="display: inline-block;">可動式間仕切りで柔軟に利用可能です。」</span></div> </div> <!-- WORK 3 --> <div style="display: flex; flex-direction: column;"> <div style="width: 100%; aspect-ratio: 4/3; background: #eee; margin-bottom: 20px; overflow: hidden;"><img style="width: 100%; height: 100%; object-fit: cover; display: block;" src="assets/images/2iedukuri/%E3%83%A9%E3%82%A4%E3%83%B3%E3%83%8A%E3%83%83%E3%83%97/%E5%A4%A7%E5%9E%8B%E6%9C%A8%E9%80%A0%E5%BB%BA%E7%AF%89/20220630-01.jpg?auto=format&fit=crop&w=800&q=80" alt="尾道造船株式会社 船員寮"></div> <div style="font-size: 0.75rem; color: #3e565c; letter-spacing: 0.15em; text-transform: uppercase; margin-bottom: 4px;">DORMITORY / 宿泊施設・寮</div> <div style="font-size: clamp(1.05rem, 1.4vw, 1.2rem); font-weight: 500; color: #1a1a1a; margin-bottom: 12px;">尾道造船株式会社 船員寮</div> <div style="font-size: clamp(0.8rem, 0.95vw, 0.9rem); color: #666666; line-height: 1.8; margin-bottom: 16px;"><span style="display: inline-block;">外国人が利用する宿泊施設。</span><span style="display: inline-block;">高い遮音性とメンテナンス性を兼ね備えた耐火仕様。</span></div> <div style="margin-top: auto; padding: 16px; background: #fbfbfa; border: 1px solid #eeeeee; font-size: 0.8rem; color: #555555; line-height: 1.7;"><span style="font-weight: 500; color: #1a1a1a; display: block; margin-bottom: 4px;">Owner's Voice</span> <span style="display: inline-block;">「周りの音を気にせず快適に過ごせると好評。</span><span style="display: inline-block;">メンテナンスの対応も早く助かっています。」</span></div> </div> <!-- WORK 4 --> <div style="display: flex; flex-direction: column;"> <div style="width: 100%; aspect-ratio: 4/3; background: #eee; margin-bottom: 20px; overflow: hidden;"><img style="width: 100%; height: 100%; object-fit: cover; display: block;" src="assets/images/2iedukuri/%E3%83%A9%E3%82%A4%E3%83%B3%E3%83%8A%E3%83%83%E3%83%97/%E5%A4%A7%E5%9E%8B%E6%9C%A8%E9%80%A0%E5%BB%BA%E7%AF%89/20200430-05.jpg?auto=format&fit=crop&w=800&q=80" alt="社会福祉法人 尾道さつき会 ホームみつぎ"></div> <div style="font-size: 0.75rem; color: #3e565c; letter-spacing: 0.15em; text-transform: uppercase; margin-bottom: 4px;">WELFARE / 障害者福祉施設</div> <div style="font-size: clamp(1.05rem, 1.4vw, 1.2rem); font-weight: 500; color: #1a1a1a; margin-bottom: 12px;">社会福祉法人 尾道さつき会 ホームみつぎ</div> <div style="font-size: clamp(0.8rem, 0.95vw, 0.9rem); color: #666666; line-height: 1.8; margin-bottom: 16px;"><span style="display: inline-block;">定員10名のアットホームな空間。</span><span style="display: inline-block;">プライバシーとスムーズな職員動線を両立。</span></div> <div style="margin-top: auto; padding: 16px; background: #fbfbfa; border: 1px solid #eeeeee; font-size: 0.8rem; color: #555555; line-height: 1.7;"><span style="font-weight: 500; color: #1a1a1a; display: block; margin-bottom: 4px;">Owner's Voice</span> <span style="display: inline-block;">「木の温かみと採光が印象的な“第2の家”。</span><span style="display: inline-block;">引き戸でも音が気にならず非常に過ごしやすいです。」</span></div> </div> </div> </div> <!-- ==================== SPECIAL EXTENDED SECTION: COMMERCIAL & MIXED-USE ==================== --> <div style="width: 100%; background-color: #f7f6f2; border-top: 1px solid #e8e6df; padding: clamp(80px, 12vw, 150px) clamp(20px, 5vw, 60px); margin-top: clamp(40px, 6vw, 80px);"> <div style="max-width: 1100px; margin: 0 auto;"> <div style="color: #3e565c; font-size: clamp(0.85rem, 1.2vw, 1rem); letter-spacing: 0.3em; text-transform: uppercase; margin-bottom: 16px;">COMMERCIAL & MIXED-USE SPACES</div> <div style="font-size: clamp(1.8rem, 3.8vw, 3rem); font-weight: 400; color: #1a1a1a; line-height: 1.5; letter-spacing: 0.12em; margin-bottom: clamp(30px, 5vw, 50px); max-width: 950px;"><span style="display: inline-block; font-size: 80%;">カフェや美容院など、</span><span style="display: inline-block; font-size: 90%;">暮らしと商いがゆるやかにつながる、</span><br><span style="display: inline-block;"><span style="font-size: 90%;">洗練された美しさと機能性を併せもつ空間づくり。</span></span></div> <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: clamp(40px, 6vw, 70px); align-items: center; margin-bottom: clamp(40px, 6vw, 60px);"> <div style="font-size: clamp(0.95rem, 1.25vw, 1.15rem); color: #333333; line-height: 2.1; font-weight: 300;"><span style="display: inline-block;">住まいと店舗が調和する店舗併用住宅をはじめ、</span><span style="display: inline-block;">心地よい時を編むカフェ、</span><span style="display: inline-block;">洗練された光が差し込む美容院など、</span><span style="display: inline-block;">多様な空間表現に応えます。</span><br><br><span style="display: inline-block;">テクノビルドならではの柔軟な構造強度と大空間が、</span><span style="display: inline-block;">オーナーのこだわりと集客性を高めるデザインを</span><span style="display: inline-block;">静かに、そして力強くカタチにします。</span></div> <div style="width: 100%; aspect-ratio: 16/10; background: #e0ddd5; overflow: hidden;"><img style="width: 100%; height: 100%; object-fit: cover; display: block;" src="assets/images/2iedukuri/%E3%83%A9%E3%82%A4%E3%83%B3%E3%83%8A%E3%83%83%E3%83%97/%E5%A4%A7%E5%9E%8B%E6%9C%A8%E9%80%A0%E5%BB%BA%E7%AF%89/ChatGPT%20Image%202026%E5%B9%B47%E6%9C%8829%E6%97%A5%2017_24_34.png?auto=format&fit=crop&w=1000&q=80" alt="洗練されたカフェ・商用空間"></div> </div> </div> </div> <!-- ==================== FOOTER / CONTACT INFO ==================== --> <div style="width: 100%; background-color: #ffffff; border-top: 1px solid #e0e0e0; padding: clamp(60px, 8vw, 100px) clamp(20px, 5vw, 60px) clamp(40px, 6vw, 60px);"> <div style="max-width: 1100px; margin: 0 auto; display: flex; flex-direction: column; gap: 40px;"> <div style="display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; gap: 40px;"> <div> <div style="font-size: clamp(1.2rem, 2vw, 1.6rem); font-weight: 500; color: #1a1a1a; letter-spacing: 0.15em; margin-bottom: 8px;">さんわのテクノビルド</div> <div style="font-size: clamp(0.85rem, 1.1vw, 0.95rem); color: #666666; letter-spacing: 0.1em; margin-bottom: 24px;">三和鉄構建設株式会社</div> <div style="font-size: clamp(0.8rem, 1vw, 0.9rem); color: #555555; line-height: 1.9;"><span style="display: inline-block;">〒729-0141 広島県尾道市高須町5267</span><br><span style="display: inline-block;">TEL 0848-46-0914 （受付時間 10:00-17:00 / 土日祝除く）</span><br><span style="display: inline-block;">FAX 0848-46-5485</span></div> </div> </div> <div style="border-top: 1px solid #eeeeee; padding-top: 24px; font-size: 0.75rem; color: #999999; letter-spacing: 0.1em;">COPYRIGHT SANWA TEKKO KENSETSU CO., LTD. ALL RIGHTS RESERVED.</div> </div> </div> </div> <p> </p> </div> <aside id="bottomMenu" disp"> <h2 class="wf1 bc bdb solid lbl">ラインナップ</h2> <nav> <ul class="flx wrap"> <li><a class="wf1" href="co_navi/4d4d16ce8003fe3fab406477852f7dfb-311.html">テクノGX（標準仕様）</a></li> <li><a class="wf1" href="co_navi/528c7dc3541ec5d3d1a648aa824bbc85-312.html">テクノEX</a></li> <li><a class="wf1" href="co_navi/3b0f549fce1f2655305cb66322b97d0d-316.html">平屋</a></li> <li><a class="wf1" href="co_navi/ef74b18b2dd34a50b2b77c335b23a6e9-317.html">3階建て</a></li> <li><a class="wf1" href="co_navi/9d718a42a226acb26601993f6ba14cb1-315.html">規格デザイン住宅</a></li> <li><a class="wf1" href="co_navi/2f158e379438a5c24a93e5916ba12caf-313.html">全館空調の家</a></li> <li><a class="wf1" href="co_navi/c8aee8574829f8fa88f5cf0fe10ef8af-314.html">太陽光+蓄電池のスマートハウス</a></li> <li><a class="wf1" href="co_navi/3d0a4fe6eee299f9d33417148440826e-318.html">スキップフロアの家</a></li> <li><a class="wf1" href="co_navi/3f7472e5b89c5e2418d9ffcb33ac31e5-319.html">オーナーメイドテクノ</a></li> <li class="hover"><a class="wf1" href="co_navi/eceaf6ac7961f1f08d4e59d3ad0f6775-321.html">大型木造建築</a></li> </ul> </nav> </aside> </section> </article> </main> <footer class="wbg"> <section id="companyInfo" class="inner"> <aside class="snsBox"> <ul class="flx"> <li><a href="https://www.instagram.com/sanwanoie/" target="_blank"><img src="./assets/article_image_save/uFQ20240814112457r.png" alt="Instagram" width="30" height="30"></a></li><li><a href="https://jp.pinterest.com/sanwanoie/_created/" target="_blank"><img src="./assets/article_image_save/Ejz20240814112523r.png" alt="Pinterest" width="30" height="30"></a></li><li><a href="https://www.tiktok.com/@sanwanoie" target="_blank"><img src="./assets/article_image_save/VIG20240814112529r.png" alt="Tiktok" width="30" height="30"></a></li><li><a href="https://x.com/sanwanoie" target="_blank"><img src="./assets/article_image_save/ESQ20240814112538r.png" alt="X" width="30" height="30"></a></li><li><a href="https://www.facebook.com/sanwanoie" target="_blank"><img src="./assets/article_image_save/pQv20240814112547r.png" alt="facebook" width="30" height="30"></a></li></ul> </aside> <p> 三和鉄構建設株式会社<br> 〒729-0141 <br class="sp"> 広島県尾道市高須町5267 <a href="https://maps.app.goo.gl/e2da5g7yq8H9hKod8" target="_blank" class="pt">地図</a> <br class="tb"> TEL：<a href="tel:0120-506-308" id="footer_freedial1">0120-506-308</a> / <a href="tel:0848-55-5411" id="footer_tel1">0848-55-5411</a> <br class="sp"> FAX：0848-55-5412<br> ＜営業時間＞8:00～17:00 <br class="sp"> ＜定休日＞水曜日 </p> <div class="otherLink"><a href="sitemap.html" id="footer_sitemap" class="arrow">サイトマップ</a></div> </section> <section id="copyBox" class="sbg wbc"><div class="inner">Copyright (c) さんわの家. All Rights Reserved.<br><span class="separator"> | </span>Produced by <a class="wbc" href="https://www.goddess-c.com/" target="_blank">ゴデスクリエイト</a></div></section> <section id="footer_link" class="wbg"> <div class="inner clf"> <div class="telInfo"> <div class="fd01"> <div class="telicon"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="30px" height="30px" viewBox="0 0 30 30" enable-background="new 0 0 30 30" xml:space="preserve"><path d="M8.857,10.908c1.502-0.795,3.582-1.542,6.146-1.542c2.584,0,4.638,0.751,6.142,1.542c1.439-0.761,3.854-1.486,5.853-1.533V7.003H3v2.372C4.999,9.399,7.398,10.133,8.857,10.908z"/><path d="M19.291,13.746l-0.049,0.037c-0.751,0.605-1.194,1.601-1.194,2.658c0,0.872,0.313,1.694,0.901,2.309c0.594,0.621,1.371,0.96,2.204,0.96c0.826,0,1.604-0.339,2.187-0.96c0.593-0.614,0.915-1.437,0.915-2.309c0-1.057-0.445-2.052-1.196-2.658l-0.05-0.037l-0.037-0.045c-0.014-0.014-0.67-0.641-1.816-1.32c-1.146,0.68-1.808,1.308-1.812,1.32L19.291,13.746z"/><path d="M7.021,13.746L6.97,13.783c-0.751,0.605-1.195,1.601-1.195,2.658c0,0.872,0.318,1.694,0.906,2.309c0.586,0.621,1.37,0.96,2.195,0.96c0.834,0,1.61-0.339,2.195-0.96c0.591-0.614,0.912-1.437,0.912-2.309c0-1.057-0.448-2.052-1.197-2.658l-0.049-0.037l-0.036-0.045c-0.014-0.014-0.678-0.641-1.823-1.32c-1.143,0.68-1.797,1.308-1.813,1.32L7.021,13.746z"/><path d="M22.454,11.695c0.863,0.593,1.342,1.063,1.342,1.063c1.047,0.847,1.684,2.195,1.684,3.685c0,2.521-1.94,4.561-4.326,4.561c-2.396,0-4.332-2.04-4.332-4.561c0-1.484,0.635-2.838,1.675-3.685c0,0,0.479-0.47,1.35-1.054c-1.268-0.579-2.883-1.047-4.831-1.052c-1.859,0.005-3.591,0.492-4.825,1.052c0.868,0.584,1.339,1.054,1.339,1.054c1.05,0.847,1.68,2.195,1.68,3.685c0,2.521-1.935,4.561-4.33,4.561c-2.388,0-4.327-2.04-4.327-4.561c0-1.484,0.636-2.838,1.679-3.685c0,0,0.464-0.47,1.334-1.063c-1.235-0.552-2.559-1.012-4.559-1.031v12.333H27V10.67C24.999,10.704,23.66,11.153,22.454,11.695z"/></svg> </div> <span class="tlb wf1">0120-506-308</span> </div> <div class="fd02 bc2 wf1">受付／8:00～17:00 定休日／水曜日</div> </div> <ul> <li class="fe"><a class="wf1 wbc bg" href="co_event.html" id="footer_menu01">イベント</a></li> <li class="fb"><a class="wf1 wbc bg" href="https://www.onomichi-jutaku.com/co_photo.html" id="footer_menu02">施工事例</a></li> <li class="fs"><a class="wf1 wbc bg" href="siryo/select.html" id="footer_menu03">資料請求</a></li> <li class="fc"><a class="wf1 wbc bg" href="toiawase/index.html" id="footer_menu04">お問合せ</a></li> <li id="f_tel"><a class="wf1 wbc bg" href="tel:0120-506-308" id="footer_tel_button">電話</a></li> </ul> </div> </section> </footer> <div id="pageTop"><a href="#top" id="page_top"><?xml version="1.0" encoding="utf-8"?> <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg version="1.1" id="pagetop" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="60px" height="60px" viewBox="0 0 60 60" enable-background="new 0 0 60 60" xml:space="preserve"> <circle id="bg" opacity="0.5" cx="30" cy="30" r="30"/> <g id="arrow"> <rect x="18" y="21" fill="#FFFFFF" width="24" height="2"/> <polyline fill="none" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="41,38 30,27 19,38 "/> </g> </svg> </a></div> <aside id="ckb" class="wf2 wbg"><div class="ckb-header"><h3 class="wbc">Cookieポリシー</h3></div><div class="ckb-content"><div class="inner"><div class="cp-text wbc">当サイトではCookieを使用します。<br class="sp">Cookieの使用に関する詳細は 「<a class="wbc" href="co_navi/edbbdf5d7e6c2847e23fdb7f823ebefb-277.html" target="_blank">プライバシーポリシー</a>」をご覧ください。<br>Cookieを受け入れるか拒否するか選択してください。</div><div class="cp-consent"><div class="cp-agree bg wbc">同意する</div><div class="cp-reject bg wbc">同意しない</div></div></div></div></aside> <script src="assets/js/swiper-bundle.min.js"></script> <script src="assets/js/layzr.min.js" defer></script> <script src="assets/js/lightbox-2.6.min.js"></script> <script src="assets/js/pager.js"></script> <script async> window.onload = function() { var layzr = new Layzr({container: null,attr: 'data-layzr',retinaAttr: 'data-layzr-retina',bgAttr: 'data-layzr-bg',hiddenAttr: 'data-layzr-hidden',threshold: 0,callback: null}); $('link[rel="subresource"]').attr('rel', 'stylesheet'); } $(function(){ var topBtn=$('#pageTop'); topBtn.hide(); if($('#footer_link').length){var fmn=$('#footer_link');fmn.hide();} $(window).scroll(function(){if($(this).scrollTop()> 100){ topBtn.fadeIn(); if($('#footer_link').length){fmn.fadeIn();} }else{ topBtn.fadeOut(); if($('#footer_link').length){fmn.fadeOut();} }; }); topBtn.click(function(){$('body,html').animate({scrollTop: 0},1000);return false;}); var obj=$('#iframe'); obj.on('load',function(){var off=$('body').offset();$('body,html').animate({scrollTop: off.top,scrollLeft: off.left},0);}); }); $(".menu-button").click(function(){ var hdh = document.getElementById("header").offsetHeight; $(this).toggleClass("active"); $("#navi").slideToggle("500"); $("#navi").css("top", hdh + "px"); $("#navi").css("max-height","calc(100svh - " + hdh + "px)"); }); $(function(){resizeWindow();}); window.addEventListener('resize', resizeWindow); function resizeWindow(){ var hh = document.getElementById("mainHeader").offsetHeight; var wrap = document.getElementById("wrapper"); var wide = document.getElementById("wide"); if(document.getElementById("mainBox") == null){wrap.style.paddingTop = hh + "px";} } $(window).on('load', function() {const headerHeight = $('header').outerHeight();const url = $(location).attr('href');if (url.indexOf("#") != -1) {const anchor = url.split("#"),targetId = anchor[anchor.length - 1];const target = $('#' + targetId);if (target.length) {const position = Math.floor(target.offset().top) - headerHeight;$("html, body").animate({ scrollTop: position }, 500);}}$('a[href*="#"]').on('click', function(event) {const href = $(this).attr('href');const anchor = href.split("#")[1];if (anchor) {const target = $('#' + anchor);if (target.length) {event.preventDefault();const position = Math.floor(target.offset().top) - headerHeight;$("html, body").animate({ scrollTop: position }, 500);}}});}); </script> <script> // トリガー取得 const scrollTrigger = document.querySelectorAll('.js-scroll-trigger'); // aimation呼び出し if (scrollTrigger.length) { scrollAnimation(scrollTrigger); } // aimation関数 function scrollAnimation(trigger) { window.addEventListener('scroll', function () { for (var i = 0; i < trigger.length; i++) { let position = trigger[i].getBoundingClientRect().top, scroll = window.pageYOffset || document.documentElement.scrollTop, offset = position + scroll, windowHeight = window.innerHeight; if (scroll > offset - windowHeight + 200) { trigger[i].classList.add('started'); } } }); } </script> <!-- KASIKA TRACKING CODE --> <script type="text/javascript" src="//panda.kasika.io/tag-manager/? pid=0A507CE8DE3D81217DB4FB2F8797EBCB"></script> <!-- KASIKA TRACKING CODE --> <script async src="//www.instagram.com/embed.js"></script> <script type="text/javascript"> const popup = document.getElementById('ckb'); const cookieAgree = document.querySelector('.cp-agree'); const cookieReject = document.querySelector('.cp-reject'); const rejectFlag = sessionStorage.getItem('Reject-Flag') === 'true'; // 明示的に文字列として比較 const cookieData = document.cookie; let acceptFlag = false; // Cookieデータを確認し、`robotama-cookie`があるかチェック const cookieDataList = cookieData.split('; '); for (const cookie of cookieDataList) { const [key, value] = cookie.split('='); if (key === 'robotama-cookie') { acceptFlag = true; } } // 拒否フラグも同意フラグもない場合のみバナーを表示 if (!rejectFlag && !acceptFlag) { PopupDisplay(); } function PopupDisplay() { popup.style.display = 'block'; } function PopupClose() { popup.style.display = 'none'; } // 30日後の有効期限を設定 function SetCookie() { const expireDate = new Date(); expireDate.setDate(expireDate.getDate() + 30); // 現在の日付に30日を加算 document.cookie = `robotama-cookie=robotama-read; expires=${expireDate.toUTCString()}; path=/`; } // Cookie削除ロジック（ドメインごとに削除対応） function DeleteAllCookie() { document.cookie.split(';').forEach((cookie) => { const [key] = cookie.split('='); document.cookie = `${key}=; max-age=0; path=/`; }); } // 同意ボタンのクリックイベント cookieAgree.addEventListener('click', () => { SetCookie(); PopupClose(); }); // 拒否ボタンのクリックイベント cookieReject.addEventListener('click', () => { sessionStorage.setItem('Reject-Flag', 'true'); // フラグを文字列で保存 DeleteAllCookie(); PopupClose(); }); </script> </body> </html>