WEBSITE · 24.7 KB
output/golden/index.html
Workspace snapshot · 08/31 23:51
Preview
Source
<!doctype html><html lang="ja"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>LP制作フロー</title><meta name="description" content="決定・担当・期限だけを、次の一手へつなぎます。"><meta property="og:type" content="website"><meta property="og:title" content="LP制作フロー"><meta property="og:description" content="決定・担当・期限だけを、次の一手へつなぎます。"><meta property="og:url" content=""><meta name="twitter:card" content="summary_large_image"><link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect width='64' height='64' rx='12' fill='%23111'/%3E%3Cpath d='M17 18h30v8H27v20H17z' fill='%23fff'/%3E%3C/svg%3E"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;600;800&family=Noto+Serif+JP:wght@500;700&display=swap" rel="stylesheet"><script type="application/ld+json">{"@context":"https://schema.org","@type":"WebPage","name":"LP制作フロー","description":"決定・担当・期限だけを、次の一手へつなぎます。"}</script><style>:root{--ink:#17130f;--accent:#ff5a36;--paper:#f4efe7;--line:color-mix(in srgb,var(--ink) 18%,transparent)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Serif JP',serif;overflow-wrap:anywhere;word-break:normal;line-break:strict}.skip{position:fixed;z-index:99;left:12px;top:12px;padding:12px 16px;background:var(--ink);color:var(--paper);transform:translateY(-160%)}.skip:focus{transform:none}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.site-header{position:sticky;z-index:20;top:0;min-height:68px;padding:12px clamp(20px,5vw,72px);display:flex;align-items:center;gap:28px;background:color-mix(in srgb,var(--paper) 92%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.brand{margin-right:auto;color:inherit;text-decoration:none;font-weight:800}.site-nav{display:flex;gap:18px}.site-nav a{color:inherit;text-decoration:none;font-size:.82rem}.button,.lead-form button{display:inline-flex;align-items:center;justify-content:center;gap:24px;margin-top:24px;padding:15px 20px;border:0;background:var(--accent);color:var(--ink);font:inherit;font-weight:800;text-decoration:none}.section{border-bottom:1px solid var(--line)}.inner{width:min(1160px,calc(100% - 40px));margin:auto;padding:clamp(64px,8vw,112px) 0}.type-hero .inner{min-height:min(760px,86vh);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(28px,6vw,80px)}.hero-copy .section-visual{margin-top:30px}.section-heading{max-width:760px}.section-heading small{font-size:.72rem;letter-spacing:.14em;font-weight:700}.section-heading h1{margin:.25em 0;font-size:clamp(2.6rem,6vw,6.3rem);line-height:1.15;letter-spacing:0}.section-heading h2,blockquote{margin:.3em 0;font-size:clamp(2rem,4.5vw,4.5rem);line-height:1.28;letter-spacing:.01em}.lead{font-size:clamp(1rem,1.4vw,1.25rem);line-height:1.9}.proof{display:inline-block;padding:8px 11px;border:1px solid var(--line);font-weight:700}.section-visual{margin:0}.section-visual img{display:block;width:100%;height:auto;max-height:680px;object-fit:cover}.cards,.evidence,.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:36px}.cards article,.evidence article,.plans article{padding:24px;border:1px solid var(--line)}.cards h3{font-size:1.25rem;line-height:1.5}.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:36px 0;padding:0;list-style:none}.steps li{padding:24px;border:1px solid var(--line)}.steps span{font-size:2rem;font-weight:800}.table-wrap{overflow:auto;margin-top:36px}table{width:100%;border-collapse:collapse}th,td{padding:18px;border:1px solid var(--line);text-align:left}.type-form .inner,.variant-hero-form .inner{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(28px,6vw,72px)}.lead-form{display:grid;gap:14px;padding:clamp(20px,4vw,40px);background:color-mix(in srgb,var(--paper) 86%,var(--ink))}.lead-form label{display:grid;gap:6px}.lead-form input,.lead-form textarea{width:100%;padding:12px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font:inherit}.lead-form .consent{grid-template-columns:auto 1fr;align-items:start}.lead-form .consent input{width:auto}.lead-form .consent a{color:inherit}.form-note,.form-status{margin:0;font-size:.78rem;line-height:1.6}.faq{margin-top:30px}.faq details{padding:20px 0;border-top:1px solid var(--line)}.faq summary{cursor:pointer;font-weight:700}.type-cta{text-align:center;background:var(--ink);color:var(--paper)}.type-message .inner{display:grid;grid-template-columns:1.2fr .8fr;gap:50px}.variant-feature-zigzag .cards{grid-template-columns:1fr}.variant-reason-stack .cards article:first-child{grid-row:span 2}.variant-lineup-catalog .cards{grid-template-columns:repeat(4,minmax(0,1fr))}.variant-review-cards .evidence article{min-height:220px}.variant-price-lineup .plans{grid-template-columns:repeat(2,minmax(0,1fr))}.site-footer{padding:28px clamp(20px,5vw,72px);display:flex;justify-content:space-between;gap:20px}.site-footer a{color:inherit}@media(max-width:760px){.site-header{align-items:flex-start}.site-nav{display:none}.type-hero .inner,.type-form .inner,.variant-hero-form .inner,.type-message .inner{grid-template-columns:1fr}.type-hero .inner{min-height:auto}.inner{width:min(100% - 32px,1160px);padding:56px 0}.section-heading h1{font-size:clamp(2.45rem,12vw,4rem)}.cards,.evidence,.plans,.steps,.variant-lineup-catalog .cards{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}</style></head><body><a class="skip" href="#content">本文へ移動</a><header class="site-header"><a class="brand" href="#content">LP STUDIO</a><nav class="site-nav" aria-label="メインナビゲーション"><a href="#mechanism">MECHANISM</a><a href="#difference">DIFFERENCE</a><a href="#proof">PROOF</a><a href="#pricing">PRICING</a></nav><a class="button" href="#contact">相談する</a></header><main id="content"><style>.proof-points,.feature-grid,.usecase-grid,.authority-points,.reviews,.price-lineup,.segments,.alternative-matrix{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.proof-points article,.feature-grid article,.usecase-grid article,.authority-points article,.alternative-matrix article,.price-lineup article,.segments article{padding:24px;border:1px solid var(--line)}.metric-band,.cost-stack{display:grid;grid-template-columns:repeat(4,1fr);margin:36px 0}.metric-band div,.cost-stack div{padding:24px;border:1px solid var(--line)}.metric-band dt,.cost-stack dt{font-size:.72rem;letter-spacing:.12em}.metric-band dd,.cost-stack dd{margin:12px 0 0;font-size:1.2rem;font-weight:800}.logo-wall{display:flex;flex-wrap:wrap;gap:1px;margin:32px 0;background:var(--line)}.logo-wall span{flex:1 1 160px;padding:24px;background:var(--paper);text-align:center;font-weight:700}.checklist,.risk-list,.reason-stack{display:grid;gap:10px;padding:0;list-style:none;margin:32px 0}.checklist li,.risk-list li,.reason-stack li{display:flex;align-items:center;gap:18px;padding:20px;border-bottom:1px solid var(--line)}.checklist li:before{content:'✓';display:grid;place-items:center;width:28px;height:28px;background:var(--accent);font-weight:800}.narrative,.editorial-message{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;margin-top:36px}.narrative blockquote,.editorial-message blockquote{margin:0}.timeline{position:relative;display:grid;gap:0;padding:0;list-style:none;margin:36px 0}.timeline li{display:grid;grid-template-columns:110px 1fr;gap:20px;padding:20px;border-top:1px solid var(--line)}.timeline time{font-size:.75rem;font-weight:800}.before-after,.compare-split,.fit-split{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:36px 0;background:var(--line)}.before-after article,.compare-split article,.fit-split article{padding:32px;background:var(--paper)}.solution-map{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:1px;margin:36px 0;background:var(--line)}.solution-map>*{padding:22px;background:var(--paper)}.process-circles{display:flex;justify-content:space-between;padding:0;list-style:none;margin:36px 0}.process-circles li{display:grid;place-items:center;width:180px;aspect-ratio:1;border:1px solid var(--line);border-radius:50%;text-align:center}.process-circles span{font-size:2rem;font-weight:800}.zigzag{display:grid;gap:20px;margin:36px 0}.zigzag article{display:grid;grid-template-columns:80px 1fr 1.2fr;align-items:center;gap:24px;padding:22px;border-top:1px solid var(--line)}.story-rail,.lineup{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(240px,1fr);gap:16px;overflow:auto;margin:36px 0}.story-rail article,.lineup article{padding:24px;border:1px solid var(--line)}.catalog-thumb .section-visual{margin-bottom:18px}.case-featured,.expert-profile,.content-split,.metric-case{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:48px;margin-top:36px}.metric-case dl{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line)}.metric-case dl div{padding:24px;background:var(--paper)}.reviews figure{margin:0;padding:24px;border:1px solid var(--line)}.reviews blockquote{font-size:1.2rem}.estimate{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:36px 0;padding:32px;border:1px solid var(--line)}.estimate b{font-size:2rem}.cta-banner,.sample-cta{width:min(1160px,calc(100% - 40px));margin:auto;padding:clamp(64px,8vw,112px) 0;text-align:center}.hero-copy-led{grid-column:1/-1;max-width:980px}.product-stage{padding:20px;border:1px solid var(--line)}.content-editorial{max-width:840px}.content-editorial>p{font-size:1.15rem;line-height:2}@media(max-width:760px){.proof-points,.feature-grid,.usecase-grid,.authority-points,.reviews,.price-lineup,.segments,.alternative-matrix,.metric-band,.cost-stack,.before-after,.compare-split,.fit-split,.solution-map,.narrative,.editorial-message,.case-featured,.expert-profile,.content-split,.metric-case,.estimate{grid-template-columns:1fr}.process-circles{display:grid;grid-template-columns:1fr 1fr;gap:12px}.process-circles li{width:100%}.zigzag article{grid-template-columns:52px 1fr}.zigzag article .section-visual{grid-column:1/-1}.timeline li{grid-template-columns:74px 1fr}}</style><style>.hero-stage{display:grid;gap:16px;min-width:0}.hero-stage .section-visual{order:0}.hero-stage .lead-form{order:1}.variant-hero-product-stage .inner{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);overflow:hidden}.variant-hero-product-stage .hero-visual-bg{position:absolute;z-index:-1;inset:0}.variant-hero-product-stage .hero-visual-bg,.variant-hero-product-stage .section-visual,.variant-hero-product-stage img{width:100%;height:100%;margin:0}.variant-hero-product-stage img{max-height:none;object-fit:cover}.variant-hero-product-stage .hero-copy{grid-column:1;padding:clamp(28px,4vw,58px);background:linear-gradient(90deg,color-mix(in srgb,var(--paper) 96%,transparent) 0%,color-mix(in srgb,var(--paper) 88%,transparent) 74%,transparent 100%)}.variant-hero-product-stage .section-heading h1{max-width:7.5em;font-size:clamp(3rem,5vw,5rem);line-height:1.16}.process-circles li,.zigzag article>*{min-width:0}@media(max-width:760px){.variant-hero-product-stage .inner{display:flex;flex-direction:column}.variant-hero-product-stage .hero-visual-bg{position:relative;z-index:auto;order:2;aspect-ratio:4/3}.variant-hero-product-stage .hero-visual-bg img{object-position:72% center}.variant-hero-product-stage .hero-copy{order:1;padding:0;background:none}.variant-hero-product-stage .section-heading h1{font-size:clamp(2.45rem,12vw,4rem)}}@media(max-width:420px){.process-circles{grid-template-columns:1fr}.story-rail,.lineup{max-width:100%}}</style><section id="hero" class="section type-hero variant-hero-product-stage" data-role="読者の判断を前へ進める" data-question="会議のあとを、仕事に戻す。をどう判断するか" data-layout="hero-product-stage" data-implementation="PC/SPで情報優先順位を維持" data-asset="日本の制作チームが会議後に決定事項を整理する実写KV"><div class="inner"><div class="hero-visual-bg"><figure class="section-visual"><img src="images/hero.png" alt="日本の制作チーム" loading="eager" decoding="async"></figure></div><div class="hero-copy"><div class="section-heading"><small>01 / HERO</small><h1>会議のあとを、仕事に戻す。</h1><p class="lead">決定・担当・期限だけを、次の一手へつなぎます。</p><p class="proof">検証用固定フィクスチャ</p></div><a class="button" href="#contact">資料を見る<span aria-hidden="true">→</span></a></div></div></section><section id="trust" class="section type-trust variant-trust-metric-band" data-role="読者の判断を前へ進める" data-question="試す前に、判断材料を開く。をどう判断するか" data-layout="trust-metric-band" data-implementation="PC/SPで情報優先順位を維持" data-asset=""><div class="inner"><div class="section-heading"><small>02 / TRUST</small><h2>試す前に、判断材料を開く。</h2><p class="lead">対応範囲と未対応範囲を先に示します。</p><p class="proof">検証用固定フィクスチャ</p></div><div class="trust-items"><article><small>01</small><h3>入力資料</h3><p>営業資料・サービス資料から事実を抽出</p></article><article><small>02</small><h3>確認事項</h3><p>推測した内容は確定せず、修正可能にする</p></article><article><small>03</small><h3>納品形式</h3><p>HTML・CSS・画像を同梱して出力</p></article></div></div></section><section id="problem" class="section type-problem variant-pain-narrative" data-role="読者の判断を前へ進める" data-question="制作が止まるのは、情報がない時ではない。をどう判断するか" data-layout="pain-narrative" data-implementation="PC/SPで情報優先順位を維持" data-asset=""><div class="inner"><div class="section-heading"><small>03 / PROBLEM</small><h2>制作が止まるのは、情報がない時ではない。</h2><p class="lead">事実と仮説が混ざり、判断の順番が見えない時です。</p><p class="proof">検証用固定フィクスチャ</p></div><div class="problem-items"><article><small>01</small><h3>要件が散らばる</h3><p>資料、会話、URLに判断材料が分散する</p></article><article><small>02</small><h3>言葉が先に走る</h3><p>根拠より先にコピーが決まり、後で作り直す</p></article><article><small>03</small><h3>WFと実装がずれる</h3><p>設計した表示部品が納品HTMLで失われる</p></article></div></div></section><section id="mechanism" class="section type-mechanism variant-step-flow" data-role="読者の判断を前へ進める" data-question="文章ではなく、判断の構造をつくる。をどう判断するか" data-layout="step-flow" data-implementation="PC/SPで情報優先順位を維持" data-asset=""><div class="inner"><div class="section-heading"><small>04 / MECHANISM</small><h2>文章ではなく、判断の構造をつくる。</h2><p class="lead">表示する内容をセクション型ごとのデータとして持ちます。</p><p class="proof">検証用固定フィクスチャ</p></div><div class="before-after"><article><small>BEFORE</small><h3>本文を自動分割</h3><p>文章の句読点からカードを作り、意味が崩れる</p></article><article><small>AFTER</small><h3>型付きデータ</h3><p>見出し・説明・根拠を別フィールドで保持する</p></article></div></div></section><section id="difference" class="section type-differentiation variant-feature-zigzag" data-role="読者の判断を前へ進める" data-question="制作会社の確認点を、工程に残す。をどう判断するか" data-layout="feature-zigzag" data-implementation="PC/SPで情報優先順位を維持" data-asset=""><div class="inner"><div class="section-heading"><small>05 / DIFFERENCE</small><h2>制作会社の確認点を、工程に残す。</h2><p class="lead">構成・WF・トンマナ・実装を別々に確認できます。</p><p class="proof">検証用固定フィクスチャ</p></div><div class="differentiation-items"><article><small>01</small><h3>構成</h3><p>読者の疑問と反論の順番を確認</p></article><article><small>02</small><h3>WF</h3><p>表示内容とレイアウトの対応を確認</p></article><article><small>03</small><h3>トンマナ</h3><p>色だけでなく写真・字・密度・動きを比較</p></article></div></div></section><section id="process" class="section type-process variant-process-timeline" data-role="読者の判断を前へ進める" data-question="5つの確認だけで、公開形まで進む。をどう判断するか" data-layout="process-timeline" data-implementation="PC/SPで情報優先順位を維持" data-asset=""><div class="inner"><div class="section-heading"><small>06 / PROCESS</small><h2>5つの確認だけで、公開形まで進む。</h2><p class="lead">ユーザーの判断点を増やさず、内部工程を厚くします。</p><p class="proof">検証用固定フィクスチャ</p></div><ol class="steps"><li><span>1</span><h3>ヒアリング</h3><p>資料から下書きし、不足だけ回答</p></li><li><span>2</span><h3>構成</h3><p>キャッチコピーとストーリーを選択</p></li><li><span>3</span><h3>WF</h3><p>位置コメントで修正</p></li><li><span>4</span><h3>トンマナ</h3><p>3方向から選択</p></li><li><span>5</span><h3>実装</h3><p>ブラウザ上で確認し納品</p></li></ol></div></section><section id="comparison" class="section type-comparison variant-comparison-table" data-role="読者の判断を前へ進める" data-question="違いは、作る速さより戻れる場所。をどう判断するか" data-layout="comparison-table" data-implementation="PC/SPで情報優先順位を維持" data-asset=""><div class="inner"><div class="section-heading"><small>07 / COMPARISON</small><h2>違いは、作る速さより戻れる場所。</h2><p class="lead">各工程の正本と修正点を比較します。</p><p class="proof">検証用固定フィクスチャ</p></div><div class="table-wrap"><table><thead><tr><th>比較軸</th><th>本フロー</th><th>文章生成だけ</th></tr></thead><tbody><tr><th>資料理解</th><td>事実・仮説・未確認を分離</td><td>要約のみ</td></tr><tr><th>WF</th><td>型付き表示データ</td><td>本文の自動分割</td></tr><tr><th>修正</th><td>対象箇所だけ更新</td><td>全体がドリフト</td></tr></tbody></table></div></div></section><section id="proof" class="section type-proof variant-review-cards" data-role="読者の判断を前へ進める" data-question="品質は、自己申告ではなく証跡で見る。をどう判断するか" data-layout="review-cards" data-implementation="PC/SPで情報優先順位を維持" data-asset=""><div class="inner"><div class="section-heading"><small>08 / PROOF</small><h2>品質は、自己申告ではなく証跡で見る。</h2><p class="lead">固定入力を再生成し、表示と検査結果を残します。</p><p class="proof">検証用固定フィクスチャ</p></div><article class="case-featured"><div><small>Golden fixture</small><dl class="case-story"><div><dt>課題</dt><dd>汎用レンダラーがダミー文言を出力</dd></div><div><dt>実施</dt><dd>型付きデータと出力ゲートへ変更</dd></div><div><dt>結果</dt><dd>ダミー文言を含む出力をテストで拒否</dd></div></dl><cite>自動テスト24件とブラウザQA</cite></div></article></div></section><section id="pricing" class="section type-pricing variant-estimate-explainer" data-role="読者の判断を前へ進める" data-question="無料検証から、必要な範囲だけ。をどう判断するか" data-layout="estimate-explainer" data-implementation="PC/SPで情報優先順位を維持" data-asset=""><div class="inner"><div class="section-heading"><small>09 / PRICING</small><h2>無料検証から、必要な範囲だけ。</h2><p class="lead">価格はヒアリングで確認できた条件だけを表示します。</p><p class="proof">検証用固定フィクスチャ</p></div><div class="plans"><article><h3>社内検証</h3><p class="plan-price">無料<small>/ 検証期間</small></p><p>生成フローと品質を社内で確認</p><ul><li>資料入力</li><li>構成・WF</li><li>HTML出力</li></ul><p class="plan-note">検証用</p><a class="button" href="#contact">試作を始める</a></article></div></div></section><section id="faq" class="section type-faq variant-faq-list" data-role="読者の判断を前へ進める" data-question="導入前に残る疑問へ答える。をどう判断するか" data-layout="faq-list" data-implementation="PC/SPで情報優先順位を維持" data-asset=""><div class="inner"><div class="section-heading"><small>10 / FAQ</small><h2>導入前に残る疑問へ答える。</h2><p class="lead">不明点を抽象見出しで逃げず、回答まで表示します。</p><p class="proof">検証用固定フィクスチャ</p></div><div class="faq"><details><summary><span>Q1</span>資料だけでも始められますか?</summary><p>資料から回答の下書きを作り、未確認項目だけを追加で確認します。</p></details><details><summary><span>Q2</span>生成後に修正できますか?</summary><p>構成・WF・トンマナ・実装の各段階で修正できます。</p></details><details><summary><span>Q3</span>画像は納品後も表示されますか?</summary><p>画像をZIPへ同梱し、期限付きURLへ依存しない形で出力します。</p></details></div></div></section><section id="fit" class="section type-fit variant-fit-split" data-role="読者の判断を前へ進める" data-question="初稿の壁打ちではなく、制作工程を進めたいチームへ。をどう判断するか" data-layout="fit-split" data-implementation="PC/SPで情報優先順位を維持" data-asset=""><div class="inner"><div class="section-heading"><small>11 / FIT</small><h2>初稿の壁打ちではなく、制作工程を進めたいチームへ。</h2><p class="lead">用途と対象外を先に示します。</p><p class="proof">検証用固定フィクスチャ</p></div><div class="fit-items"><article><small>01</small><h3>向いている</h3><p>BtoBサービスLPの初稿を短期間で作りたい</p></article><article><small>02</small><h3>向いている</h3><p>構成から実装まで同じ根拠を維持したい</p></article><article><small>03</small><h3>対象外</h3><p>根拠なしの実績やレビューを自動生成したい</p></article></div></div></section><section id="contact" class="section type-form variant-form-split" data-role="読者の判断を前へ進める" data-question="資料から、最初の構成をつくる。をどう判断するか" data-layout="form-split" data-implementation="PC/SPで情報優先順位を維持" data-asset=""><div class="inner"><div><div class="section-heading"><small>12 / FORM</small><h2>資料から、最初の構成をつくる。</h2><p class="lead">必要事項を送信すると制作フローを開始します。</p><p class="proof">検証用固定フィクスチャ</p></div><p>資料から、最初の構成をつくる。の表示内容</p></div><form class="lead-form" action="https://example.com/form" method="post" data-success="送信後に受付画面を表示"><label><span>会社名</span><input name="field-1" type="text" required></label><label><span>お名前</span><input name="field-2" type="text" required></label><label><span>メールアドレス</span><input name="field-3" type="email" required></label><label><span>相談内容</span><textarea name="field-4" rows="4" required></textarea></label><label class="consent"><input type="checkbox" required><span><a href="https://example.com/privacy" target="_blank" rel="noopener">個人情報の取り扱い</a>に同意する</span></label><button type="submit">送信する</button><p class="form-note">入力時間 約2分 / 送信後に受付完了を表示します</p><p class="form-status" role="status" aria-live="polite"></p></form></div></section></main><footer class="site-footer"><span>© 2026 QA Fixture</span><a id="privacy" href="https://example.com/privacy">個人情報の取り扱い</a></footer><script>document.querySelectorAll('.lead-form').forEach(function(form){form.addEventListener('submit',function(event){if(!form.getAttribute('action')){event.preventDefault();form.querySelector('.form-status').textContent='送信先が未設定です。管理者へお問い合わせください。';return}form.querySelector('.form-status').textContent='送信しています…'})});</script></body></html>