<!-- wp:html -->
<style>
.cwn-lp,.cwn-lp *{box-sizing:border-box}
.cwn-lp{margin:0;color:#183532;background:#f7f7f0;font:16px/1.8 system-ui,sans-serif}
.cwn-lp .cwn-header,.cwn-lp .cwn-main,.cwn-lp .cwn-footer{max-width:1040px;margin:auto;padding:24px}
.cwn-lp .cwn-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #cdd9d3}
.cwn-lp .cwn-header a{color:inherit}
.cwn-lp small{color:#54716c}
.cwn-lp .hero{padding:65px 0;display:grid;grid-template-columns:1.2fr 1fr;gap:36px;align-items:center}
.cwn-lp .cwn-title{font-size:clamp(32px,5vw,54px);line-height:1.3;letter-spacing:-.03em}
.cwn-lp h3{font-size:28px}
.cwn-lp .tag{font-size:13px;letter-spacing:.12em;color:#496960}
.cwn-lp .button{background:#235b4b;color:white;padding:12px 24px;border-radius:5px;text-decoration:none;display:inline-block}
.cwn-lp .visual{background:#dee9df;border-radius:90px 90px 12px 12px;padding:45px 25px;min-height:260px;display:grid;place-items:center;font-size:60px}
.cwn-lp .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.cwn-lp .card{background:white;border:1px solid #d9e2dc;padding:24px;border-radius:8px}
.cwn-lp section{padding:30px 0}
.cwn-lp h4{margin-top:0}
.cwn-lp li{margin-bottom:8px}
.cwn-lp .price{font-size:32px;font-weight:700}
.cwn-lp .price small{display:inline-block}
.cwn-lp details{border-bottom:1px solid #d9e2dc;padding:16px 0}
.cwn-lp summary{cursor:pointer;font-weight:600}
.cwn-lp .notice{background:#fff2d9;padding:14px;font-size:14px}
.cwn-lp .contact{background:#e3ece5;padding:32px;border-radius:8px}
.cwn-lp .cwn-footer{font-size:13px}
@media(max-width:650px){.cwn-lp .hero,.cwn-lp .cards{grid-template-columns:1fr}
.cwn-lp .hero{padding:30px 0}
.cwn-lp .visual{min-height:180px}
.cwn-lp .cwn-header{font-size:13px;padding:16px}
.cwn-lp .cwn-main{padding:20px}}
.cwn-lp p{font-size:16px;line-height:1.8}.cwn-lp a.button{color:white}.cwn-lp .cwn-title{margin:0 0 22px}.cwn-lp{overflow-wrap:anywhere}
</style>
<div class="cwn-lp"><div class="cwn-header"><strong>暮らしの整理サポート</strong><a href="#cwn-plans">プランを見る</a></div><div class="cwn-main"><p class="notice">制作見本です。店舗・サービス・料金はすべて架空であり、予約は受け付けていません。</p><div class="hero"><div><span class="tag">少しずつ、暮らしを整える。</span><h2 class="cwn-title">片付けたい場所を、<br>一緒にひとつから。</h2><p>物を減らすことより、毎日使いやすい場所をつくること。暮らしに合わせた整理をお手伝いするサービスの案内見本です。</p><a class="button" href="#cwn-plans">作業内容と料金</a></div><div class="visual" aria-label="家のイメージ">⌂</div></div><section><h3>こんな小さな困りごとに</h3><div class="cards"><article class="card"><h4>探しものが多い</h4><p>使う場所の近くに、物の置き場所を決める。</p></article><article class="card"><h4>机に物が積もる</h4><p>必要な物を分け、作業するためのスペースをつくる。</p></article><article class="card"><h4>何から始めるか迷う</h4><p>引き出しひとつから、無理のない順番で進める。</p></article></div></section><section id="cwn-plans"><h3>まずは小さな場所から</h3><div class="card"><h4>おためし整理プラン（架空）</h4><p class="price">8,000円 <small>／ 2時間・税込</small></p><p>机や収納など、1か所を対象にした案内の例です。</p><ul><li>困りごとの確認と作業範囲の相談</li><li>分類と配置のお手伝い</li><li>使い続けやすい整理方法の説明</li></ul><p><small>処分費用・遠方への出張等は、この見本の対象外です。</small></p></div></section><section><h3>ご利用の流れ</h3><ol><li>場所と困りごとを相談</li><li>料金・範囲・日時を確認</li><li>当日の作業</li></ol></section><section><h3>よくある質問</h3><details><summary>事前に片付ける必要はありますか？</summary><p>案内文章の見本です。実際の回答は、ご依頼のサービス内容に合わせて制作します。</p></details><details><summary>必ず物を処分しますか？</summary><p>架空のサービスでは、ご本人の希望を聞いて進める設定です。</p></details></section><section class="contact"><h3>相談・予約の案内</h3><p>納品するページでは、ご指定の既存予約サイトなどへのリンクを設置できます。この制作見本にフォームや予約機能はありません。</p></section></div><div class="cwn-footer">デザイン・文章の制作見本／実在のサービスではありません。<p><a href="https://coconala.com/services/4433314">このようなページの制作相談を見る</a> · <a href="https://csv-worknote.pages.dev/privacy">プライバシー</a></p></div></div>
<!-- /wp:html -->
