It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: http://bsj57.jp/

  1. <!DOCTYPE html>
  2. <html lang="ja">
  3. <head>
  4.  <meta charset="utf-8" />
  5.  <meta name="viewport" content="width=device-width, initial-scale=1" />
  6.  <title>雨漏りの匠|発見保証付きの雨漏り調査・修理(神奈川県)</title>
  7.  <meta name="description" content="発見保証つき・25年以上の実績。雨漏りの匠は、神奈川県を中心に原因特定〜最適工法のご提案までワンストップで対応します。" />
  8.  
  9.  <style>
  10.    :root{
  11.      --brand:#e53935; --brand-2:#ffb300; --ink:#222; --muted:#6e6e6e;
  12.      --bg:#f6f7f9; --surface:#fff; --radius:14px;
  13.      --container: min(1100px, 92vw);
  14.      --pill-tel:#fff2e6; --pill-line:#e9fbf1; --pill-mail:#eef5ff;
  15.      --cta-tel:#ef4444; --cta-line:#10b981; --cta-mail:#f59e0b;
  16.    }
  17.    html,body{margin:0;padding:0;color:var(--ink);font-family:"Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans JP",sans-serif;line-height:1.7;background:var(--bg)}
  18.    img{max-width:100%;height:auto;vertical-align:bottom}
  19.    a{color:var(--brand);text-decoration:none}
  20.    .container{width:var(--container);margin-inline:auto}
  21.  
  22.    header.site-header{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid #eee;backdrop-filter:saturate(140%) blur(2px)}
  23.    .site-header .inner{width:var(--container);margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px}
  24.    .site-logo{display:flex;align-items:center;gap:.75rem;min-width:0}
  25.    .site-logo img{height:44px;width:auto;object-fit:contain;display:block}
  26.    .header-cta{display:flex;gap:10px;align-items:center;flex-shrink:0}
  27.    .header-cta a{display:inline-flex;align-items:center;gap:.55em;padding:.55em 1em;border-radius:999px;font-weight:700;border:1px solid rgba(0,0,0,.06);box-shadow:0 6px 16px rgba(0,0,0,.06);color:#222;transition:transform .08s,box-shadow .12s,filter .12s;white-space:nowrap}
  28.    .header-cta a:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(0,0,0,.10)}
  29.    .header-cta svg{width:18px;height:18px;display:block}
  30.    .pill-tel{background:var(--pill-tel)} .pill-line{background:var(--pill-line)} .pill-mail{background:var(--pill-mail)}
  31.    .header-cta .label{letter-spacing:.02em}
  32.    @media (max-width:767px){.site-logo img{height:36px}.header-cta a{padding:.5em .8em;font-size:14px}.header-cta svg{width:16px;height:16px}}
  33.  
  34.    .btn{display:inline-flex;align-items:center;gap:.6em;padding:.9em 1.2em;border-radius:999px;background:var(--brand);color:#fff;font-weight:800;box-shadow:0 6px 16px rgba(229,57,53,.25)}
  35.    .btn:hover{opacity:.95;transform:translateY(-1px)}
  36.    .pill{display:inline-block;padding:.35em .9em;border-radius:999px;background:var(--brand-2);color:#222;font-weight:800}
  37.  
  38.    .hero{position:relative;color:#fff;isolation:isolate;overflow:hidden}
  39.    .hero-ill{position:absolute;inset:0;z-index:-2}
  40.    .hero-ill picture,.hero-ill img{width:100%;height:100%;display:block}
  41.    .hero-ill img{object-fit:cover}
  42.    .hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.45),rgba(0,0,0,.15) 40%,rgba(0,0,0,.35));z-index:-1}
  43.    .hero .wrap{width:var(--container);margin-inline:auto;padding:78px 0 46px}
  44.    .hero .panel{display:inline-block;padding:18px 16px;border-radius:16px;background:rgba(0,0,0,.45);backdrop-filter:saturate(140%) blur(6px);box-shadow:0 10px 30px rgba(0,0,0,.15)}
  45.    .hero h1{font-size:clamp(26px,4.4vw,42px);line-height:1.34;margin:.45em 0 .25em;font-weight:900}
  46.    .hero p.lead{font-size:clamp(14px,2.2vw,18px);opacity:.95;margin:.2rem 0 1.1rem}
  47.  
  48.    .video-wrap{width:var(--container);margin:32px auto 0}
  49.    .ratio{position:relative;width:100%;padding-top:56.25%}
  50.    .ratio iframe{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.12)}
  51.  
  52.    section{padding:56px 0}
  53.    section.alt{background:#fff}
  54.    .sec-title{text-align:center;margin:0 0 24px}
  55.    .sec-title .eyebrow{color:var(--brand);font-weight:800}
  56.    .sec-title h2{margin:.2em 0;font-size:clamp(22px,3.2vw,32px)}
  57.    .sec-title p{color:var(--muted);margin:0}
  58.  
  59.    .grid{display:grid;gap:16px}
  60.    .grid.col-3{grid-template-columns:repeat(3,1fr)}
  61.    .grid.col-4{grid-template-columns:repeat(4,1fr)}
  62.    @media (max-width:900px){.grid.col-3{grid-template-columns:repeat(2,1fr)}.grid.col-4{grid-template-columns:repeat(2,1fr)}}
  63.    @media (max-width:580px){.grid.col-3,.grid.col-4{grid-template-columns:1fr}}
  64.    .card{background:#fff;border-radius:14px;box-shadow:0 8px 22px rgba(0,0,0,.08);overflow:hidden}
  65.    .card .body{padding:14px}
  66.    .card h3{font-size:18px;margin:0}
  67.  
  68.    .reason{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;margin:24px 0}
  69.    .reason:nth-child(even){direction:rtl}
  70.    .reason:nth-child(even) .content{direction:ltr}
  71.    .reason .content h3{margin:.2em 0}.reason .content p{color:var(--muted)}
  72.    @media (max-width:900px){.reason{grid-template-columns:1fr}}
  73.  
  74.    .banner-full img{display:block;width:100%;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.08)}
  75.    .speech-banners picture{display:block;margin:10px 0}
  76.  
  77.    .official-cta{display:block;width:var(--container);margin:0 auto;border-radius:16px;color:#fff;background:#111;padding:18px 20px;text-align:center;font-weight:900;letter-spacing:.02em;box-shadow:0 10px 26px rgba(0,0,0,.18)}
  78.    .official-cta:hover{filter:brightness(1.08)} .official-cta .arrow{display:inline-block;transform:translateY(1px)}
  79.  
  80.    .cta-rows{width:var(--container);margin:18px auto 0}
  81.    .cta-rows .row{display:grid;gap:14px;grid-template-columns:1fr}
  82.    @media (min-width:860px){.cta-rows .row{grid-template-columns:repeat(3,1fr)}}
  83.    .cta-lg{display:flex;align-items:center;justify-content:center;gap:12px;padding:22px 18px;border-radius:16px;color:#fff;font-weight:900;font-size:18px;box-shadow:0 10px 26px rgba(0,0,0,.16);text-align:center}
  84.    .cta-lg svg{width:26px;height:26px}
  85.    .cta-lg.tel{background:var(--cta-tel)} .cta-lg.line{background:var(--cta-line)} .cta-lg.mail{background:var(--cta-mail)}
  86.    .cta-lg:hover{filter:brightness(1.06);transform:translateY(-1px)}
  87.  
  88.    .greet{display:grid;grid-template-columns:260px 1fr;gap:24px;align-items:center;margin-top:8px}
  89.    .greet-photo img{width:100%;max-width:280px;border-radius:50%;box-shadow:0 8px 26px rgba(0,0,0,.15)}
  90.    @media (max-width:900px){.greet{grid-template-columns:1fr;text-align:left}.greet-photo{justify-self:center}}
  91.  
  92.    footer{background:#111;color:#ddd;padding:32px 0}
  93.    footer small{color:#aaa}
  94.    .visually-hidden{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
  95.  </style>
  96.  
  97.  <script type="application/ld+json">
  98.  {
  99.    "@context":"https://schema.org",
  100.    "@type":"RoofingContractor",
  101.    "name":"雨漏りの匠",
  102.    "telephone":"0120-035-106",
  103.    "address":{"@type":"PostalAddress","streetAddress":"神奈川県大和市中央林間3-13-22","addressLocality":"大和市","addressRegion":"神奈川県","postalCode":"242-0007"},
  104.    "areaServed":["神奈川県全域"]
  105.  }
  106.  </script>
  107. </head>
  108. <body>
  109.  
  110.  <!-- ================= HEADER ================= -->
  111.  <header class="site-header">
  112.    <div class="inner">
  113.      <a class="site-logo" href="#top" aria-label="雨漏りの匠 トップへ">
  114.        <img src="./assets/amamori_logo.png" alt="雨漏りの匠 ロゴ" fetchpriority="high" decoding="async">
  115.      </a>
  116.      <nav class="header-cta" aria-label="お問い合わせメニュー">
  117.        <a class="pill-tel" href="tel:0120035106" aria-label="お電話">
  118.          <svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 3.15 8.81 19.79 19.79 0 0 1 .08.18 2 2 0 0 1 2.06 0h3a2 2 0 0 1 2 1.72c.12.9.34 1.78.66 2.63a2 2 0 0 1-.45 2.11L6.1 7.76a16 16 0 0 0 6.14 6.14l1.3-1.17a2 2 0 0 1 2.11-.45c.85.32 1.73.54 2.63.66A2 2 0 0 1 22 16.92Z" fill="#d14d00"/></svg>
  119.          <span class="label">お電話</span>
  120.        </a>
  121.        <a class="pill-line" href="https://line.me/R/ti/p/@349pvakd?oat_content=url" target="_blank" rel="noopener" aria-label="LINEでお問い合わせ">
  122.          <svg viewBox="0 0 32 32" aria-hidden="true"><path fill="#06C755" d="M27.6 5.6C25.3 3.3 22 2 18.4 2 10.9 2 5 7.1 5 13.3c0 5.8 5.6 10.7 12.9 10.7.9 0 1.8-.1 2.6-.2l4.8 3-.9-5.3c2.6-2 4.1-4.9 4.1-8.1 0-3.1-1.2-5.8-3.4-8z"/><path fill="#fff" d="M11.2 18.1h-1.9V11h1.9v7.1zm3.1 0h-1.9V11h1.9v7.1zm3.1 0h-1.9V11h1.9v7.1zm5 0h-4.1V11h1.9v5.2h2.2v1.9z"/></svg>
  123.          <span class="label">LINE</span>
  124.        </a>
  125.        <a class="pill-mail" href="https://1lejend.com/stepmail/kd.php?no=fHSqaiA" target="_blank" rel="noopener" aria-label="メールでお問い合わせ">
  126.          <svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M4 4h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Z" stroke="#0b57d0" stroke-width="1.6"/><path d="m3 7 9 7 9-7" stroke="#0b57d0" stroke-width="1.6"/></svg>
  127.          <span class="label">メール</span>
  128.        </a>
  129.      </nav>
  130.    </div>
  131.  </header>
  132.  
  133.  <!-- ================= HERO ================= -->
  134.  <section id="top" class="hero">
  135.    <div class="hero-ill">
  136.      <picture>
  137.        <source type="image/webp" media="(max-width:767px)" srcset="./assets/hero-kawara-sp-828x1104.webp">
  138.        <source type="image/jpeg" media="(max-width:767px)" srcset="./assets/hero-kawara-sp-828x1104.jpg">
  139.        <source type="image/webp" media="(min-width:768px)" srcset="./assets/hero-kawara-pc-1600x900.webp">
  140.        <img src="./assets/hero-kawara-pc-1600x900.jpg" alt="瓦屋根と青空" width="1600" height="900" fetchpriority="high" decoding="async">
  141.      </picture>
  142.    </div>
  143.  
  144.    <div class="wrap">
  145.      <span class="pill">業界でも異例の「発見保証」</span>
  146.      <div class="panel">
  147.        <h1>雨漏りの原因、<br>私たちが必ず見つけます。</h1>
  148.        <p class="lead">25年以上の実績/屋根・外壁・防水のプロが、調査から最適工法による修理までワンストップで対応。</p>
  149.      </div>
  150.      <div class="cta-row" style="display:flex;flex-wrap:wrap;gap:12px;margin-top:14px">
  151.        <a class="btn" href="tel:0120035106">
  152.          <svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 3.15 8.81 19.79 19.79 0 0 1 .08.18 2 2 0 0 1 2.06 0h3a2 2 0 0 1 2 1.72c.12.9.34 1.78.66 2.63a2 2 0 0 1-.45 2.11L6.1 7.76a16 16 0 0 0 6.14 6.14l1.3-1.17a2 2 0 0 1 2.11-.45c.85.32 1.73.54 2.63.66A2 2 0 0 1 22 16.92Z" fill="#fff"/></svg>
  153.          今すぐ電話する
  154.        </a>
  155.        <a class="btn" style="background:#16a34a" href="https://line.me/R/ti/p/@349pvakd?oat_content=url" target="_blank" rel="noopener">
  156.          <svg width="20" height="20" viewBox="0 0 32 32" aria-hidden="true"><path fill="#fff" d="M27.6 5.6C25.3 3.3 22 2 18.4 2 10.9 2 5 7.1 5 13.3c0 5.8 5.6 10.7 12.9 10.7.9 0 1.8-.1 2.6-.2l4.8 3-.9-5.3c2.6-2 4.1-4.9 4.1-8.1 0-3.1-1.2-5.8-3.4-8z"/></svg>
  157.          LINEはこちら
  158.        </a>
  159.      </div>
  160.    </div>
  161.  </section>
  162.  
  163.  <!-- ================= YouTube(代表あいさつの前) ================= -->
  164.  <section class="alt" id="movie">
  165.    <div class="video-wrap">
  166.      <div class="sec-title">
  167.        <div class="eyebrow">動画で分かる</div>
  168.        <h2>雨漏りの匠</h2>
  169.        <p class="muted">会社紹介・施工の考え方をショート動画でご覧ください。</p>
  170.      </div>
  171.      <div class="ratio">
  172.        <iframe
  173.          src="https://www.youtube.com/embed/OIlBIxRQwDA?rel=0&modestbranding=1&playsinline=1"
  174.          title="雨漏りの匠 紹介動画"
  175.          allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
  176.          allowfullscreen
  177.        ></iframe>
  178.      </div>
  179.    </div>
  180.  </section>
  181.  
  182.  <!-- ================= 代表あいさつ ================= -->
  183.  <section class="alt" id="greeting">
  184.    <div class="container">
  185.      <div class="sec-title">
  186.        <div class="eyebrow">代表のご挨拶</div>
  187.        <h2>雨漏りの匠 代表 小室 浩(HIROSHI KOMURO)</h2>
  188.      </div>
  189.  
  190.      <div class="greet">
  191.        <div class="greet-photo">
  192.          <img src="./assets/amamori_sec04_komuro.png" alt="代表 小室 浩(こむろ ひろし)">
  193.        </div>
  194.        <div class="greet-text">
  195.          <p>はじめまして。これまで雨漏り修理の専門業者として25年以上活動している、雨漏りの匠代表:小室 浩(こむろ ひろし)と申します。</p>
  196.          <p>私たちは、大切な家屋や建築物を守る『雨漏り修理“専門”のプロ集団』として、数多くの雨漏りを解決してきました。長年に渡って徹底的に研鑽してきた調査力と対応力が、私たちの武器です。</p>
  197.          <p>長年の努力の甲斐もあり、今では大工業社・リフォーム業社といった『雨漏り修理を生業とされる方々』から「なんとか、この雨漏りを止められないでしょうか…?」とご相談いただけるほど、圧倒的な雨漏り対応力を実現しております。</p>
  198.          <p>後悔のない雨漏り修理のために、私たちは『雨漏りの専門家』に安心してお任せください。</p>
  199.        </div>
  200.      </div>
  201.  
  202.      <p style="margin:26px 0 12px;text-align:center">
  203.        <a class="official-cta" href="https://ctp.ctw-contents.com/lptools/lp/amamori/" target="_blank" rel="noopener">
  204.          公式サイトはこちら <span class="arrow">→</span>
  205.        </a>
  206.      </p>
  207.  
  208.      <!-- 公式サイトの下にCTA 3点 -->
  209.      <div class="cta-rows">
  210.        <div class="row">
  211.          <a class="cta-lg tel" href="tel:0120035106" aria-label="電話で相談">
  212.            <svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 3.15 8.81 19.79 19.79 0 0 1 .08.18 2 2 0 0 1 2.06 0h3a2 2 0 0 1 2 1.72c.12.9.34 1.78.66 2.63a2 2 0 0 1-.45 2.11L6.1 7.76a16 16 0 0 0 6.14 6.14l1.3-1.17a2 2 0 0 1 2.11-.45c.85.32 1.73.54 2.63.66A2 2 0 0 1 22 16.92Z" fill="#fff"/></svg>
  213.            0120-035-106 に電話
  214.          </a>
  215.          <a class="cta-lg line" href="https://line.me/R/ti/p/@349pvakd?oat_content=url" target="_blank" rel="noopener" aria-label="LINEでお問い合わせ">
  216.            <svg viewBox="0 0 32 32" aria-hidden="true"><path fill="#fff" d="M27.6 5.6C25.3 3.3 22 2 18.4 2 10.9 2 5 7.1 5 13.3c0 5.8 5.6 10.7 12.9 10.7.9 0 1.8-.1 2.6-.2l4.8 3-.9-5.3c2.6-2 4.1-4.9 4.1-8.1 0-3.1-1.2-5.8-3.4-8z"/></svg>
  217.            LINEでお問い合わせ
  218.          </a>
  219.          <a class="cta-lg mail" href="https://1lejend.com/stepmail/kd.php?no=fHSqaiA" target="_blank" rel="noopener" aria-label="メールでお問い合わせ">
  220.            <svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M4 4h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Z" stroke="#fff" stroke-width="1.6"/><path d="m3 7 9 7 9-7" stroke="#fff" stroke-width="1.6"/></svg>
  221.            メールでお問い合わせ
  222.          </a>
  223.        </div>
  224.      </div>
  225.    </div>
  226.  </section>
  227.  
  228.  <!-- ===== 発見保証の訴求バナー ===== -->
  229.  <section class="alt">
  230.    <div class="container banner-full">
  231.      <img src="./assets/amamori_sec02_answer_pc.jpg" alt="だから!業界では異例の発見保証 25年以上の実績・雨漏り専門">
  232.    </div>
  233.  </section>
  234.  
  235.  <!-- ================= 対応建物・施設 ================= -->
  236.  <section class="alt" id="buildings">
  237.    <div class="container">
  238.      <div class="sec-title">
  239.        <div class="eyebrow">幅広く対応</div>
  240.        <h2>戸建てからビル・店舗まで対応します</h2>
  241.        <p>屋根・外壁・ベランダ・天井など、建物種別を問わずご相談ください。神奈川県内全域で伺います。</p>
  242.      </div>
  243.      <div class="grid col-4">
  244.        <article class="card"><img src="./assets/640_480_img02.jpg" alt="戸建住宅"><div class="body"><h3>戸建住宅</h3></div></article>
  245.        <article class="card"><img src="./assets/640_480_img04.jpg" alt="マンション・集合住宅"><div class="body"><h3>マンション・集合住宅</h3></div></article>
  246.        <article class="card"><img src="./assets/640_480_img01.jpg" alt="オフィス・ビル"><div class="body"><h3>オフィス・ビル</h3></div></article>
  247.        <article class="card"><img src="./assets/640_480_img03.jpg" alt="デザイン住宅・新築"><div class="body"><h3>デザイン住宅</h3></div></article>
  248.        <article class="card"><img src="./assets/640_480_img05.jpg" alt="店舗・倉庫・ガレージ"><div class="body"><h3>店舗・倉庫・ガレージ</h3></div></article>
  249.      </div>
  250.    </div>
  251.  </section>
  252.  
  253.  <!-- ================= 選ばれる理由 ================= -->
  254.  <section>
  255.    <div class="container">
  256.      <div class="sec-title">
  257.        <div class="eyebrow">雨漏りの匠が選ばれる</div>
  258.        <h2>5つの理由</h2>
  259.        <p class="muted">原因特定力 × 適切工法 × 適正価格。中間マージンをカットし、誠実にご提案します。</p>
  260.      </div>
  261.  
  262.      <div class="reason">
  263.        <div class="visual"><img src="./assets/amamori_sec01_graph.png" alt="相談件数推移グラフ(点検商法の相談比率推移)"></div>
  264.        <div class="content"><h3>① 実績に裏打ちされた「発見力」</h3><p>25年以上の調査経験とデータをもとに、見落としやすい複合要因も徹底的に洗い出します。</p></div>
  265.      </div>
  266.  
  267.      <div class="reason">
  268.        <div class="visual"><img src="./assets/amamori_860_420_img02.jpg" alt="中間マージン比較"></div>
  269.        <div class="content"><h3>② 中間マージンをカット</h3><p>自社職人対応で無駄なコストを削減。適正価格で高品質な工事をご提供します。</p></div>
  270.      </div>
  271.  
  272.      <div class="reason">
  273.        <div class="visual"><img src="./assets/amamori_860_420_img03.jpg" alt="悪質事例の写真"></div>
  274.        <div class="content"><h3>③ 悪質点検商法を断固排除</h3><p>「柱がボロボロ」「追加で直さないと家が倒れる」などの不安煽りには要注意。必要な工事だけを明確にご説明します。</p></div>
  275.      </div>
  276.  
  277.      <div class="reason">
  278.        <div class="visual"><img src="./assets/amamori_860_420_img04.jpg" alt="高所作業車での屋根点検"></div>
  279.        <div class="content"><h3>④ 屋根・外壁・防水まで一括対応</h3><p>屋根修理/瓦/塗装/防水など、住まいの外装をワンストップで対応します。</p></div>
  280.      </div>
  281.  
  282.      <div class="reason">
  283.        <div class="visual"><img src="./assets/amamori_860_420_img05.jpg" alt="3つの保証"></div>
  284.        <div class="content"><h3>⑤ 3つの保証で安心</h3><p>出張・調査・見積の<strong>無料保証</strong>、原因を必ず突き止める<strong>発見保証</strong>、万一の<strong>再発保証</strong>をご用意。</p></div>
  285.      </div>
  286.    </div>
  287.  </section>
  288.  
  289.  <!-- ================= 注意喚起 ================= -->
  290.  <section class="alt">
  291.    <div class="container">
  292.      <div class="sec-title">
  293.        <div class="eyebrow">こんな営業トークに注意</div>
  294.        <h2>不安をあおる言葉は要注意です</h2>
  295.        <p class="muted">根拠のない「柱がボロボロ」「今すぐ直さないと倒壊」などは典型例です。</p>
  296.      </div>
  297.      <div class="speech-banners">
  298.        <picture class="pc-only"><img src="./assets/amamori_sec05_gust01_pc-e1707271750460-1024x239.png" alt="家の柱が既にボロボロになってしまっているので危険です"></picture>
  299.        <picture class="sp-only"><img src="./assets/amamori_sec05_gust01_sp-e1707271775902.png" alt="家の柱が既にボロボロになってしまっているので危険です(SP)"></picture>
  300.  
  301.        <picture class="pc-only"><img src="./assets/amamori_sec05_gust02_pc-e1707271762424-1024x239.png" alt="追加で他の箇所も直さないと取り返しがつきません"></picture>
  302.        <picture class="sp-only"><img src="./assets/amamori_sec05_gust02_sp-e1707272121751.png" alt="追加で他の箇所も直さないと取り返しがつきません(SP)"></picture>
  303.  
  304.        <picture class="pc-only"><img src="./assets/amamori_sec05_gust03_pc-1024x239.png" alt="このままではもう家が倒れてしまいますよ!"></picture>
  305.        <picture class="sp-only"><img src="./assets/amamori_sec05_gust03_sp-e1707271796269.png" alt="このままではもう家が倒れてしまいますよ!(SP)"></picture>
  306.      </div>
  307.    </div>
  308.  </section>
  309.  
  310.  <!-- ============ ここから “消えていた” セクションを復活 ============ -->
  311.  
  312.  <!-- 二次被害リスク -->
  313.  <section class="alt" id="risks">
  314.    <div class="container">
  315.      <div class="sec-title">
  316.        <div class="eyebrow">放置しないで!</div>
  317.        <h2>雨漏りが招く二次被害</h2>
  318.        <p class="muted">早期対応で、内装劣化・構造腐朽・シロアリ被害などの拡大を防ぎます。</p>
  319.      </div>
  320.      <div class="grid col-3">
  321.        <article class="card"><img src="./assets/amamori_sec05_img01_fw.jpg" alt="天井のシミ"><div class="body"><h3>天井のシミ</h3></div></article>
  322.        <article class="card"><img src="./assets/amamori_sec05_img02_fw.jpg" alt="壁の濡れ・変色"><div class="body"><h3>壁の濡れ・変色</h3></div></article>
  323.        <article class="card"><img src="./assets/amamori_sec05_img03_fw.jpg" alt="壁材の腐食・カビ"><div class="body"><h3>壁材の腐食・カビ</h3></div></article>
  324.        <article class="card"><img src="./assets/amamori_sec05_img06_fw.jpg" alt="構造材の腐朽"><div class="body"><h3>構造材の腐朽</h3></div></article>
  325.        <article class="card"><img src="./assets/amamori_sec05_img07_fw.jpg" alt="梁・柱の劣化"><div class="body"><h3>梁・柱の劣化</h3></div></article>
  326.        <article class="card"><img src="./assets/amamori_sec05_img05_fw.jpg" alt="被害拡大の例"><div class="body"><h3>被害拡大の例</h3></div></article>
  327.      </div>
  328.    </div>
  329.  </section>
  330.  
  331.  <!-- 料金と体制の比較 -->
  332.  <section id="compare">
  333.    <div class="container">
  334.      <div class="sec-title">
  335.        <div class="eyebrow">違いはどこに?</div>
  336.        <h2>料金と体制の比較</h2>
  337.        <p class="muted">中間マージンの有無や体制の違いで、最終金額に大きな差が生まれます。</p>
  338.      </div>
  339.      <img src="./assets/amamori_sec04_hikaku-1024x888.png" alt="中間マージン比較の図" class="banner-full" style="display:block;width:100%;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.08)"/>
  340.    </div>
  341.  </section>
  342.  
  343.  <!-- 失敗事例バナー -->
  344.  <section class="alt">
  345.    <div class="container banner-full">
  346.      <img src="./assets/amamori_sec05_badcase_pc.jpg" alt="結果的に費用が膨らんだ失敗事例のイメージ">
  347.    </div>
  348.  </section>
  349.  
  350.  <!-- プロの現場から(点検・施工のようす) -->
  351.  <section id="onsite">
  352.    <div class="container">
  353.      <div class="sec-title">
  354.        <div class="eyebrow">プロの現場から</div>
  355.        <h2>点検・施工のようす</h2>
  356.        <p class="muted">状況に応じて安全第一で迅速に対応します。応急処置にも即日対応。</p>
  357.      </div>
  358.      <div class="grid col-3">
  359.        <article class="card"><img src="./assets/amamori_sec01_img08_fw.jpg" alt="現地でのヒアリングと外観調査"><div class="body"><h3>ヒアリング・外観調査</h3></div></article>
  360.        <article class="card"><img src="./assets/amamori_sec01_img09_fw.jpg" alt="屋根の上での点検"><div class="body"><h3>屋根上点検</h3></div></article>
  361.        <article class="card"><img src="./assets/amamori_sec01_img07_fw.jpg" alt="棟板金の補修作業"><div class="body"><h3>棟板金の補修</h3></div></article>
  362.        <article class="card"><img src="./assets/amamori_sec01_img06_fw.jpg" alt="ブルーシートでの応急処置"><div class="body"><h3>応急処置(養生)</h3></div></article>
  363.        <article class="card"><img src="./assets/amamori_sec01_img05_fw.jpg" alt="腐朽部の確認"><div class="body"><h3>腐朽部の確認</h3></div></article>
  364.        <article class="card"><img src="./assets/amamori_sec01_img01_fw.jpg" alt="室内天井の確認"><div class="body"><h3>室内の状況確認</h3></div></article>
  365.      </div>
  366.    </div>
  367.  </section>
  368.  
  369.  <!-- 3つの保証(ビジュアル) -->
  370.  <section class="alt" id="guarantee-banner">
  371.    <div class="container banner-full">
  372.      <img src="./assets/amamori_sec07_img01_v02.png" alt="技術力に自信があるから 3つの保証">
  373.    </div>
  374.  </section>
  375.  
  376.  <!-- お客様の声 -->
  377.  <section class="alt" id="voices">
  378.    <div class="container">
  379.      <div class="sec-title">
  380.        <div class="eyebrow">ご評価ありがとうございます</div>
  381.        <h2>お客様の声</h2>
  382.        <p class="muted">調査の丁寧さと、原因に合わせた的確な提案をご評価いただいています。</p>
  383.      </div>
  384.      <div class="grid col-3">
  385.        <article class="card"><img src="./assets/amamori_voice_01.jpg" alt="お客様の声1"><div class="body"><h3>神奈川県・戸建 S様</h3><p>散水調査で原因が一発で判明。不要な全面工事ではなく部分補修で解決し、費用も想定より抑えられました。</p></div></article>
  386.        <article class="card"><img src="./assets/amamori_voice_02.jpg" alt="お客様の声2"><div class="body"><h3>神奈川県・マンション K様</h3><p>他社で分からなかったベランダの漏水を特定。工法の違いとメリット・デメリットまで丁寧に説明してくれました。</p></div></article>
  387.        <article class="card"><img src="./assets/amamori_sec06_img03.jpg" alt="お客様の声3"><div class="body"><h3>店舗 O様</h3><p>営業に支障が出ない時間帯で段取り。応急処置→夜間工事で、翌日には通常営業できました。</p></div></article>
  388.      </div>
  389.    </div>
  390.  </section>
  391.  
  392.  <!-- 対応エリア -->
  393.  <section id="areas">
  394.    <div class="container">
  395.      <div class="sec-title">
  396.        <div class="eyebrow">最短当日対応</div>
  397.        <h2>対応エリア</h2>
  398.        <p class="muted">大和市 ほか、周辺地域もお気軽にご相談ください。</p>
  399.      </div>
  400.      <p class="container" style="max-width:var(--container);color:var(--muted)">※ 交通事情や天候により到着時間が前後する場合があります。安全第一で伺います。</p>
  401.    </div>
  402.  </section>
  403.  
  404.  <!-- よくある質問 -->
  405.  <section class="alt" id="faq">
  406.    <div class="container">
  407.      <div class="sec-title">
  408.        <div class="eyebrow">疑問にお答えします</div>
  409.        <h2>よくある質問</h2>
  410.        <p class="muted">ご不明点はいつでもお尋ねください。ここにない内容も丁寧にご説明します。</p>
  411.      </div>
  412.      <div class="grid col-3">
  413.        <article class="card"><div class="body"><h3>Q. 発見保証とは?</h3><p>A. 原因を特定できるまで追加費用なく調査を継続する保証です。原因不明のまま工事はしません。</p></div></article>
  414.        <article class="card"><div class="body"><h3>Q. 調査時間はどのくらい?</h3><p>A. 目視のみで1時間前後、散水や高所点検を含む場合は2〜3時間が目安です。</p></div></article>
  415.        <article class="card"><div class="body"><h3>Q. 費用はどれくらい?</h3><p>A. 状況により異なりますが、部分補修なら数万円〜、防水・葺き替え等は別途お見積りします。</p></div></article>
  416.        <article class="card"><div class="body"><h3>Q. 雨天時の対応は?</h3><p>A. 応急養生で被害拡大を防ぎ、後日晴天時に再調査・施工を行います。</p></div></article>
  417.        <article class="card"><div class="body"><h3>Q. 支払い方法は?</h3><p>A. 現金・振込のほか、ご要望に応じて請求書払い等にも対応可能です(要事前相談)。</p></div></article>
  418.        <article class="card"><div class="body"><h3>Q. 管理会社やご近隣への配慮は?</h3><p>A. 近隣挨拶や共用部の養生、騒音配慮など、トラブル防止のためのルールを徹底します。</p></div></article>
  419.      </div>
  420.    </div>
  421.  </section>
  422.  
  423.  <!-- ============ 復活ここまで ============ -->
  424.  
  425.  <!-- ================= 会社情報 ================= -->
  426.  <section id="company" class="alt">
  427.    <div class="container">
  428.      <div class="sec-title">
  429.        <div class="eyebrow">運営情報</div>
  430.        <h2>会社概要</h2>
  431.      </div>
  432.      <div class="grid col-3">
  433.        <article class="card"><div class="body"><h3>サイト名</h3><p>雨漏りの匠</p></div></article>
  434.        <article class="card"><div class="body"><h3>運営会社</h3><p>株式会社むげんらく</p></div></article>
  435.        <article class="card"><div class="body"><h3>所在地</h3><p>〒242-0007 神奈川県大和市中央林間3-13-22</p></div></article>
  436.        <article class="card"><div class="body"><h3>代表者</h3><p>小室 浩(こむろ ひろし)</p></div></article>
  437.        <article class="card"><div class="body"><h3>連絡先</h3><p><a href="tel:0120035106">0120-035-106</a></p></div></article>
  438.        <article class="card"><div class="body"><h3>主な雨漏り対応エリア</h3><p>神奈川全域:大和市・海老名市・厚木市・座間市・相模原市・川崎市麻生区・川崎市川崎区・川崎市幸区・川崎市高津区・川崎市多摩区・川崎市中原区・川崎市宮前区・横浜市青葉区・横浜市旭区・横浜市泉区・横浜市磯子区・横浜市神奈川区・横浜市金沢区・横浜市港南区・横浜市港北区・横浜市栄区・横浜市瀬谷区・横浜市都筑区・横浜市鶴見区・横浜市戸塚区・横浜市中区・横浜市西区・横浜市保土ヶ谷区・横浜市緑区・横浜市南区・愛川町・綾瀬市・伊勢原市・鎌倉市・茅ヶ崎市・寒川町・横須賀市 ほか</p></div></article>
  439.      </div>
  440.    </div>
  441.  </section>
  442.  
  443.  <!-- ================= FOOTER ================= -->
  444.  <footer>
  445.    <div class="container">
  446.      <img src="./assets/amamori_logo.png" alt="雨漏りの匠 ロゴ" style="height:28px;opacity:.95"/>
  447.      <p style="margin:.6em 0 0">フリーダイヤル:<a href="tel:0120035106" style="color:#fff;text-decoration:underline">0120-035-106</a></p>
  448.      <small>© <span id="y"></span> 雨漏りの匠</small>
  449.    </div>
  450.  </footer>
  451.  
  452.  <script>document.getElementById('y').textContent = new Date().getFullYear();</script>
  453. </body>
  454. </html>
  455.  
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda