
<rss version="2.0">
    <channel>
        <title>株式会社ノアリブホームのブログ</title>
        <link>https://www.noahlivehome.jp/blog/</link>
        <description>株式会社ノアリブホームのブログ</description>
        <language>ja</language>
                
        <item>
            <title>初めての不動産購入ガイド｜購入の流れ・費用・住宅ローンをわかりやすく解説</title>
            <link>https://www.noahlivehome.jp/blog/entry-823777/</link>
            <description><![CDATA[


    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>初めての不動産購入ガイド | 流れ・費用・準備のすべて</title>
    <!-- Google Fonts -->
    <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;500;700&display=swap" rel="stylesheet">
    <!-- Font Awesome (Icons) -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <style>
        /* Base reset & typography */
        *, *::before, *::after {
            box-sizing: border-box;
        }
        body {
            margin: 0;
            padding: 0;
            font-family: 'Noto Sans JP', 'Helvetica Neue', Arial, sans-serif;
            line-height: 1.8;
            color: #2D3748;
            background-color: #fbfaf7;
            -webkit-font-smoothing: antialiased;
        }
        
        /* Responsive utility classes */
        .sp-only {
            display: none;
        }
        @media (max-width: 768px) {
            .sp-only {
                display: inline;
            }
        }

        /* Container */
        .container {
            max-width: 900px;
            margin: 0 auto;
            padding: 40px 20px;
        }
        
        /* Premium Header Banner */
        .header-banner {
            background: linear-gradient(135deg, #091322 0%, #112240 100%) !important;
            color: #ffffff !important;
            padding: 60px 30px !important;
            text-align: center !important;
            border-radius: 16px !important;
            margin-bottom: 40px !important;
            box-shadow: 0 15px 35px rgba(9, 19, 34, 0.15) !important;
            position: relative !important;
            border: none !important;
        }
        .header-banner::before {
            content: "REAL ESTATE PURCHASE GUIDE";
            display: inline-block;
            font-size: 11px;
            letter-spacing: 0.25em;
            color: #f3e5ab;
            background-color: rgba(0, 0, 0, 0.3);
            padding: 4px 16px;
            border-radius: 20px;
            margin-bottom: 20px;
            font-weight: 700;
            border: none !important;
        }
        .header-banner h1 {
            margin: 0 0 16px 0 !important;
            font-size: 32px !important;
            font-weight: 700 !important;
            line-height: 1.4 !important;
            letter-spacing: 0.04em !important;
            color: #ffffff !important;
            text-shadow: 0 2px 8px rgba(0, 0, 0, 0.4) !important;
            text-align: center !important;
            border: none !important;
        }
        .header-banner p {
            margin: 0 !important;
            font-size: 16px !important;
            color: #f0f4f8 !important;
            font-weight: 400 !important;
            line-height: 1.7 !important;
            text-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) !important;
            text-align: center !important;
            border: none !important;
        }
        
        /* Section styling - 枠線を完全リセット */
        section {
            background-color: #ffffff !important;
            border-radius: 16px !important;
            padding: 40px !important;
            margin-bottom: 35px !important;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03) !important;
            border: none !important;
            outline: none !important;
        }
        
        h2 {
            font-size: 22px !important;
            color: #0f1e36 !important;
            margin-top: 0 !important;
            margin-bottom: 25px !important;
            padding-bottom: 0 !important;
            border: none !important;
            display: flex !important;
            align-items: center !important;
        }
        
        /* Custom Steps representation - 縦線・枠線・影をすべてリセット */
        .step-timeline {
            position: relative;
            margin-top: 20px;
            border: none !important;
        }
        .step-timeline::before,
        .step-timeline::after {
            display: none !important; /* ブログ側で挿入される縦線を消去 */
        }
        .step-card {
            background: #faf8f5 !important;
            border: none !important;
            outline: none !important;
            padding: 24px 30px !important;
            margin-bottom: 20px !important;
            border-radius: 12px !important;
            box-shadow: none !important;
            position: relative !important;
        }
        .step-card::before,
        .step-card::after {
            display: none !important; /* 疑似要素による線を完全に消去 */
        }
        .step-card:last-child {
            margin-bottom: 0 !important;
        }
        .step-header {
            display: flex !important;
            align-items: center !important;
            margin-bottom: 12px !important;
            gap: 12px !important;
            border: none !important;
        }
        .step-badge {
            background-color: #c5a059 !important;
            color: #ffffff !important;
            font-size: 12px !important;
            font-weight: bold !important;
            padding: 4px 12px !important;
            border-radius: 4px !important;
            flex-shrink: 0 !important;
            border: none !important;
        }
        .step-card-title {
            font-size: 18px !important;
            font-weight: bold !important;
            color: #0f1e36 !important;
            margin: 0 !important;
            display: flex !important;
            align-items: center !important;
            gap: 8px !important;
            border: none !important;
            padding: 0 !important;
        }
        .step-card-title i {
            color: #c5a059 !important;
            font-size: 16px !important;
        }
        .step-desc {
            font-size: 14px !important;
            color: #555555 !important;
            margin: 0 !important;
            line-height: 1.7 !important;
            border: none !important;
        }
        
        /* Table Styling */
        .table-container {
            overflow-x: auto;
            margin-top: 20px;
            border: none !important;
        }
        table {
            width: 100% !important;
            border-collapse: collapse !important;
            font-size: 14px !important;
            border: none !important;
        }
        th, td {
            border: none !important;
            padding: 16px !important;
            text-align: left !important;
            vertical-align: middle !important;
        }
        th {
            background-color: #0f1e36 !important;
            color: #ffffff !important;
            font-weight: bold !important;
            font-size: 14px !important;
            white-space: nowrap !important;
        }
        td {
            background-color: #ffffff !important;
        }
        tr {
            border-bottom: 1px solid #efeae2 !important; /* 表の行間のみ薄い横線 */
        }
        tr:last-child {
            border-bottom: none !important;
        }
        .table-icon {
            color: #c5a059 !important;
            margin-right: 8px !important;
            width: 18px !important;
            text-align: center !important;
        }
        .price-highlight {
            font-weight: bold !important;
            font-size: 15px !important;
            color: #b81c1c !important;
        }
        
        /* Highlight Info Box */
        .highlight-box {
            background-color: #f7f3eb !important;
            border: none !important;
            padding: 20px !important;
            border-radius: 8px !important;
            margin-top: 25px !important;
            font-size: 14px !important;
            color: #5a503e !important;
            line-height: 1.6 !important;
        }
        .highlight-box strong {
            color: #0f1e36 !important;
            font-size: 15px !important;
        }
        
        /* Required Items Checklists */
        .phase-section {
            margin-bottom: 25px !important;
            border: none !important;
        }
        .phase-section:last-child {
            margin-bottom: 0 !important;
        }
        .phase-title {
            font-size: 16px !important;
            font-weight: bold !important;
            color: #0f1e36 !important;
            margin-bottom: 12px !important;
            padding-bottom: 0 !important;
            border: none !important;
            display: flex !important;
            align-items: center !important;
        }
        .phase-icon {
            background-color: #c5a059 !important;
            color: white !important;
            font-size: 11px !important;
            padding: 2px 8px !important;
            border-radius: 12px !important;
            margin-right: 10px !important;
            flex-shrink: 0 !important;
            border: none !important;
        }
        
        .checklist {
            list-style: none !important;
            padding: 0 !important;
            margin: 0 !important;
            border: none !important;
        }
        .checklist-item {
            position: relative !important;
            padding-left: 28px !important;
            margin-bottom: 14px !important;
            font-size: 14px !important;
            border: none !important;
        }
        .checklist-item i.check-icon {
            position: absolute !important;
            left: 2px !important;
            top: 4px !important;
            color: #c5a059 !important;
            font-size: 16px !important;
        }
        .checklist-item strong {
            color: #111111 !important;
            font-size: 15px !important;
        }
        .checklist-item span {
            color: #666666 !important;
            display: block !important;
            margin-top: 2px !important;
            font-size: 13px !important;
        }

        /* Features Grid */
        .feature-grid {
            display: grid !important;
            grid-template-columns: 1fr !important;
            gap: 20px !important;
            margin-top: 20px !important;
            border: none !important;
        }
        .feature-item {
            background-color: #faf8f5 !important;
            border: none !important;
            border-radius: 8px !important;
            padding: 20px !important;
            transition: transform 0.2s ease, box-shadow 0.2s ease !important;
        }
        .feature-item:hover {
            transform: translateY(-3px) !important;
            box-shadow: 0 4px 12px rgba(0,0,0,0.05) !important;
        }
        .feature-icon-wrapper {
            width: 48px !important;
            height: 48px !important;
            background-color: #f0e6d2 !important;
            color: #0f1e36 !important;
            border-radius: 50% !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            font-size: 20px !important;
            margin-bottom: 14px !important;
            border: none !important;
            box-shadow: 0 2px 5px rgba(0,0,0,0.05) !important;
        }
        .feature-item h3 {
            margin: 0 0 8px 0 !important;
            font-size: 16px !important;
            color: #0f1e36 !important;
            border: none !important;
        }
        .feature-item p {
            margin: 0 !important;
            font-size: 13px !important;
            color: #555555 !important;
            line-height: 1.6 !important;
            border: none !important;
        }
        
        /* Accordion FAQ Styling */
        .faq-accordion {
            margin-top: 20px !important;
            border: none !important;
        }
        details.faq-item {
            background-color: #faf8f5 !important;
            border: none !important;
            border-radius: 8px !important;
            margin-bottom: 12px !important;
            overflow: hidden !important;
        }
        details.faq-item[open] {
            background-color: #ffffff !important;
        }
        summary.faq-q {
            padding: 18px 20px !important;
            font-weight: bold !important;
            font-size: 15px !important;
            color: #0f1e36 !important;
            cursor: pointer !important;
            list-style: none !important;
            display: flex !important;
            align-items: center !important;
            justify-content: space-between !important;
            user-select: none !important;
            border: none !important;
        }
        summary.faq-q::-webkit-details-marker,
        summary.faq-q::marker {
            display: none !important;
        }
        .faq-q-title {
            display: flex !important;
            align-items: center !important;
            gap: 10px !important;
            border: none !important;
        }
        .faq-q-badge {
            background-color: #0f1e36 !important;
            color: #ffffff !important;
            font-size: 12px !important;
            padding: 2px 7px !important;
            border-radius: 4px !important;
            flex-shrink: 0 !important;
            border: none !important;
        }
        .faq-icon-toggle {
            color: #c5a059 !important;
            transition: transform 0.3s !important;
            font-size: 14px !important;
            flex-shrink: 0 !important;
            margin-left: 10px !important;
            border: none !important;
        }
        details[open] .faq-icon-toggle {
            transform: rotate(180deg) !important;
        }
        .faq-a {
            padding: 15px 20px 20px 20px !important;
            font-size: 14px !important;
            color: #4a5568 !important;
            line-height: 1.7 !important;
            border: none !important;
            margin-top: 5px !important;
        }
        
        /* High-Impact CTA Box */
        .cta-box {
            background: linear-gradient(135deg, #091322 0%, #112240 100%) !important;
            color: #ffffff !important;
            text-align: center !important;
            padding: 50px 30px !important;
            border-radius: 16px !important;
            box-shadow: 0 15px 35px rgba(9, 19, 34, 0.15) !important;
            border: none !important;
        }
        .cta-tag {
            color: #f3e5ab !important;
            background-color: rgba(0, 0, 0, 0.3) !important;
            padding: 4px 16px !important;
            border-radius: 20px !important;
            font-weight: bold !important;
            font-size: 12px !important;
            letter-spacing: 0.15em !important;
            margin-bottom: 16px !important;
            display: inline-block !important;
            border: none !important;
        }
        .cta-title {
            font-size: 22px !important;
            font-weight: bold !important;
            margin-bottom: 16px !important;
            line-height: 1.4 !important;
            color: #ffffff !important;
            text-shadow: 0 2px 6px rgba(0,0,0,0.4) !important;
            border: none !important;
        }
        .cta-desc {
            font-size: 14px !important;
            color: #f0f4f8 !important;
            margin-bottom: 30px !important;
            max-width: 650px !important;
            margin-left: auto !important;
            margin-right: auto !important;
            line-height: 1.7 !important;
            text-shadow: 0 1px 4px rgba(0,0,0,0.3) !important;
            border: none !important;
        }
        .cta-btn {
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            gap: 10px !important;
            background: linear-gradient(135deg, #d4af37 0%, #c5a059 100%) !important;
            color: #ffffff !important;
            text-decoration: none !important;
            padding: 18px 45px !important;
            font-size: 18px !important;
            font-weight: bold !important;
            border-radius: 50px !important;
            transition: all 0.3s ease !important;
            box-shadow: 0 6px 20px rgba(197, 160, 89, 0.4) !important;
            border: none !important;
            text-shadow: 0 1px 2px rgba(0,0,0,0.2) !important;
        }
        .cta-btn:hover {
            background: linear-gradient(135deg, #e5be48 0%, #d4af37 100%) !important;
            transform: translateY(-3px) !important;
            box-shadow: 0 10px 25px rgba(197, 160, 89, 0.5) !important;
        }
        
        /* Footer */
        footer {
            text-align: center !important;
            margin-top: 40px !important;
            font-size: 13px !important;
            color: #a0aec0 !important;
            border: none !important;
        }

        /* Mobile Optimization Rules */
        @media (max-width: 600px) {
            .container {
                padding: 20px 12px !important;
            }
            .header-banner {
                padding: 40px 15px !important;
            }
            .header-banner h1 {
                font-size: 24px !important;
            }
            section {
                padding: 24px 16px !important;
            }
            .step-card {
                padding: 18px 16px !important;
            }
            .cta-box {
                padding: 35px 16px !important;
            }
            .cta-btn {
                width: 100% !important;
                padding: 16px 20px !important;
                font-size: 16px !important;
            }
        }
    </style>



    <div class="container">
        
        <!-- HEADER -->
        <header class="header-banner">
            <h1>初めての不動産購入ガイド</h1>
            <p>理想の住まいを安心して手に入れるための<br class="sp-only"> 「流れ」「諸費用」「事前準備」<br class="sp-only"> の完全説明書</p>
        </header>

        <!-- SECTION 1: FLOW -->
        <section>
            <h2>1. 不動産購入のステップ</h2>
            <p style="font-size: 14px; color: #4a5568; margin-bottom: 25px;">
                物件探しから鍵の引き渡しまで、平均して3ヶ月〜半年ほどの期間がかかります。全体の流れをあらかじめ把握しておくことで、焦らずスムーズに理想の物件購入を進めることができます。
            </p>
            
            <div class="step-timeline">
                <div class="step-card">
                    <div class="step-header">
                        <span class="step-badge">STEP 01</span>
                        <h3 class="step-card-title"><i class="fa-solid fa-house-search"></i> 物件見学・ご相談</h3>
                    </div>
                    <p class="step-desc">
                        ご希望のエリア、間取り、ご予算などの条件を整理します。インターネットの写真だけでは分からない、実際の日当たりや周辺の雰囲気、生活利便性を、当社スタッフ同行のもと現地にて五感で確認していただきます。
                    </p>
                </div>
                
                <div class="step-card">
                    <div class="step-header">
                        <span class="step-badge">STEP 02</span>
                        <h3 class="step-card-title"><i class="fa-solid fa-calculator"></i> 資金計画・住宅ローンの事前審査</h3>
                    </div>
                    <p class="step-desc">
                        物件価格に加えて、購入に必要な諸費用を含めた「総予算」を算出します。あらかじめ金融機関に対して「いくら借りられるか」の仮審査を通しておくことで、以降の契約やお手続きがスムーズに進めやすくなります。
                    </p>
                </div>
                
                <div class="step-card">
                    <div class="step-header">
                        <span class="step-badge">STEP 03</span>
                        <h3 class="step-card-title"><i class="fa-solid fa-file-signature"></i> 買付証明書の提出・条件調整</h3>
                    </div>
                    <p class="step-desc">
                        購入希望の物件が決まった段階で、ご希望の購入価格や引き渡し時期などの条件を記載した「買付証明書（購入申込書）」を売主様へ提出します。
                    </p>
                </div>
                
                <div class="step-card">
                    <div class="step-header">
                        <span class="step-badge">STEP 04</span>
                        <h3 class="step-card-title"><i class="fa-solid fa-handshake"></i> 重要事項説明・売買契約の締結</h3>
                    </div>
                    <p class="step-desc">
                        宅地建物取引士が、物件の権利関係や法的な規制、インフラ状況など重要なお約束事をわかりやすくご説明します（重要事項説明）。すべてにご納得いただいた上で売買契約を結び、売主様へ「手付金」をお支払いいただきます。
                    </p>
                </div>
                
                <div class="step-card">
                    <div class="step-header">
                        <span class="step-badge">STEP 05</span>
                        <h3 class="step-card-title"><i class="fa-solid fa-building-columns"></i> 住宅ローンの本申し込み・契約</h3>
                    </div>
                    <p class="step-desc">
                        売買契約が完了した後に、正式に住宅ローンの「本申し込み」を行います。銀行での審査ののち承認が下りれば、金融機関との間で「金銭消費貸借契約（ローンの契約）」を締結します。
                    </p>
                </div>
                
                <div class="step-card">
                    <div class="step-header">
                        <span class="step-badge">STEP 06</span>
                        <h3 class="step-card-title"><i class="fa-solid fa-key"></i> 残金決済・物件の引き渡し</h3>
                    </div>
                    <p class="step-desc">
                        融資が実行され、手付金を除いた購入代金の残額を売主様へ支払います。同時に、司法書士の立ち会いのもと、物件の所有権をあなたに移転する登記手続きを執り行います。すべての支払いが完了したその場で鍵を受け取り、引き渡し完了です。
                    </p>
                </div>
            </div>
        </section>

        <!-- SECTION 2: COST -->
        <section>
            <h2>2. 不動産購入にかかる費用</h2>
            <p style="font-size: 14px; color: #4a5568; margin-bottom: 20px;">
                不動産の購入には、物件本体の代金とは別に、税金や手数料などの<strong>「諸費用（目安：物件価格の6%〜10%）」</strong>がかかります。諸費用は自己資金（現金）で用意される方が多いですが、金融機関によっては住宅ローンに組み込むことができる場合もあります。
            </p>
            
            <div class="table-container">
                <table>
                    <thead>
                        <tr>
                            <th style="width: 28%;">費用項目</th>
                            <th style="width: 25%;">目安金額</th>
                            <th style="width: 47%;">支払うタイミング・補足</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td><i class="fa-solid fa-house table-icon"></i><strong>物件価格</strong></td>
                            <td>物件ごとに異なる</td>
                            <td>契約時に手付金（前払い）を、最終引き渡し時に残代金を支払います。</td>
                        </tr>
                        <tr>
                            <td><i class="fa-solid fa-user-tie table-icon"></i><strong>仲介手数料</strong></td>
                            <td class="price-highlight">物件価格の3% + 6万円<span style="font-size: 11px; color:#555; font-weight:normal;">（＋消費税）</span></td>
                            <td>宅地建物取引業法で定められた上限額（売買価格800万円超の場合）です。契約時と引き渡し時に分けるか、最後に支払います。</td>
                        </tr>
                        <tr>
                            <td><i class="fa-solid fa-stamp table-icon"></i><strong>登記費用（登録免許税）</strong></td>
                            <td class="price-highlight">数十万円〜<span style="font-size: 11px; color:#555; font-weight:normal;">（物件による）</span></td>
                            <td>国に納める登録免許税と、手続きを代行する司法書士への報酬です。最終引き渡し時に支払います。</td>
                        </tr>
                        <tr>
                            <td><i class="fa-solid fa-piggy-bank table-icon"></i><strong>住宅ローン関連費用</strong><br><span style="font-size: 11px; color: #666;">（事務手数料・保証料など）</span></td>
                            <td class="price-highlight">金融機関・商品により異なる</td>
                            <td>融資を受ける銀行に支払う手数料です（保証料型・事務手数料型2.2%・定額55,000円など様々です）。</td>
                        </tr>
                        <tr>
                            <td><i class="fa-solid fa-shield-halved table-icon"></i><strong>その他諸費用</strong><br><span style="font-size: 11px; color: #666;">（火災保険・地震保険）</span></td>
                            <td class="price-highlight">10万円 〜 数十万円</td>
                            <td>大切な住まいを守るための保険料です。補償内容や構造、契約年数により変動します。</td>
                        </tr>
                        <tr>
                            <td><i class="fa-solid fa-receipt table-icon"></i><strong>各種税金・清算金</strong></td>
                            <td class="price-highlight">数万円 〜 十数万円</td>
                            <td>契約書の「印紙税」のほか、引き渡し日を境に日割り計算する「固定資産税・都市計画税の清算金」があります。</td>
                        </tr>
                    </tbody>
                </table>
            </div>
            
            <div class="highlight-box">
                <strong><i class="fa-solid fa-lightbulb" style="color:#c5a059; margin-right:5px;"></i> 資金計画のポイント：自己資金（頭金）が少なくても諦める必要はありません</strong><br>
                近年は物件価格に加え、これらの「諸費用」まで一括で融資を組むことができる諸費用ローン等を扱う金融機関も増えています。お手元の現金を極力残したい場合も、柔軟な資金計画をご提案できますのでお気軽にご相談ください。<br>
                <span style="font-size: 12px; color: #777; display: inline-block; margin-top: 4px;">※金利条件や融資限度額は金融機関や商品によって異なります。</span>
            </div>
        </section>

        <!-- SECTION 3: REQUIRED ITEMS -->
        <section>
            <h2>3. 事前にご準備いただくもの</h2>
            <p style="font-size: 14px; color: #4a5568; margin-bottom: 25px;">
                不動産購入では、手続きを進める段階ごとに必要な書類や証明書が異なります。直前になって慌てないよう、あらかじめ用意しておくと手続きがスムーズになります。
            </p>
            
            <div class="phase-section">
                <div class="phase-title">
                    <span class="phase-icon">初期段階</span>
                    ① 物件探し・購入の初期相談
                </div>
                <ul class="checklist">
                    <li class="checklist-item">
                        <i class="fa-solid fa-circle-check check-icon"></i>
                        <strong>必要なものは、特にありません。</strong>
                        <span>「こんなエリアに住みたい」「このくらいの予算で買える？」といったイメージ段階で、手ぶらでお気軽にお越しいただけます。</span>
                    </li>
                </ul>
            </div>
            
            <div class="phase-section">
                <div class="phase-title">
                    <span class="phase-icon">審査段階</span>
                    ② 住宅ローンの事前審査（仮審査）
                </div>
                <ul class="checklist">
                    <li class="checklist-item">
                        <i class="fa-solid fa-circle-check check-icon"></i>
                        <strong>身分証明書（原本またはコピー両面）</strong>
                        <span>運転免許証、マイナンバーカード、パスポートなど。</span>
                    </li>
                    <li class="checklist-item">
                        <i class="fa-solid fa-circle-check check-icon"></i>
                        <strong>源泉徴収票（直近1年〜2年分）</strong>
                        <span>ご自身の現在の年収額を証明する書類です。個人事業主や経営者様の場合は、直近3期分の「確定申告書」や「決算書」一式が必要になります。</span>
                    </li>
                </ul>
            </div>
            
            <div class="phase-section">
                <div class="phase-title">
                    <span class="phase-icon">契約段階</span>
                    ③ 不動産売買契約・ローン本申し込み
                </div>
                <ul class="checklist">
                    <li class="checklist-item">
                        <i class="fa-solid fa-circle-check check-icon"></i>
                        <strong>実印 および 印鑑証明書（発行から3ヶ月以内のもの）</strong>
                        <span>ローン契約や登記申請に必要となるため、あらかじめ市区町村役場で実印登録をお願いします。</span>
                    </li>
                    <li class="checklist-item">
                        <i class="fa-solid fa-circle-check check-icon"></i>
                        <strong>住民票（世帯全員の記載があるもの）</strong>
                        <span>マイナンバーの記載がない住民票をご用意ください。（※提出先の金融機関によって指定が異なる場合があります）</span>
                    </li>
                    <li class="checklist-item">
                        <i class="fa-solid fa-circle-check check-icon"></i>
                        <strong>手付金</strong>
                        <span>一般的に物件価格の5%〜10%程度が目安ですが、売主様との合意により（50万円・100万円などの定額設定を含め）異なります。</span>
                    </li>
                </ul>
            </div>
        </section>

        <!-- SECTION 4: NOALIV HOME STRENGTHS -->
        <section>
            <h2>4. ノアリブホームならではの安心サポート</h2>
            <p style="font-size: 14px; color: #4a5568; margin-bottom: 25px;">
                ノアリブホームでは、単に物件をご紹介するだけでなく、購入前からお引渡し後までお客様の理想の暮らしをトータルでサポートいたします。
            </p>
            <div class="feature-grid">
                <div class="feature-item">
                    <div class="feature-icon-wrapper">
                        <i class="fa-solid fa-percent"></i>
                    </div>
                    <h3>住宅ローン比較・ご提案</h3>
                    <p>数ある金融機関の中から、お客様の条件やライフスタイルに合わせた最適な住宅ローンプランをご比較・ご提案します。<br><span style="font-size: 11px; color: #777;">※金利条件は金融機関や商品によって異なります。</span></p>
                </div>
                <div class="feature-item">
                    <div class="feature-icon-wrapper">
                        <i class="fa-solid fa-paint-roller"></i>
                    </div>
                    <h3>購入後のリフォーム相談</h3>
                    <p>中古物件の購入と合わせたリフォーム・リノベーションのご相談もワンストップで承ります。</p>
                </div>
                <div class="feature-item">
                    <div class="feature-icon-wrapper">
                        <i class="fa-solid fa-file-shield"></i>
                    </div>
                    <h3>火災保険・地震保険のご紹介</h3>
                    <p>大切なマイホームを守るための最適な保険プランをご紹介し、お引渡しまでスムーズにお手続きいただけるようサポートします。</p>
                </div>
                <div class="feature-item">
                    <div class="feature-icon-wrapper">
                        <i class="fa-solid fa-heart-circle-check"></i>
                    </div>
                    <h3>引渡し後のアフターサポート</h3>
                    <p>ご購入後も長く安心して暮らし続けていただけるよう、手厚いフォロー体制を整えています。</p>
                </div>
            </div>
        </section>

        <!-- SECTION 5: FAQ (Accordion) -->
        <section>
            <h2>5. よくあるご質問（FAQ）</h2>
            <p style="font-size: 13px; color: #777; margin-bottom: 15px;">質問をクリックすると回答が表示されます。</p>
            
            <div class="faq-accordion">
                <details class="faq-item">
                    <summary class="faq-q">
                        <span class="faq-q-title">
                            <span class="faq-q-badge">Q</span>
                            頭金（自己資金）はどのくらい用意すればいいですか？
                        </span>
                        <i class="fa-solid fa-chevron-down faq-icon-toggle"></i>
                    </summary>
                    <div class="faq-a">
                        A. 一般的には物件価格の1割〜2割程度あると有利とされていますが、<strong>頭金0円で住宅ローンを利用される方も少なくありません</strong>。諸費用も含めてまとめて住宅ローンで組むことが可能な金融機関もありますので、自己資金が少額でも一度お気軽にご相談ください。<br><span style="font-size: 12px; color: #777;">※融資条件は金融機関や商品によって異なります。</span>
                    </div>
                </details>
                
                <details class="faq-item">
                    <summary class="faq-q">
                        <span class="faq-q-title">
                            <span class="faq-q-badge">Q</span>
                            転職したばかり、あるいは育休中ですがローン審査に通りますか？
                        </span>
                        <i class="fa-solid fa-chevron-down faq-icon-toggle"></i>
                    </summary>
                    <div class="faq-a">
                        A. 多くの銀行では「勤続1年以上」を条件としますが、ステップアップによる同業種への転職や、復職後の返済計画が明確であれば、<strong>転職直後（3〜6ヶ月）や産休・育休中の取得実績がある方でも審査が通る銀行は多数あります</strong>。金融機関ごとの融資特性を熟知したスタッフがサポートいたします。
                    </div>
                </details>
                
                <details class="faq-item">
                    <summary class="faq-q">
                        <span class="faq-q-title">
                            <span class="faq-q-badge">Q</span>
                            購入後、毎月どのような「維持費」がかかりますか？
                        </span>
                        <i class="fa-solid fa-chevron-down faq-icon-toggle"></i>
                    </summary>
                    <div class="faq-a">
                        A. 毎年発生する「固定資産税（※地域によっては都市計画税）」のほか、マンションであれば毎月の「管理費・修繕積立金」が、一戸建てであれば将来的なメンテナンス費用（外壁塗装など）の積み立てが必要になります。これらをしっかりと算出した上で、家賃支払いと比較した安全な資金シミュレーションを作成します。
                    </div>
                </details>
            </div>
        </section>

        <!-- CALL TO ACTION -->
        <section class="cta-box">
            <span class="cta-tag">FREE CONSULTATION</span>
            <div class="cta-title">理想の住まいへの第一歩<br>不動産購入のプロに無料で相談してみませんか？</div>
            <p class="cta-desc">
                ノアリブホームでは、初めての住宅購入でも安心して進められるよう、お客様一人ひとりに合わせたご提案を行っています。「まだ買うか分からない」「自分はいくらのローンが組めるんだろう？」という段階でも大歓迎です。お気軽にご相談ください。
            </p>
            <a href="https://www.noahlivehome.jp/contact/" target="_blank" rel="noopener noreferrer" class="cta-btn">
                <i class="fa-regular fa-calendar-check"></i> 無料個別相談を予約する
            </a>
        </section>

        <!-- FOOTER -->
        <footer>
            <p>© 2026 ノアリブホーム. All Rights Reserved.</p>
        </footer>

    </div>




]]></description>
            <pubDate>2026-07-01</pubDate>
        </item>
                
        <item>
            <title>【東京都北区の賃貸管理】空室対策・24時間対応ならノアリブホーム</title>
            <link>https://www.noahlivehome.jp/blog/entry-821811/</link>
            <description><![CDATA[
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>【管理料3%】東京の賃貸管理・家賃滞納立替ならノアリブホーム</title>
<meta name="description" content="北区を中心に東京の賃貸管理をサポートするノアリブホーム。管理料3%（税別）で保証会社と連携した安心の家賃滞納対策、クレーム対応、退去立会までフルサポート。自主管理に限界を感じている方、一般媒介から当社の管理への乗り換え・違いをご検討のオーナー様はまずは無料相談！">
<style>
/* --- カラー変数定義 --- */
:root {
--main-color: #8faea8; /* 上品なくすみグリーン */
--sub-color: #b3c2be; /* 淡いくすみグリーン */
--dark-green: #4a635d; /* 深いグリーン（テキスト・強调用） */
--accent-navy: #3a4f66; /* 信頼感のあるネイビー */
--gold-color: #d4af37; /* アクセントのゴールド */
--text-color: #333333; /* 基本テキスト */
--bg-light: #f7faf9; /* 薄い背景色 */
}

/* --- 基本リセット・共通レイアウト --- */
body {
margin: 0;
padding: 0;
font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif;
color: var(--text-color);
background-color: var(--bg-light);
line-height: 1.8;
}
.container {
max-width: 800px;
margin: 0 auto;
padding: 40px 20px;
box-sizing: border-box;
}

/* --- LPセクション共通スタイル --- */
section {
background-color: #ffffff;
padding: 50px 30px;
margin-bottom: 30px;
border-radius: 12px;
box-shadow: 0 4px 15px rgba(0,0,0,0.02);
box-sizing: border-box;
}
.section-title {
font-size: 24px;
color: var(--dark-green);
text-align: center;
margin-top: 0;
margin-bottom: 30px;
position: relative;
padding-bottom: 15px;
font-weight: bold;
}
.section-title::after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 60px;
height: 3px;
background-color: var(--main-color);
}

/* --- ファーストビュー (MV) --- */
.mv-section {
background: linear-gradient(135deg, #f0f5f4 0%, #e6eee3 100%);
border-top: 4px solid var(--main-color);
text-align: center;
padding: 60px 20px;
}
.mv-section h1 {
margin: 0 0 20px 0;
font-size: 28px;
color: var(--dark-green);
line-height: 1.4;
}
.mv-section h1 .sub-title {
font-size: 16px;
color: var(--accent-navy);
display: block;
margin-bottom: 10px;
font-weight: normal;
letter-spacing: 0.05em;
}
.mv-section h1 strong {
color: var(--dark-green);
font-weight: bold;
}

/* --- お悩みセクション --- */
.problem-list {
list-style: none;
padding: 0;
margin: 0 0 30px 0;
}
.problem-list li {
position: relative;
padding-left: 30px;
margin-bottom: 15px;
font-size: 15px;
}
.problem-list li::before {
content: "⚠️";
position: absolute;
left: 0;
top: 0;
}
.problem-list strong {
color: var(--accent-navy);
display: inline-block;
margin-right: 5px;
}
.solution-banner {
background-color: rgba(143, 174, 168, 0.1);
border-left: 4px solid var(--main-color);
padding: 20px;
text-align: center;
font-size: 18px;
font-weight: bold;
color: var(--dark-green);
border-radius: 0 8px 8px 0;
}

/* --- 強みセクション --- */
.strength-card {
background-color: var(--bg-light);
border: 1px solid #e1e8e6;
border-radius: 8px;
padding: 25px;
margin-bottom: 20px;
}
.strength-card h3 {
margin: 0 0 12px 0;
font-size: 18px;
color: var(--accent-navy);
font-weight: bold;
}
.strength-card p {
margin: 0;
font-size: 14px;
color: #555;
}

/* --- 管理表のスタイル --- */
.management-table-section {
padding: 0;
background: transparent;
box-shadow: none;
}
.table-container {
width: 100%;
background: #ffffff;
border-radius: 12px;
box-shadow: 0 6px 20px rgba(0,0,0,0.04);
padding: 30px 25px;
box-sizing: border-box;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.table-main-title {
font-size: 22px;
color: var(--dark-green);
text-align: center;
margin: 0 0 25px 0;
font-weight: bold;
letter-spacing: 0.05em;
}
.custom-mgmt-table {
width: 100%;
border-collapse: collapse;
font-size: 14px;
line-height: 1.5;
min-width: 550px;
}
.row-category-title th {
padding: 16px 12px;
font-weight: bold;
font-size: 15px;
border-bottom: 2px solid #e1e8e6;
}
.th-item {
color: var(--text-color);
text-align: left;
width: 34%;
}
.th-plan {
color: var(--text-color);
text-align: center;
background: #f4f7f6;
width: 33%;
}
.th-plan.highlight-plan {
background: var(--main-color);
color: #ffffff;
border-radius: 6px 6px 0 0;
}
.custom-mgmt-table .row-section-header td {
background: var(--accent-navy) !important;
color: #ffffff !important;
font-weight: 800;
text-align: center;
padding: 14px 12px;
font-size: 15px;
letter-spacing: 0.2em;
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
}
.custom-mgmt-table td {
padding: 13px 15px;
border-bottom: 1px solid #e8edea;
color: var(--text-color);
text-align: center;
vertical-align: middle;
}
.custom-mgmt-table .td-label {
font-weight: bold;
text-align: left;
color: var(--dark-green);
background: #fafcfb;
}
.highlight-cell {
background: rgba(143, 174, 168, 0.07);
font-weight: 500;
}
.mark-circle {
display: inline-flex;
align-items: center;
justify-content: center;
width: 22px;
height: 22px;
background: rgba(212, 175, 55, 0.15);
color: var(--gold-color);
border-radius: 50%;
font-weight: 900;
font-size: 14px;
}
.mark-cross {
color: #a0aba8;
font-size: 15px;
}
.mark-triangle {
display: inline-flex;
align-items: center;
justify-content: center;
width: 22px;
height: 22px;
background: #eef2f1;
color: var(--sub-color);
border-radius: 4px;
font-size: 12px;
font-weight: bold;
}
.small-note {
display: block;
font-size: 11px;
color: #666;
margin-top: 2px;
}
.table-caption {
font-size: 12px;
color: #6a7573;
margin: 15px 0 0 0;
text-align: left;
}

/* --- FAQセクション --- */
.faq-item {
margin-bottom: 25px;
border-bottom: 1px dashed #e1e8e6;
padding-bottom: 20px;
}
.faq-item:last-child {
border-bottom: none;
padding-bottom: 0;
}
.faq-item h4 {
margin: 0 0 10px 0;
font-size: 16px;
color: var(--dark-green);
font-weight: bold;
display: flex;
gap: 10px;
}
.faq-item p {
margin: 0;
font-size: 14px;
color: #555;
padding-left: 28px;
}

/* --- お問い合わせ（CTA）セクション --- */
.contact-section {
background-color: #ffffff;
border-top: 4px solid var(--main-color);
padding: 40px 20px;
text-align: center;
}
.contact-section h2 {
font-size: 22px;
color: var(--accent-navy);
margin-top: 0;
margin-bottom: 25px;
font-weight: bold;
}

/* --- ボタン関連のスタイル --- */
.btn-common {
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
text-decoration: none;
transition: all 0.3s ease;
box-sizing: border-box;
border-radius: 8px;
}
.btn-group {
display: flex;
gap: 20px;
margin-top: 20px;
}
.btn-mail, .btn-line {
flex: 1;
height: 60px;
font-size: 16px;
color: #ffffff;
}
.btn-mail {
background-color: var(--accent-navy);
}
.btn-mail:hover {
background-color: #2a3b4e;
opacity: 0.9;
}
.btn-line {
background-color: #06c755;
}
.btn-line:hover {
background-color: #05b34c;
opacity: 0.9;
}
.btn-tel-container {
margin-top: 20px;
}
.btn-tel {
width: 100%;
height: 64px;
background-color: var(--main-color);
color: #ffffff;
font-size: 18px;
border-bottom: 4px solid var(--dark-green);
}
.btn-tel:hover {
background-color: var(--dark-green);
border-bottom-color: #354743;
transform: translateY(2px);
}

/* --- レスポンシブ対応 --- */
@media (max-width: 768px) {
.container {
padding: 15px 10px;
}
section {
padding: 35px 20px;
margin-bottom: 20px;
}
.mv-section {
padding: 45px 15px;
}
.mv-section h1 {
font-size: 22px;
}
.section-title {
font-size: 20px;
}
.table-container {
padding: 20px 15px;
}
.table-main-title {
font-size: 18px;
margin-bottom: 18px;
}
.custom-mgmt-table td,
.custom-mgmt-table .row-section-header td {
padding: 11px 12px;
font-size: 13px;
}
.btn-group {
flex-direction: column;
gap: 12px;
}
.btn-mail, .btn-line {
width: 100%;
height: 54px;
font-size: 15px;
}
.btn-tel {
height: 58px;
font-size: 16px;
}
}
</style>



<div class="container">

  <!-- 1. ファーストビュー (MV) -->
  <header class="mv-section">
    <h1>
      <span class="sub-title"><img class="alreadyUpImage 1" style="display: block;margin: 0 auto;max-width: 100%; " src="https://cdn.img-asp.jp/cms/821811_1_0_0_1.jpg"></span><span class="sub-title"><br></span><span class="sub-title">東京都北区エリア密着！管理料3%（税別）の賃貸経営サポート</span>
      <strong>北区の賃貸管理・家賃滞納対策ならノアリブホームへ</strong>
    </h1>
    
    <!-- イエラブの強制左寄せを打ち消すインラインスタイルを追加 -->
    <p style="text-align: center !important; display: block !important; width: 100% !important; margin: 0 auto 30px auto; font-size: 16px; color: #555; line-height: 1.8;">
      入居者募集から、安心の保証会社連携、<br> 
      トラブル・クレーム対応、退去立会、原状回復まで。<br> 
      自主管理に限界を感じているオーナー様、<br> 現在の管理会社からの乗り換えをお考えの方に選ばれています。
    </p>
    
    <div class="btn-tel-container" style="max-width: 400px; margin: 0 auto;">
      <a href="https://www.noahlivehome.jp/tintaikeiei/" class="btn-common btn-tel" style="font-size: 16px; height: 54px;" target="_blank" rel="noopener noreferrer">まずは無料で管理の相談をしてみる</a>
    </div>
  </header>

  <!-- 2. 導入・お悩み共感 -->
  <section>
    <h2 class="section-title">こんな賃貸管理のお悩み、ありませんか？</h2>
    <ul class="problem-list">
      <li><strong>自主管理の限界：</strong> 仕事や高齢を理由に、家賃催促や夜間の騒音クレーム対応、退去手続きを自分で行うことに限界を感じている…</li>
      <li><strong>一般媒介でのトラブル：</strong> 一般媒介は一見自由だが、退去立会や敷金精算のたびに追加費用が発生し、窓口もバラバラで手間の割に空室が埋まらない…</li>
      <li><strong>家賃滞納の不安：</strong> 万が一の滞納が発生した際、保証会社の加入手続きや面倒な督促代行・連絡連携の窓口体制が整っていないと大きなダメージになる…</li>
      <li><strong>賃貸管理の乗り換え迷子：</strong> 現在の管理会社の対応が遅く乗り換えたいが、手続きが面倒そうで二の足を踏んでいる…</li>
    </ul>
    <div class="solution-banner">
      そのお悩み、すべて<br class="sp-only"> 「ノアリブホームの管理プラン」が解決します！
    </div>
  </section>

  <!-- 3. 強み・メリット -->
  <section>
    <h2 class="section-title">ノアリブホームが北区のオーナー様に選ばれる理由</h2>
    
    <div class="strength-card">
      <h3>① 保証会社連携による確実な家賃滞納対策・窓口代行</h3>
      <p>入居時に当社指定の家賃保証会社への加入を徹底。万が一入居者様の家賃支払いが遅れた場合でも、保証会社がしっかりとカバーします。オーナー様が直接、入居者や保証会社と気まずい督促・申請のやり取りをする必要は一切ありません。当社がすべて窓口となりスピーディーに手続きを行います。</p>
    </div>

    <div class="strength-card">
      <h3>② 一般媒介と管理の違いを実感！追加費用なしの安心コミコミプラン</h3>
      <p>一般媒介契約ではその都度費用（退去立会5,000円、敷金精算10,000円など）が引かれがちですが、当社の管理プランならこれらはすべて基本プラン内。一般媒介との最大の違いは「窓口一つですべてがスムーズに完結する」点です。次の募集へ向けた原状回復工事までスピーディーに対応します。</p>
    </div>

    <div class="strength-card">
      <h3>③ 自主管理の限界を救う、北区密着の柔軟なスポット対応</h3>
      <p>「遠方に住んでいて見に行けない」「体力的にもう草むしりや掃除ができない」という、自主管理の限界を感じているオーナー様のために、物件の美観を保つ「草とり・敷地内清掃」も別途お見積りで柔軟に対応いたします。</p>
    </div>
  </section>

  <!-- 4. 管理表セクション -->
  <section class="management-table-section">
    <div class="table-container">
      <h3 class="table-main-title">【一般媒介と管理の違い】賃貸管理業務一覧</h3>
      <table class="custom-mgmt-table">
        <thead>
          <tr class="row-category-title">
            <th class="th-item">管理形態</th>
            <th class="th-plan">一般媒介</th>
            <th class="th-plan highlight-plan">管理（ノアリブホーム）</th>
          </tr>
        </thead>
        <tbody>
          <!-- 管理契約条件 -->
          <tr class="row-section-header">
            <td colspan="3">管理契約条件</td>
          </tr>
          <tr>
            <td class="td-label">管理料</td>
            <td>-</td>
            <td class="highlight-cell">3%（税別）</td>
          </tr>
          <tr>
            <td class="td-label">敷金</td>
            <td>オーナー様</td>
            <td class="highlight-cell">オーナー様</td>
          </tr>
          <tr>
            <td class="td-label">礼金</td>
            <td>オーナー様</td>
            <td class="highlight-cell">オーナー様</td>
          </tr>
          <tr>
            <td class="td-label">更新料</td>
            <td>オーナー様</td>
            <td class="highlight-cell">オーナー様</td>
          </tr>
          <tr>
            <td class="td-label">更新事務手数料</td>
            <td>賃料の0.5ヵ月分（税別）</td>
            <td class="highlight-cell">賃料の0.5ヵ月分（税別）</td>
          </tr>
          <tr>
            <td class="td-label">家賃保証会社連携</td>
            <td><span class="mark-cross">×</span></td>
            <td class="highlight-cell"><span class="mark-circle">〇</span> <span class="small-note">(加入手続き・滞納時申請窓口)</span></td>
          </tr>
          <tr>
            <td class="td-label">業務委託料</td>
            <td>賃料の1ヵ月分（税別）</td>
            <td class="highlight-cell">3.0%（税別）</td>
          </tr>

          <!-- 管理業務内容 -->
          <tr class="row-section-header">
            <td colspan="3">管理業務内容</td>
          </tr>
          <tr>
            <td class="td-label">図面作成</td>
            <td><span class="mark-circle">〇</span></td>
            <td class="highlight-cell"><span class="mark-circle">〇</span></td>
          </tr>
          <tr>
            <td class="td-label">インターネット掲載</td>
            <td><span class="mark-circle">〇</span></td>
            <td class="highlight-cell"><span class="mark-circle">〇</span></td>
          </tr>
          <tr>
            <td class="td-label">入居者募集・案内</td>
            <td><span class="mark-circle">〇</span></td>
            <td class="highlight-cell"><span class="mark-circle">〇</span></td>
          </tr>
          <tr>
            <td class="td-label">入居審査</td>
            <td><span class="mark-circle">〇</span></td>
            <td class="highlight-cell"><span class="mark-circle">〇</span></td>
          </tr>
          <tr>
            <td class="td-label">契約手続き</td>
            <td><span class="mark-circle">〇</span></td>
            <td class="highlight-cell"><span class="mark-circle">〇</span></td>
          </tr>
          <tr>
            <td class="td-label">家賃集金業務</td>
            <td><span class="mark-cross">×</span></td>
            <td class="highlight-cell"><span class="mark-circle">〇</span></td>
          </tr>
          <tr>
            <td class="td-label">送金明細作成</td>
            <td><span class="mark-cross">×</span></td>
            <td class="highlight-cell"><span class="mark-circle">〇</span></td>
          </tr>
          <tr>
            <td class="td-label">保証会社への滞納報告・連動</td>
            <td><span class="mark-cross">×</span></td>
            <td class="highlight-cell"><span class="mark-circle">〇</span></td>
          </tr>
          <tr>
            <td class="td-label">クレーム・トラブル対応</td>
            <td><span class="mark-cross">×</span></td>
            <td class="highlight-cell"><span class="mark-circle">〇</span></td>
          </tr>
          <tr>
            <td class="td-label">解約受付</td>
            <td><span class="mark-circle">〇</span></td>
            <td class="highlight-cell"><span class="mark-circle">〇</span></td>
          </tr>
          <tr>
            <td class="td-label">退去立会</td>
            <td>5,000円（税別）</td>
            <td class="highlight-cell"><span class="mark-circle">〇</span></td>
          </tr>
          <tr>
            <td class="td-label">原状回復業務</td>
            <td><span class="mark-triangle">△</span></td>
            <td class="highlight-cell"><span class="mark-circle">〇</span></td>
          </tr>
          <tr>
            <td class="td-label">敷金精算</td>
            <td>10,000円（税別）</td>
            <td class="highlight-cell"><span class="mark-circle">〇</span></td>
          </tr>
          <tr>
            <td class="td-label">更新業務</td>
            <td><span class="mark-circle">〇</span></td>
            <td class="highlight-cell"><span class="mark-circle">〇</span></td>
          </tr>

          <!-- 別途依頼可能業務 -->
          <tr class="row-section-header">
            <td colspan="3">別途依頼可能業務</td>
          </tr>
          <tr>
            <td class="td-label">草とり・敷地内清掃</td>
            <td colspan="2" class="highlight-cell" style="text-align: center; font-weight: bold; color: var(--dark-green);">別途お見積り</td>
          </tr>
        </tbody>
      </table>
      <p class="table-caption">※「△」・・・オーナー様に協力して対応いたします。</p>
    </div>
  </section>

  <!-- 5. よくある質問 (FAQ) -->
  <section>
    <h2 class="section-title">よくある質問（Q&A）</h2>
    
    <div class="faq-item">
      <h4><span>Q.</span>自主管理に限界を感じています。賃貸管理の乗り換えは手続きが面倒ですか？</h4>
      <p>A. いいえ、オーナー様側での面倒な手続きはほとんどございません。現在の自主管理の状態や、他社様との契約内容（一般媒介など）を確認させていただいた上で、入居者様への連絡や引き継ぎ業務はすべてノアリブホームが代行し、スムーズな管理乗り換えを実現します。</p>
    </div>

    <div class="faq-item">
      <h4><span>Q.</span>一般媒介と管理（ノアリブホーム）の最大の違いは何ですか？</h4>
      <p>A. 一般媒介は募集時のみ不動産会社が動き、賃貸管理（トラブル対応・集集業務など）はオーナー様ご自身で行う必要があります。一方、当社の管理プランでは、募集から家賃の確認、24時間クレーム対応、退去時の敷金精算まですべて一括してお任せいただけるため、手間が一切かかりません。</p>
    </div>

    <div class="faq-item">
      <h4><span>Q.</span>万が一、入居者が家賃を滞納した場合はどうなりますか？</h4>
      <p>A. ノアリブホームでは、入居者様に指定の家賃保証会社への加入をいただいております。滞納が発生した際は、当社がオーナー様に代わって保証会社への報告・申請手続き等の窓口業務を速やかに行いますので、オーナー様の手を煩わせることなく家賃がカバーされます。</p>
    </div>
  </section>

<!-- 6. お問い合わせセクション (CTA) -->
  <section id="contact" class="contact-section">
    <h2>北区での賃貸管理<br class="sp-only"> 乗り換えのご相談<br class="sp-only"> 見積もりは無料です</h2>
    
    <div class="btn-group">
      <!-- メールボタン（文字色を白に固定） -->
      <a href="https://www.noahlivehome.jp/tintaikeiei/" class="btn-common btn-mail" target="_blank" rel="noopener noreferrer" style="color: #ffffff !important;">
        メールで無料相談・見積もり
      </a>
      <!-- LINEボタン（文字色を白に固定） -->
      <a href="https://lin.ee/YAVGrWMn" class="btn-common btn-line" target="_blank" rel="noopener noreferrer" style="color: #ffffff !important;">
        LINEで気軽に質問する
      </a>
    </div>
    
    <div class="btn-tel-container">
      <!-- 電話ボタン（文字色を白に固定） -->
      <a href="tel:0359489861" class="btn-common btn-tel" style="color: #ffffff !important;">
        お電話でのご相談：03-5948-9861（受付時間 9:00〜18:00）
      </a>
    </div>
  </section>

</div>



]]></description>
            <pubDate>2026-07-01</pubDate>
        </item>
                
        <item>
            <title>不動産売却の基礎知識・売却前に知っておきたい流れ・査定・媒介契約</title>
            <link>https://www.noahlivehome.jp/blog/entry-818932/</link>
            <description><![CDATA[<!-- Font Awesome（アイコンフォント）の読み込み -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">

<!-- ==========================================
     CSS（スタイル設定）
     ========================================== -->
<style>
/* 親テーマ・WordPress等の意図しない縦線・枠線リセット */
.lh-wrap *,
.lh-wrap *::before,
.lh-wrap *::after {
    border-left: none !important;
    border-right: none !important;
    box-shadow: none !important;
}

/* 必要な枠線（指定箇所）のみ再定義 */
.lh-badge {
    border: 1px solid #B89D73 !important;
}
.lh-cta-btn {
    box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
}
.lh-cta-btn:hover {
    box-shadow: 0 4px 8px rgba(0,0,0,0.18) !important;
}
.lh-reason-box {
    border: 1px solid #E2DCCE !important;
    border-top: 3px solid #B89D73 !important;
}
.lh-reason-list {
    border: 1px dashed #B89D73 !important;
}
.lh-step-card {
    border: 1px solid #E2DCCE !important;
    border-top: 3px solid #B89D73 !important;
}
.lh-table-wrapper {
    border: 1px solid #E2DCCE !important;
}
.lh-table th, .lh-table td {
    border: 1px solid #E2DCCE !important;
}
.lh-column-card {
    border: 1px solid #E2DCCE !important;
}
.lh-column-btn {
    border: 1px solid #B89D73 !important;
}
.lh-faq-item {
    border: 1px solid #E2DCCE !important;
}
.lh-faq-a {
    border-top: 1px solid #E2DCCE !important;
}
/* ワンポイント囲み枠の左線 */
.lh-point-box {
    background-color: #FCFBF8;
    border: 1px solid #B89D73 !important;
    border-left: 5px solid #B89D73 !important;
    padding: 20px;
    margin-bottom: 25px;
    border-radius: 4px;
    text-align: center;
}

/* 単語の途中での不自然な改行（2行化）を防止する設定 */
.lh-wrap h1,
.lh-wrap h2,
.lh-wrap h3,
.lh-wrap .lh-title,
.lh-wrap .lh-step-h3,
.lh-wrap .lh-reason-h3,
.lh-wrap .lh-column-h3,
.lh-wrap .lh-faq-q {
    word-break: keep-all !important;
    overflow-wrap: break-word !important;
}

/* 自然な改行単位を作るインラインブロック用クラス */
.lh-nobrk {
    display: inline-block;
}

/* ベース設定 */
.lh-wrap {
    font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', sans-serif;
    color: #403A35;
    line-height: 1.8;
    text-align: center;
}
.lh-inner {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 15px;
    text-align: center;
}
.lh-section {
    padding: 50px 0;
    border-bottom: none !important;
    text-align: center;
}
.lh-section-bg {
    background-color: #FCFBF8;
}

/* タイトル共通 */
.lh-title {
    text-align: center;
    font-size: 22px;
    color: #403A35;
    margin: 0 0 10px;
    font-weight: 600;
    letter-spacing: 0.08em;
    border: none !important;
    background: none;
    padding: 0;
}
.lh-title-border {
    width: 60px;
    height: 3px;
    background-color: #B89D73;
    margin: 0 auto 25px;
}
.lh-lead {
    text-align: center;
    max-width: 750px;
    margin: 0 auto 25px;
    font-size: 14px;
    opacity: 0.9;
}

/* ヒーローエリア */
.lh-hero {
    padding: 70px 0;
    text-align: center;
}
.lh-hero-h1 {
    font-size: 26px;
    line-height: 1.4;
    margin: 0 0 15px;
    font-weight: 600;
    color: #403A35;
    border: none !important;
    padding: 0;
    background: none;
    text-align: center;
}

/* バッジ */
.lh-badges {
    text-align: center;
    margin-bottom: 25px;
}
.lh-badge {
    background-color: #ffffff;
    padding: 6px 12px;
    font-size: 13px;
    font-weight: 600;
    color: #403A35;
    margin: 0 4px 8px;
    display: inline-block;
}
.lh-badge-gold { color: #B89D73; }
.lh-badge-red { color: #8B2C2C; }

/* CTAボタン＆パルスアニメーション */
.lh-cta-btn {
    display: inline-block;
    background-color: #8B2C2C;
    color: #ffffff !important;
    padding: 16px 36px;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none !important;
    border-radius: 4px;
    letter-spacing: 0.08em;
    transition: all 0.3s ease;
    animation: pulse 3s infinite;
    text-align: center;
}
.lh-cta-btn:hover {
    background-color: #6B2020;
    transform: translateY(-1px);
}
@keyframes pulse {
    0% { transform: scale(1); }
    5% { transform: scale(1.03); }
    10% { transform: scale(1); }
    100% { transform: scale(1); }
}

/* 選ばれる理由 */
.lh-reason-box {
    background: #ffffff;
    padding: 25px;
    border-radius: 4px;
    text-align: center;
}
.lh-reason-h3 {
    color: #403A35;
    font-size: 17px;
    margin: 0 0 20px;
    font-weight: 600;
    line-height: 1.5;
    text-align: center;
    border: none !important;
    padding: 0;
    background: none;
}
.lh-reason-list {
    background-color: #FCFBF8;
    padding: 16px 20px;
    margin-bottom: 20px;
    border-radius: 4px;
    text-align: center;
}
.lh-reason-list ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 14px;
    font-weight: 600;
    line-height: 2;
    text-align: center;
}
.lh-reason-list li {
    text-align: center;
}

/* 売却の流れ */
.lh-step-container {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: center;
}
.lh-step-card {
    background: #ffffff;
    padding: 20px 10px;
    border-radius: 4px;
    box-sizing: border-box;
    text-align: center;
    flex: 1 1 100%;
    position: relative;
}
.lh-step-icon {
    font-size: 28px;
    line-height: 1;
    margin-bottom: 8px;
    text-align: center;
    color: #B89D73;
}
@media (min-width: 768px) {
    .lh-step-container {
        flex-wrap: nowrap;
    }
    .lh-step-card {
        flex: 1;
    }
    .lh-step-card:not(:last-child)::after {
        content: "→";
        position: absolute;
        right: -14px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 18px;
        color: #B89D73;
        font-weight: bold;
        z-index: 2;
    }
}
@media (max-width: 767px) {
    .lh-step-card:not(:last-child)::after {
        content: "↓";
        display: block;
        margin-top: 10px;
        font-size: 18px;
        color: #B89D73;
        font-weight: bold;
    }
}
.lh-step-num {
    display: inline-block;
    background-color: #B89D73;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    padding: 2px 10px;
    border-radius: 20px;
    margin-bottom: 8px;
}
.lh-step-h3 {
    font-size: 15px;
    color: #403A35;
    margin: 0 0 8px;
    font-weight: 600;
    line-height: 1.4;
    border: none !important;
    padding: 0;
    background: none;
    text-align: center;
}
.lh-step-desc {
    font-size: 13px;
    color: #555555;
    margin: 0;
    line-height: 1.6;
    text-align: center;
}

/* 比較表 */
.lh-table-wrapper {
    overflow-x: auto;
    width: 100%;
    border-radius: 4px;
}
.lh-table {
    width: 100%;
    border-collapse: collapse;
    background: #ffffff;
    min-width: 650px;
    font-size: 13.5px;
}
.lh-table th {
    padding: 12px 10px;
    font-weight: 600;
    text-align: center;
    background-color: #403A35;
    color: #ffffff;
}
.lh-table td {
    padding: 12px;
    text-align: center;
}
.lh-table-label { background-color: #F7F5EE; font-weight: 600; }

/* サムネイル付きコラムカード */
.lh-column-card {
    background: #ffffff;
    padding: 16px;
    border-radius: 4px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 15px;
    text-align: center;
}
.lh-column-thumb {
    width: 120px;
    height: 80px;
    object-fit: cover;
    border-radius: 4px;
    flex-shrink: 0;
    background-color: #E2DCCE;
    margin: 0 auto;
}
.lh-column-content {
    flex: 1;
    text-align: center;
}
.lh-column-h3 {
    font-size: 16px;
    color: #403A35;
    margin: 0 0 6px;
    font-weight: 600;
    border: none !important;
    padding: 0;
    background: none;
    text-align: center;
}
.lh-column-desc {
    font-size: 13px;
    color: #666666;
    margin: 0 0 8px;
    line-height: 1.5;
    text-align: center;
}
.lh-column-btn {
    display: inline-block;
    font-size: 12.5px;
    color: #B89D73;
    font-weight: bold;
    text-decoration: none !important;
    padding: 4px 12px;
    border-radius: 4px;
    background: #ffffff;
    transition: all 0.2s;
}
.lh-column-btn:hover {
    background: #B89D73;
    color: #ffffff !important;
}

/* FAQ */
.lh-faq-item {
    background: #ffffff;
    margin-bottom: 12px;
    border-radius: 4px;
    overflow: hidden;
    text-align: center;
}
.lh-faq-q {
    background-color: #F3EFE5;
    padding: 14px 40px 14px 20px;
    font-weight: 600;
    font-size: 15px;
    cursor: pointer;
    list-style: none;
    position: relative;
    user-select: none;
    text-align: center;
}
.lh-faq-q::-webkit-details-marker {
    display: none;
}
.lh-faq-q::after {
    content: "＋";
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-weight: bold;
    color: #B89D73;
}
.lh-faq-item[open] .lh-faq-q::after {
    content: "－";
}
.lh-faq-a {
    padding: 18px 20px;
    font-size: 14px;
    margin: 0;
    line-height: 1.8;
    text-align: center;
}

/* アイコン用共通カラー設定 */
.lh-icon-gold {
    color: #B89D73;
    margin-right: 4px;
}

/* スマホ表示制御 */
@media (max-width: 767px) {
    .lh-wrap p,
    .lh-wrap h1,
    .lh-wrap h2,
    .lh-wrap h3,
    .lh-wrap li,
    .lh-wrap div,
    .lh-wrap span,
    .lh-column-content,
    .lh-reason-box,
    .lh-step-card,
    .lh-faq-q,
    .lh-faq-a {
        text-align: center !important;
    }

    .lh-column-card {
        flex-direction: column !important;
        text-align: center !important;
    }
    
    .lh-column-thumb {
        width: 100% !important;
        height: 140px !important;
        margin: 0 auto 10px auto !important;
    }

    .lh-reason-list ul {
        padding-left: 0 !important;
    }
}
</style>

<!-- ==========================================
     HTML（本文コンテンツ）
     ========================================== -->
<div class="lh-wrap">

    <!-- ヒーローエリア -->
    <div class="lh-section lh-section-bg lh-hero">
        <div class="lh-inner">
            <h1 class="lh-hero-h1">
                <span class="lh-nobrk">大切な不動産を、</span><span class="lh-nobrk">納得できる価格で。</span>
            </h1>
            <p style="font-size: 14px; margin: 0 0 25px; text-align: center;">
                <span class="lh-nobrk">地域密着だからできる丁寧な査定と</span><span class="lh-nobrk">確実な販売戦略。</span><br>
                <span class="lh-nobrk">あなたの売却を最後まで</span><span class="lh-nobrk">徹底サポートいたします。</span>
            </p>
            
            <div class="lh-badges">
                <span class="lh-badge"><i class="fa-solid fa-check lh-icon-gold"></i> 査定無料</span>
                <span class="lh-badge"><i class="fa-solid fa-check lh-icon-gold"></i> 売却しなくてもOK</span>
                <span class="lh-badge"><i class="fa-solid fa-check lh-icon-gold"></i> 秘密厳守</span>
                <span class="lh-badge"><i class="fa-solid fa-check" style="color:#8B2C2C; margin-right:4px;"></i> 最短即日査定</span>
            </div>

            <div style="text-align: center;">
                <a href="https://www.noahlivehome.jp/satei/" class="lh-cta-btn" aria-label="不動産の無料査定を依頼する">無料査定はこちら &rarr;</a>
            </div>
        </div>
    </div>

    <!-- 選ばれる理由 -->
    <div class="lh-section">
        <div class="lh-inner">
            <h2 class="lh-title">当社が不動産売却で選ばれる理由</h2>
            <div class="lh-title-border"></div>
            
            <div class="lh-reason-box">
                <h3 class="lh-reason-h3">
                    <span class="lh-nobrk">一件一件を大切に。</span><br>
                    <span class="lh-nobrk">「見せ方」と「熱量」で叶える</span><span class="lh-nobrk">最高値売却</span>
                </h3>
                
                <div class="lh-reason-list">
                    <ul>
                        <li><i class="fa-solid fa-check lh-icon-gold"></i> 大手も地域密着も、SUUMOやレインズなど「物件掲載先」は同じ</li>
                        <li><i class="fa-solid fa-check lh-icon-gold"></i> 差が出るのは「見せ方」「販売戦略」「担当者の熱量」</li>
                        <li><i class="fa-solid fa-check lh-icon-gold"></i> 写真・文章・販売戦略まで徹底的にこだわり最高値を狙います</li>
                    </ul>
                </div>

                <div style="font-size: 14px; text-align: center; line-height: 1.8;">
                    <p style="margin: 0; text-align: center;">
                        <span class="lh-nobrk">大手・地域密着にかかわらず、</span><span class="lh-nobrk">不動産ポータルサイトの仕組みは同じです。</span><br>
                        <span class="lh-nobrk">私たちが重視するのは、</span><span class="lh-nobrk">大切なマイホームの魅力を一文字・一枚の写真までこだわり抜き、</span><span class="lh-nobrk">売主様の想いに寄り添った「最高条件での成約」を</span><span class="lh-nobrk">全力で実現することです。</span>
                    </p>
                </div>
            </div>
        </div>
    </div>

    <!-- 売却の流れ -->
    <div class="lh-section lh-section-bg">
        <div class="lh-inner">
            <h2 class="lh-title">売却完了までの4つのステップ</h2>
            <div class="lh-title-border"></div>
            <p class="lh-lead">
                <span class="lh-nobrk">お問い合わせから引き渡し完了までの</span><span class="lh-nobrk">基本フローです。</span><br>
                <span class="lh-nobrk">シンプルで無駄のない進行を</span><span class="lh-nobrk">お約束します。</span>
            </p>
            
            <div class="lh-step-container">
                <div class="lh-step-card">
                    <div class="lh-step-icon"><i class="fa-solid fa-phone"></i></div>
                    <span class="lh-step-num">STEP 01</span>
                    <h3 class="lh-step-h3"><span class="lh-nobrk">無料相談・</span><span class="lh-nobrk">ヒアリング</span></h3>
                    <p class="lh-step-desc">売却前の段階でも大歓迎。ご事情やご希望時期を詳しく伺います。</p>
                </div>
                <div class="lh-step-card">
                    <div class="lh-step-icon"><i class="fa-solid fa-house"></i></div>
                    <span class="lh-step-num">STEP 02</span>
                    <h3 class="lh-step-h3"><span class="lh-nobrk">物件査定・</span><span class="lh-nobrk">価格提示</span></h3>
                    <p class="lh-step-desc">物件状況と周辺市場データを徹底検証し適正価格をご提示。</p>
                </div>
                <div class="lh-step-card">
                    <div class="lh-step-icon"><i class="fa-solid fa-bullhorn"></i></div>
                    <span class="lh-step-num">STEP 03</span>
                    <h3 class="lh-step-h3"><span class="lh-nobrk">売却活動・</span><span class="lh-nobrk">条件交渉</span></h3>
                    <p class="lh-step-desc">ポータル等で広く販売開始。購入希望者との細かな交渉を仲介。</p>
                </div>
                <div class="lh-step-card">
                    <div class="lh-step-icon"><i class="fa-solid fa-handshake"></i></div>
                    <span class="lh-step-num">STEP 04</span>
                    <h3 class="lh-step-h3"><span class="lh-nobrk">ご契約・</span><span class="lh-nobrk">お引き渡し</span></h3>
                    <p class="lh-step-desc">買主様との売買契約から残金決済・鍵のお引き渡しまで伴走します。</p>
                </div>
            </div>
        </div>
    </div>

    <!-- 3つの媒介契約 -->
    <div class="lh-section">
        <div class="lh-inner">
            <h2 class="lh-title">不動産売却を依頼する<br class="sp-only">「3つの媒介契約」</h2>
            <div class="lh-title-border"></div>
            
            <div class="lh-point-box">
                <h3 style="margin: 0 0 10px; font-size: 15.5px; font-weight: bold; text-align: center; border:none !important;">
                    <i class="fa-regular fa-lightbulb lh-icon-gold"></i> 契約選びに迷ったら
                </h3>
                <p style="margin: 0 0 8px; font-size: 14px; text-align: center;">
                    <span class="lh-nobrk">最も選ばれているのは<strong>専任媒介契約</strong>です。</span>
                    <span class="lh-nobrk">複数社に頼みたいなら「一般媒介」、</span><span class="lh-nobrk">1社へ完全にお任せしたいなら「専属専任媒介」など</span><span class="lh-nobrk">ご事情に合わせてお選びいただけます。</span>
                </p>
            </div>

            <div class="lh-table-wrapper">
                <table class="lh-table">
                    <thead>
                        <tr>
                            <th style="width: 22%;">比較項目</th>
                            <th>専任媒介契約</th>
                            <th>専属専任媒介契約</th>
                            <th>一般媒介契約</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td class="lh-table-label">依頼できる会社数</td>
                            <td><strong>1社限定</strong></td>
                            <td><strong>1社限定</strong></td>
                            <td><strong>複数の会社</strong></td>
                        </tr>
                        <tr>
                            <td class="lh-table-label">自己発見取引</td>
                            <td><strong>可能</strong></td>
                            <td><strong>不可</strong></td>
                            <td><strong>可能</strong></td>
                        </tr>
                        <tr>
                            <td class="lh-table-label">レインズ登録</td>
                            <td>7日以内</td>
                            <td>5日以内</td>
                            <td>義務なし</td>
                        </tr>
                        <tr>
                            <td class="lh-table-label">報告頻度</td>
                            <td>2週間に1回以上</td>
                            <td>1週間に1回以上</td>
                            <td>義務なし</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <!-- 解説コラム -->
    <div class="lh-section lh-section-bg">
        <div class="lh-inner">
            <h2 class="lh-title">もっと詳しく知りたい方へ<br class="sp-only">（解説コラム）</h2>
            <div class="lh-title-border"></div>
            <p class="lh-lead">不動産売却に関する重要知識を専門記事で詳しく解説しています。</p>
            
            <div style="max-width: 800px; margin: 0 auto;">
                <div class="lh-column-card">
                    <img src="//cdn.img-asp.jp/cms/818932_2_0_0_1.jpg" alt="必要書類の一覧" loading="lazy" decoding="async" width="120" height="80" class="lh-column-thumb">
                    <div class="lh-column-content">
                        <h3 class="lh-column-h3"><i class="fa-regular fa-file-lines lh-icon-gold"></i> 必要書類の一覧</h3>
                        <p class="lh-column-desc">売却登記に必要となる権利証や身分証明、印鑑証明等の重要リスト。</p>
                        <a href="https://www.noahlivehome.jp/blog/entry-819400/" class="lh-column-btn">記事を見る &rarr;</a>
                    </div>
                </div>

                <div class="lh-column-card">
                    <img src="//cdn.img-asp.jp/cms/818932_3_0_0_1.jpg" alt="ローン残債と売却" loading="lazy" decoding="async" width="120" height="80" class="lh-column-thumb">
                    <div class="lh-column-content">
                        <h3 class="lh-column-h3"><i class="fa-solid fa-building-columns lh-icon-gold"></i> ローン残債と売却</h3>
                        <p class="lh-column-desc">売却代金での一括返済フローや、不足時の対処法（住み替えローン等）。</p>
                        <a href="https://www.noahlivehome.jp/blog/entry-819404/" class="lh-column-btn">記事を見る &rarr;</a>
                    </div>
                </div>

                <div class="lh-column-card">
                    <img src="//cdn.img-asp.jp/cms/818932_4_0_0_1.jpg" alt="売却費用・諸経費" loading="lazy" decoding="async" width="120" height="80" class="lh-column-thumb">
                    <div class="lh-column-content">
                        <h3 class="lh-column-h3"><i class="fa-solid fa-sack-dollar lh-icon-gold"></i> 売却費用・諸経費</h3>
                        <p class="lh-column-desc">仲介手数料、印紙税、登記抹消費用など手残りに関わるコスト解説。</p>
                        <a href="https://www.noahlivehome.jp/blog/entry-819414/" class="lh-column-btn">記事を見る &rarr;</a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- FAQ -->
    <div class="lh-section">
        <div class="lh-inner">
            <h2 class="lh-title">不動産売却でよくある質問<br class="sp-only">（FAQ）</h2>
            <div class="lh-title-border"></div>
            
            <div style="max-width: 800px; margin: 0 auto;">
                <details class="lh-faq-item" open>
                    <summary class="lh-faq-q"><span class="lh-badge-gold">Q.</span> 不動産の査定を依頼したら、必ず売却しなければなりませんか？</summary>
                    <div class="lh-faq-a"><span class="lh-badge-red">A.</span> いいえ、査定は無料です。売却を強制することは一切ございません。「今の価値を知りたい」「将来に備えて親族で話し合う材料にしたい」といったご依頼も大歓迎です。</div>
                </details>

                <details class="lh-faq-item">
                    <summary class="lh-faq-q"><span class="lh-badge-gold">Q.</span> 大手不動産会社とこちらの会社では、売却活動にどんな違いがありますか？</summary>
                    <div class="lh-faq-a"><span class="lh-badge-red">A.</span> 物件情報を掲載するシステム（SUUMOやレインズ等）は共通ですので、情報拡散の規模に差はありません。違いは、一件一件にかけられる熱量と丁寧な販売資料の作り込みです。</div>
                </details>

                <details class="lh-faq-item">
                    <summary class="lh-faq-q"><span class="lh-badge-gold">Q.</span> 周囲に知られずに家やマンションを売却することは可能ですか？</summary>
                    <div class="lh-faq-a"><span class="lh-badge-red">A.</span> 可能です。ネット広告やチラシ掲載を一切行わず、当社の既存の購入希望者や提携している不動産投資家へ直接個別にアプローチする「非公開売却」にて対応いたします。</div>
                </details>

                <details class="lh-faq-item">
                    <summary class="lh-faq-q"><span class="lh-badge-gold">Q.</span> 古い一戸建てですが、リフォームしてから売り出した方が良いですか？</summary>
                    <div class="lh-faq-a"><span class="lh-badge-red">A.</span> 原則、リフォームせずにそのままの売り出しをお勧めします。昨今は購入後に自身でリノベーションしたい買主様が多いため、価格を下げた現況渡しの方が早期成約になりやすいです。</div>
                </details>
            </div>
        </div>
    </div>

    <!-- 下部CTA -->
    <div class="lh-section lh-section-bg" style="text-align: center; padding: 60px 0;">
        <div class="lh-inner">
            <h2 class="lh-title">不動産売却・査定のご相談窓口</h2>
            <div class="lh-title-border"></div>
            <p class="lh-lead">
                <span class="lh-nobrk">「まずはいくらになるか知りたい」</span><span class="lh-nobrk">「売却の手順を相談したい」など、</span><br>
                <span class="lh-nobrk">どうぞお気軽にお問い合わせください。</span>
            </p>
            
            <div class="lh-badges" style="margin-bottom: 30px;">
                <span class="lh-badge"><i class="fa-solid fa-check lh-icon-gold"></i> 相談だけでも歓迎</span>
                <span class="lh-badge"><i class="fa-solid fa-check lh-icon-gold"></i> 強引な営業は一切ありません</span>
                <span class="lh-badge"><i class="fa-solid fa-check lh-icon-gold"></i> 査定後の売却義務なし</span>
                <span class="lh-badge"><i class="fa-solid fa-check lh-icon-gold"></i> 秘密厳守</span>
                <span class="lh-badge"><i class="fa-solid fa-check lh-icon-gold"></i> 査定無料</span>
            </div>

            <div>
                <a href="https://www.noahlivehome.jp/satei/" class="lh-cta-btn" aria-label="不動産の無料査定を依頼する">1分で無料査定を依頼する &rarr;</a>
                <p style="font-size: 12.5px; margin: 15px 0 0; font-weight: 600; opacity: 0.85; text-align: center;">
                    ※売却するかどうかは、査定結果を見てからご自由に判断いただけます。
                </p>
            </div>
        </div>
    </div>

</div>]]></description>
            <pubDate>2026-06-16</pubDate>
        </item>
                
        <item>
            <title>不動産売却の必要書類一覧　　決済・登記で必要な書類をわかりやすく解説</title>
            <link>https://www.noahlivehome.jp/blog/entry-819400/</link>
            <description><![CDATA[


  <div class="ielove-blog-container">
    <style>
        /* 全体コンテナ */
        .ielove-blog-container {
            font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
            line-height: 1.7;
            color: #333333;
            max-width: 100%;
            margin: 0 auto;
            padding: 5px;
            box-sizing: border-box;
        }

        /* 見出しデザイン */
        .ielove-blog-container h2 {
            font-size: 1.2rem;
            color: #486b5a;
            background-color: #f4f8f4;
            padding: 12px 15px;
            border-left: 5px solid #769b86;
            margin-top: 35px;
            margin-bottom: 20px;
            font-weight: bold;
        }

        .ielove-blog-container h3 {
            font-size: 1.05rem;
            color: #486b5a;
            border-bottom: 2px solid #769b86;
            padding-bottom: 6px;
            margin-top: 25px;
            margin-bottom: 15px;
            font-weight: bold;
        }

        .ielove-blog-container p {
            font-size: 0.9rem;
            margin-bottom: 18px;
            color: #333;
        }

        .ielove-blog-container p.lead {
            font-size: 0.95rem;
            margin-bottom: 20px;
            color: #444;
        }

        /* 注意書き・ワンポイント */
        .ielove-blog-container .note-box {
            background-color: #fff9e6;
            border: 1px solid #ffe599;
            padding: 12px 15px;
            border-radius: 6px;
            font-size: 0.85rem;
            margin-bottom: 25px;
            color: #555555;
        }

        /* 強調テキスト */
        .ielove-blog-container .text-alert {
            color: #e60012;
            font-weight: bold;
        }
        .ielove-blog-container .text-primary {
            color: #486b5a;
            font-weight: bold;
        }

        /* バッジスタイル */
        .ielove-blog-container .badge {
            display: inline-block;
            padding: 2px 6px;
            font-size: 0.75rem;
            font-weight: bold;
            color: #ffffff;
            border-radius: 4px;
            white-space: nowrap;
        }
        .ielove-blog-container .badge-required {
            background-color: #e60012; /* 必須：赤 */
        }
        .ielove-blog-container .badge-conditional {
            background-color: #f59e0b; /* 条件付き・推奨：オレンジ */
        }
        .ielove-blog-container .badge-optional {
            background-color: #6b7280; /* 任意・あると便利：グレー */
        }

        /* テーブルスタイル（PC向け） */
        .ielove-blog-container .document-table {
            width: 100%;
            border-collapse: collapse;
            margin-bottom: 30px;
            font-size: 0.88rem;
            table-layout: fixed;
        }

        .ielove-blog-container .document-table th {
            background-color: #eaf4ff;
            color: #486b5a;
            font-weight: bold;
            border: 1px solid #cccccc;
            padding: 10px;
            text-align: left;
        }

        .ielove-blog-container .document-table td {
            border: 1px solid #cccccc;
            padding: 12px 10px;
            vertical-align: top;
            word-wrap: break-word;
        }

        .ielove-blog-container .document-table td.doc-name {
            background-color: #fcfdfe;
            font-weight: bold;
            color: #333333;
        }

        .ielove-blog-container .document-table td.doc-target {
            color: #555555;
            font-size: 0.85rem;
        }

        .ielove-blog-container .mobile-target-label {
            display: none; /* PCでは非表示 */
        }

        /* Q&A・注意書きボックス */
        .ielove-blog-container .qa-item {
            background-color: #ffffff;
            border: 1px solid #e0e0e0;
            border-left: 4px solid #486b5a;
            padding: 12px 15px;
            margin-bottom: 15px;
            border-radius: 0 6px 6px 0;
        }

        .ielove-blog-container .info-box {
            background-color: #f4f8f4;
            border: 1px solid #d2e3d8;
            border-left: 5px solid #769b86;
            padding: 15px;
            border-radius: 6px;
            margin-top: 30px;
            margin-bottom: 25px;
        }
        .ielove-blog-container .info-box .title {
            font-weight: bold;
            color: #486b5a;
            margin-bottom: 6px;
            font-size: 0.95rem;
        }

        /* 専門性・注記テキスト */
        .ielove-blog-container .disclaimer-text {
            font-size: 0.78rem;
            color: #666666;
            margin-top: 20px;
            padding: 10px;
            background-color: #f9f9f9;
            border-radius: 4px;
        }

        /* スマホ向け（600px以下）の表スタイル最適化（カード型へ変換） */
        @media screen and (max-width: 600px) {
            .ielove-blog-container .document-table,
            .ielove-blog-container .document-table thead,
            .ielove-blog-container .document-table tbody,
            .ielove-blog-container .document-table th,
            .ielove-blog-container .document-table td,
            .ielove-blog-container .document-table tr {
                display: block;
                width: 100% !important;
                box-sizing: border-box;
            }

            /* テーブルヘッダーを非表示 */
            .ielove-blog-container .document-table thead {
                display: none;
            }

            /* 1行（1つの書類）をカード状のブロックにする */
            .ielove-blog-container .document-table tr {
                margin-bottom: 15px;
                border: 1px solid #d2e3d8;
                border-radius: 6px;
                overflow: hidden;
                box-shadow: 0 2px 4px rgba(0,0,0,0.03);
                background-color: #ffffff;
            }

            /* 1セル目（書類名・バッジ） */
            .ielove-blog-container .document-table td.doc-name {
                background-color: #f4f8f4;
                border: none;
                border-bottom: 1px solid #e0e0e0;
                padding: 10px 12px;
                font-size: 0.95rem;
                display: flex;
                justify-content: space-between;
                align-items: center;
            }

            /* 2セル目（対象者） */
            .ielove-blog-container .document-table td.doc-target {
                border: none;
                border-bottom: 1px dashed #e8e8e8;
                padding: 6px 12px;
                font-size: 0.8rem;
                background-color: #fafafa;
            }
            .ielove-blog-container .mobile-target-label {
                display: inline-block;
                font-weight: bold;
                color: #486b5a;
                margin-right: 5px;
            }

            /* 3セル目（詳細解説） */
            .ielove-blog-container .document-table td:nth-child(3) {
                border: none;
                padding: 10px 12px;
                font-size: 0.85rem;
                line-height: 1.6;
            }
        }
    </style>

    <!-- 導入部分（タイトルの視認性とクリック率を意識したH2） -->
    <h2>不動産売却に必要な書類一覧　　<br class="sp-only"> 契約時・決済時に必要なものを解説</h2>
    <p class="lead">
        不動産売却を進めるにあたっては、<strong>売買契約時</strong>や<strong>決済・引き渡し時</strong>にさまざまな<strong>必要書類</strong>を用意しなければなりません。必要書類は物件の種類（戸建て・マンション・土地）や所有状況によって異なる場合もありますが、事前にしっかり準備しておくことで<strong>不動産売却</strong>の手続きをスムーズに進めることができます。
    </p>

    <!-- 査定時の注記（離脱防止） -->
    <div class="note-box">
        ※この記事では主に「売買契約時」と「決済・引き渡し時」に必要な書類を分かりやすくご紹介しています。<br>
        <strong>なお、机上査定や訪問査定の段階（査定時）</strong>であれば、「固定資産税納税通知書」や「間取り図（図面）」などがお手元にあると査定が大変スムーズになります。
    </div>

    <!-- 1. 売買契約時に必要な書類 -->
    <h2>1. 【売買契約時】必要な書類・準備事項</h2>
    <p>買主様と正式に売買契約を結ぶ際に必要な書類です。不動産会社が用意する書類へのご記入や、お手元にある資料の確認を行います。</p>

    <table class="document-table">
        <thead>
            <tr>
                <th style="width: 32%;">必要書類・準備物</th>
                <th style="width: 23%;">対象・必要度</th>
                <th style="width: 45%;">詳細解説・ポイント</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td class="doc-name">
                    <span>本人確認書類</span>
                    <span class="badge badge-required">必須</span>
                </td>
                <td class="doc-target">
                    <span class="mobile-target-label">対象：</span>全員
                </td>
                <td>
                    運転免許証、マイナンバーカード、パスポート等。売主様ご本人の確認に使用します。
                </td>
            </tr>
            <tr>
                <td class="doc-name">
                    <span>印鑑（実印または認印）</span>
                    <span class="badge badge-required">必須</span>
                </td>
                <td class="doc-target">
                    <span class="mobile-target-label">対象：</span>全員
                </td>
                <td>
                    売買契約書への捺印に使用します。契約時は認印でも可能な場合がありますが、実印をご用意いただくとよりスムーズです。
                </td>
            </tr>
            <tr>
                <td class="doc-name">
                    <span>設備表・物件状況確認書（告知書）</span>
                    <span class="badge badge-required">必須</span>
                </td>
                <td class="doc-target">
                    <span class="mobile-target-label">対象：</span>中古住宅・マンション
                </td>
                <td>
                    <span class="text-primary">用紙は当社（不動産会社）でご用意いたします。</span>媒介契約時などに設備の有無や過去の雨漏り等の状況をご記入いただき、買主様へ正確に提示します。
                </td>
            </tr>
            <tr>
                <td class="doc-name">
                    <span>固定資産税納税通知書（課税明細書）</span>
                    <span class="badge badge-required">必須</span>
                </td>
                <td class="doc-target">
                    <span class="mobile-target-label">対象：</span>全員
                </td>
                <td>
                    公租公課（固定資産税・都市計画税）の分担金を算出・確認するためにご提示いただきます。
                </td>
            </tr>
            <tr>
                <td class="doc-name">
                    <span>購入時の売買契約書・重要事項説明書</span>
                    <span class="badge badge-conditional">推奨</span>
                </td>
                <td class="doc-target">
                    <span class="mobile-target-label">対象：</span>全員
                </td>
                <td>
                    過去の取り決め事項や特約、境界の経緯などを確認するために使用します。
                </td>
            </tr>
            <tr>
                <td class="doc-name">
                    <span>建築確認済証・検査済証</span>
                    <span class="badge badge-conditional">条件付き</span>
                </td>
                <td class="doc-target">
                    <span class="mobile-target-label">対象：</span>戸建て・一棟など
                </td>
                <td>
                    お手元にあるか確認させていただき、お預かり・提示を行います。買主様の住宅ローン審査等でも確認が必要となります。
                </td>
            </tr>
            <tr>
                <td class="doc-name">
                    <span>建築図面・間取り図</span>
                    <span class="badge badge-optional">あると便利</span>
                </td>
                <td class="doc-target">
                    <span class="mobile-target-label">対象：</span>戸建て・リフォーム済
                </td>
                <td>
                    建物の構造やリフォーム履歴の提示用として、買主様へのアピール・説明に役立ちます。
                </td>
            </tr>
        </tbody>
    </table>

    <!-- 2. 決済・引き渡し時に必要な書類 -->
    <h2>2. 【決済・お引き渡し時】に必要な書類</h2>
    <p>残代金の受領と同時に物件（所有権）を移転する「決済日」当日に必要な書類です。名義変更登記を行うため、公的書類や権利証など厳重な書類が必要になります。</p>

    <table class="document-table">
        <thead>
            <tr>
                <th style="width: 32%;">必要書類</th>
                <th style="width: 23%;">対象・必要度</th>
                <th style="width: 45%;">詳細解説・ポイント</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td class="doc-name">
                    <span>権利証（登記識別情報）</span>
                    <span class="badge badge-required">必須</span>
                </td>
                <td class="doc-target">
                    <span class="mobile-target-label">対象：</span>全員
                </td>
                <td>
                    所有権移転登記のために司法書士へ提出します。再発行はできませんが、万が一紛失されている場合でも、多くの場合は<span class="text-primary">司法書士による「本人確認手続き」等を利用して問題なく売却できます。</span>
                </td>
            </tr>
            <tr>
                <td class="doc-name">
                    <span>印鑑証明書・実印</span>
                    <span class="badge badge-required">必須</span>
                </td>
                <td class="doc-target">
                    <span class="mobile-target-label">対象：</span>全員
                </td>
                <td>
                    登記申請書類に使用します。発行から3ヶ月以内、かつ<span class="text-primary">「決済日（引渡し日）時点で有効期限内であること」</span>が必要です。共有名義の場合は「共同売主様全員分」を用意します。
                </td>
            </tr>
            <tr>
                <td class="doc-name">
                    <span>本人確認書類</span>
                    <span class="badge badge-required">必須</span>
                </td>
                <td class="doc-target">
                    <span class="mobile-target-label">対象：</span>全員
                </td>
                <td>
                    決済当日に担当司法書士がご本人様確認を行います。運転免許証やマイナンバーカード等をご持参ください。
                </td>
            </tr>
            <tr>
                <td class="doc-name">
                    <span>ローン残高が確認できる書類</span>
                    <span class="badge badge-conditional">条件付き</span>
                </td>
                <td class="doc-target">
                    <span class="mobile-target-label">対象：</span>ローン残高がある方
                </td>
                <td>
                    返済予定表や残高証明書など。売却代金でローンを一括返済し、銀行の担保を外す<span class="text-primary">「抵当権抹消手続き」</span>を行うために事前に金融機関へ手配します。
                </td>
            </tr>
            <tr>
                <td class="doc-name">
                    <span>鍵一式・保証書・説明書</span>
                    <span class="badge badge-required">必須</span>
                </td>
                <td class="doc-target">
                    <span class="mobile-target-label">対象：</span>全員
                </td>
                <td>
                    物件の鍵（予備含む）や設備類の取扱説明書・保証書などを買主様へ引き渡します。
                </td>
            </tr>
            <tr>
                <td class="doc-name">
                    <span>耐震診断・性能評価・長期優良住宅関連</span>
                    <span class="badge badge-optional">あると便利</span>
                </td>
                <td class="doc-target">
                    <span class="mobile-target-label">対象：</span>対象認定物件
                </td>
                <td>
                    耐震診断報告書や認定通知書等がある場合、買主様の各種税制優遇（住宅ローン控除等）に適用されるため引き渡します。
                </td>
            </tr>
        </tbody>
    </table>

    <!-- 疑問解決Q&A -->
    <h2>不動産売却の必要書類に関するよくある質問（FAQ）</h2>

    <div class="qa-item">
        <p style="font-weight: bold; color: #486b5a; margin-bottom: 5px;">Q1. 権利証（登記識別情報）を失くしたら、もう売却できない？</p>
        <p style="margin: 0; font-size: 0.85rem;">
            <strong>A. 再発行はできませんが、問題なく売却可能です！</strong><br>
            権利証の法的な再発行はできませんが、担当の司法書士による「本人確認情報作成手続き」などを行うことで、権利証がなくても安全に名義変更や売却手続きを進められます。探しても見当たらない場合は、お早めにご相談ください。
        </p>
    </div>

    <div class="qa-item">
        <p style="font-weight: bold; color: #486b5a; margin-bottom: 5px;">Q2. 不動産売却に印鑑証明書は何通（何枚）必要？</p>
        <p style="margin: 0; font-size: 0.85rem;">
            <strong>A. 一般的には1通ですが、状況により追加で必要になる場合があります。</strong><br>
            基本的には所有権移転登記用に1通を用意します。ただし、抵当権抹消登記や住所変更登記などを同時に行う場合は追加で必要になることがあります。必要枚数は登記状況によって異なるため、担当の不動産会社や司法書士へ事前にご確認ください。
        </p>
    </div>

    <div class="qa-item">
        <p style="font-weight: bold; color: #486b5a; margin-bottom: 5px;">Q3. 印鑑証明書はコンビニで取得したものでも大丈夫？</p>
        <p style="margin: 0; font-size: 0.85rem;">
            <strong>A. コンビニ発行のものでも全く問題ありません。</strong><br>
            マイナンバーカードを利用してコンビニで取得した印鑑証明書も公的に有効です。ただし「発行から3ヶ月以内（かつ決済日当日に有効期間内であること）」の条件を満たしているかご確認ください。
        </p>
    </div>

    <div class="qa-item">
        <p style="font-weight: bold; color: #486b5a; margin-bottom: 5px;">Q4. 共有名義の場合、印鑑証明書や本人確認書類は全員分必要？</p>
        <p style="margin: 0; font-size: 0.85rem;">
            <strong>A. はい、共有名義者様全員分の書類が必要です。</strong><br>
            ご夫婦やご親族など共有名義になっている不動産を売却する場合、名義人全員が売主様となります。そのため印鑑証明書や実印、本人確認書類は全員分をご準備いただく必要があります。
        </p>
    </div>

    <div class="qa-item">
        <p style="font-weight: bold; color: #486b5a; margin-bottom: 5px;">Q5. 相続した実家を売却する場合も必要な書類は同じですか？</p>
        <p style="margin: 0; font-size: 0.85rem;">
            <strong>A. 基本書類に加えて「相続登記関連の書類」が必要になります。</strong><br>
            相続した不動産を売却するには、まず売主様への名義変更（相続登記）を完了させる必要があります。そのため遺産分割協議書や被相続人様（亡くなった方）の戸籍謄本などが別途必要となります。
        </p>
    </div>

    <div class="qa-item">
        <p style="font-weight: bold; color: #486b5a; margin-bottom: 5px;">Q6. 固定資産税納税通知書が見つからない時はどうすればいい？</p>
        <p style="margin: 0; font-size: 0.85rem;">
            <strong>A. 市区町村の役所で「固定資産評価証明書」を取得すれば代用できます。</strong><br>
            誤って処分してしまった場合でも、役所の税務窓口で評価証明書を発行してもらうことで代用が可能です。司法書士や不動産会社が取得を代行することもできます。
        </p>
    </div>

    <!-- お問合せ誘導・補足注意書き -->
    <div class="info-box">
        <div class="title"> 不明な点は担当スタッフへお気軽にご相談ください</div>
        <p style="margin: 0; font-size: 0.82rem; line-height: 1.6; color: #444;">
            必要な書類の種類や記入方法について不安な点がございましたら、事前に担当スタッフへお気軽にお尋ねください。必要書類の発行手配から記入のアドバイスまで、スムーズなご売却に向けてサポートいたします！
        </p>
    </div>

    <!-- E-E-A-T（専門性・信頼性）免責注記 -->
    <div class="disclaimer-text">
        ※必要書類や手続方法は、物件の種類・土地の権利関係・登記状況等によって異なる場合があります。詳細につきましては、担当の不動産会社および担当司法書士へご確認ください。
    </div>
</div>]]></description>
            <pubDate>2026-06-15</pubDate>
        </item>
                
        <item>
            <title>不動産売却の諸経費はいくら？手残り資金の計算方法とローン完済のステップ</title>
            <link>https://www.noahlivehome.jp/blog/entry-819414/</link>
            <description><![CDATA[<div class="ielove-blog-container">
    <style>
        /* イエラブブログ内でのバッティングを防ぐため、独自クラスでカプセル化 */
        .ielove-blog-container {
            font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
            line-height: 1.8;
            color: #333333;
            max-width: 100%;
            margin: 0 auto;
            padding: 10px;
            box-sizing: border-box;
        }

        /* セクション見出し（安心感のある深みのあるグリーン） */
        .ielove-blog-container h2 {
            font-size: 1.2rem;
            color: #486b5a;
            background-color: #f4f8f4;
            padding: 12px 15px;
            border-left: 5px solid #769b86;
            margin-top: 30px;
            margin-bottom: 20px;
            font-weight: bold;
        }

        .ielove-blog-container h3 {
            font-size: 1.1rem;
            color: #486b5a;
            margin-top: 25px;
            margin-bottom: 15px;
            border-bottom: 2px solid #769b86;
            padding-bottom: 5px;
            font-weight: bold;
        }

        .ielove-blog-container p.lead {
            font-size: 0.95rem;
            margin-bottom: 25px;
            color: #444;
        }

        /* 赤の強調テキスト（注意喚起用） */
        .ielove-blog-container .text-alert {
            color: #e60012;
            font-weight: bold;
        }

        /* グリーンの強調テキスト（重要ポイント用） */
        .ielove-blog-container .text-primary {
            color: #486b5a;
            font-weight: bold;
        }

        /* お役立ち情報ボックス（やさしいグリーンデザイン） */
        .ielove-blog-container .info-box {
            background-color: #f4f8f4;
            border: 1px solid #d2e3d8;
            border-left: 5px solid #769b86;
            padding: 15px;
            border-radius: 8px;
            margin-bottom: 25px;
        }
        .ielove-blog-container .info-box .title {
            font-weight: bold;
            color: #486b5a;
            margin-bottom: 8px;
            font-size: 0.95rem;
            display: flex;
            align-items: center;
        }

        /* Q&A アコーディオン風・リストスタイル */
        .ielove-blog-container .faq-section {
            margin-top: 35px;
            margin-bottom: 30px;
        }
        .ielove-blog-container .faq-item {
            background-color: #ffffff;
            border: 1px solid #d2e3d8;
            border-radius: 8px;
            margin-bottom: 15px;
            padding: 15px;
            box-shadow: 0 2px 5px rgba(0,0,0,0.03);
        }
        .ielove-blog-container .faq-question {
            font-weight: bold;
            color: #486b5a;
            font-size: 1rem;
            margin-bottom: 8px;
            display: flex;
            align-items: flex-start;
        }
        .ielove-blog-container .faq-question::before {
            content: "Q";
            background-color: #486b5a;
            color: #ffffff;
            font-size: 0.85rem;
            font-weight: bold;
            border-radius: 4px;
            padding: 2px 8px;
            margin-right: 10px;
            flex-shrink: 0;
        }
        .ielove-blog-container .faq-answer {
            font-size: 0.9rem;
            color: #444;
            line-height: 1.7;
            display: flex;
            align-items: flex-start;
            margin: 0;
        }
        .ielove-blog-container .faq-answer::before {
            content: "A";
            background-color: #ff9100;
            color: #ffffff;
            font-size: 0.85rem;
            font-weight: bold;
            border-radius: 4px;
            padding: 2px 8px;
            margin-right: 10px;
            flex-shrink: 0;
        }

        /* CTA問い合わせボックス（グリーン太枠・目立つデザイン） */
        .ielove-blog-container .cta-box {
            background-color: #ffffff;
            border: 3px solid #769b86;
            padding: 18px;
            border-radius: 10px;
            margin-top: 35px;
            margin-bottom: 25px;
            box-shadow: 0 4px 12px rgba(72, 107, 90, 0.1);
        }
        .ielove-blog-container .cta-box .cta-title {
            font-weight: bold;
            color: #486b5a;
            font-size: 1.1rem;
            margin-bottom: 12px;
            text-align: center;
            border-bottom: 1px dashed #d2e3d8;
            padding-bottom: 10px;
        }
        .ielove-blog-container .cta-box ul {
            margin: 15px 0;
            padding-left: 20px;
        }
        .ielove-blog-container .cta-box li {
            font-size: 0.9rem;
            margin-bottom: 6px;
            color: #333;
        }

        /* 超極上＆圧倒的に目立つ「問い合わせボタン」のデザイン */
        .ielove-blog-container .cta-button-container {
            text-align: center;
            margin: 25px 0 10px 0;
            padding: 0 10px;
        }

        .ielove-blog-container .cta-button {
            display: inline-block;
            width: 100%;
            max-width: 450px;
            background: linear-gradient(135deg, #ff9100 0%, #ff5d00 50%, #e04400 100%);
            color: #ffffff !important;
            font-weight: 800;
            font-size: 1.05rem;
            text-align: center;
            padding: 16px 20px;
            border-radius: 50px;
            text-decoration: none !important;
            box-shadow: 0 6px 20px rgba(255, 93, 0, 0.4);
            text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
            border: 2px solid #ffffff;
            box-sizing: border-box;
            transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
            position: relative;
            overflow: hidden;
            line-height: 1.4;
        }

        .ielove-blog-container .cta-button::after {
            content: ' ▶';
            font-size: 0.9rem;
            margin-left: 5px;
            display: inline-block;
            transition: transform 0.3s ease;
        }

        .ielove-blog-container .cta-button:hover {
            background: linear-gradient(135deg, #ffa600 0%, #ff7300 50%, #ff5100 100%);
            transform: translateY(-3px) scale(1.02);
            box-shadow: 0 10px 25px rgba(255, 93, 0, 0.55);
        }

        .ielove-blog-container .cta-button:hover::after {
            transform: translateX(3px);
        }

        .ielove-blog-container .cta-button:active {
            transform: translateY(-1px) scale(1.01);
            box-shadow: 0 4px 12px rgba(255, 93, 0, 0.5);
        }

        /* テーブルスタイル：スマホ対応＆グリーンベース */
        .ielove-blog-container .comparison-table {
            width: 100%;
            border-collapse: collapse;
            margin-bottom: 25px;
            font-size: 0.85rem;
        }

        .ielove-blog-container .comparison-table th {
            display: none;
        }

        .ielove-blog-container .comparison-table tr {
            display: block;
            border: 2px solid #769b86;
            margin-bottom: 20px;
            border-radius: 8px;
            background: #fff;
            box-shadow: 0 2px 5px rgba(0,0,0,0.05);
            overflow: hidden;
        }

        .ielove-blog-container .comparison-table td {
            display: block;
            border: none;
            padding: 10px 15px;
            box-sizing: border-box;
        }

        .ielove-blog-container .comparison-table td.option-name {
            font-weight: bold;
            color: #ffffff;
            font-size: 1.05rem;
            background-color: #486b5a;
            padding: 12px 15px;
        }

        .ielove-blog-container .comparison-table td.target::before {
            content: "【費用の目安】";
            display: block;
            font-weight: bold;
            color: #486b5a;
            font-size: 0.8rem;
            margin-bottom: 3px;
        }

        .ielove-blog-container .comparison-table td.detail::before {
            content: "【コスト解説】";
            display: block;
            font-weight: bold;
            color: #486b5a;
            font-size: 0.8rem;
            margin-bottom: 5px;
        }

        /* 手残りシミュレーション（Step図：グリーンデザイン） */
        .ielove-blog-container .flow-container {
            margin-bottom: 30px;
        }

        .ielove-blog-container .flow-step {
            display: flex;
            flex-direction: column;
            background: #fff;
            border: 1px solid #d2e3d8;
            border-radius: 8px;
            margin-bottom: 15px;
            box-shadow: 0 2px 4px rgba(0,0,0,0.05);
            overflow: hidden;
        }

        .ielove-blog-container .step-num {
            background-color: #486b5a;
            color: #fff;
            font-weight: bold;
            font-size: 1rem;
            padding: 8px 15px;
            text-align: center;
        }

        .ielove-blog-container .step-content {
            padding: 15px;
        }

        .ielove-blog-container .step-title {
            font-weight: bold;
            font-size: 1rem;
            color: #486b5a;
            margin-bottom: 8px;
        }

        .ielove-blog-container .step-text {
            font-size: 0.85rem;
            margin: 0;
            color: #444;
            line-height: 1.7;
        }

        /* PC（タブレット以上）用のメディアクエリ：画面幅768px以上 */
        @media screen and (min-width: 768px) {
            .ielove-blog-container {
                padding: 20px;
            }
            .ielove-blog-container h2 {
                font-size: 1.4rem;
                padding: 12px 20px;
            }
            .ielove-blog-container h3 {
                font-size: 1.2rem;
            }
            .ielove-blog-container p.lead {
                font-size: 1rem;
            }
            .ielove-blog-container .info-box {
                padding: 20px;
            }
            .ielove-blog-container .info-box .title {
                font-size: 1.05rem;
            }
            .ielove-blog-container .cta-box {
                padding: 25px;
            }
            .ielove-blog-container .cta-box .cta-title {
                font-size: 1.2rem;
            }
            .ielove-blog-container .cta-box li {
                font-size: 0.95rem;
            }
            .ielove-blog-container .cta-button {
                font-size: 1.15rem;
                padding: 18px 25px;
            }
            .ielove-blog-container .cta-button::after {
                font-size: 1.1rem;
            }
            .ielove-blog-container .flow-step {
                flex-direction: row;
            }
            .ielove-blog-container .step-num {
                width: 100px;
                display: flex;
                align-items: center;
                justify-content: center;
                flex-shrink: 0;
                font-size: 1.2rem;
            }
            .ielove-blog-container .step-title {
                font-size: 1.05rem;
            }
            .ielove-blog-container .step-text {
                font-size: 0.9rem;
            }
            .ielove-blog-container .comparison-table {
                display: table;
                font-size: 0.9rem;
            }
            .ielove-blog-container .comparison-table tr {
                display: table-row;
                border: none;
                background: none;
                box-shadow: none;
            }
            .ielove-blog-container .comparison-table th {
                display: table-cell;
                background-color: #486b5a;
                color: #ffffff;
                font-weight: bold;
                border: 1px solid #dddddd;
                padding: 12px;
                text-align: left;
            }
            .ielove-blog-container .comparison-table td {
                display: table-cell;
                border: 1px solid #dddddd;
                padding: 12px;
            }
            .ielove-blog-container .comparison-table td.option-name {
                width: 20%;
                color: #486b5a;
                background-color: #f4f8f4;
                border-bottom: 1px solid #dddddd;
                text-align: center;
                vertical-align: middle;
            }
            .ielove-blog-container .comparison-table td.target {
                width: 25%;
                vertical-align: middle;
            }
            .ielove-blog-container .comparison-table td.target::before,
            .ielove-blog-container .comparison-table td.detail::before {
                display: none;
            }
        }
    </style>

    <!-- 追加SEOセクション：ローン残債に関する解説 -->
    <h2>住宅ローンが残っている家でも売却できる？</h2>
    <p class="lead">
        「住宅ローンがまだ残っているけれど、家を売ることはできるのだろうか？」と悩まれる方は非常に多くいらっしゃいます。<br>
        結論から申し上げますと、<span class="text-primary">住宅ローンが残っていても家を売却することは十分に可能です。</span><br><br>
        ただし、売却時には不動産に設定されている「抵当権（担保）」を解除する必要があるため、原則として<strong>「売却代金」や「自己資金」を充当して住宅ローンを一括完済すること</strong>が条件となります。<br>
        売却にあたっては、事前に「現在のローン残高」と「マイホームがいくらで売れそうか」を正確に把握しておくことが最初の大切なステップとなります。
    </p>

    <!-- セクション3：売却費用・諸経費の詳細解説 -->
    <h2>3. 不動産売却にかかる諸経費と売却後の手残り資金を解説</h2>
    <p class="lead">
        不動産売却で多くの方が不安に感じるのが、<strong>「売ったあと、実際にいくら手元に残るのか」</strong>という点です。<br><br>
        売却価格から仲介手数料や登記費用、住宅ローンの返済などを差し引いた金額が、実際に自由に使える<strong class="text-primary">「手残り資金」</strong>となります。<br><br>
        事前に必要な費用を把握しておくことで、「思ったよりお金が残らなかった」という失敗を防ぐことができます。
    </p>

    <!-- 主な諸経費の比較テーブル -->
    <table class="comparison-table">
        <thead>
            <tr>
                <th>主な諸経費</th>
                <th>費用の目安</th>
                <th>詳細解説</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td class="option-name">仲介手数料</td>
                <td class="target">（売却価格 × 3% ＋ 6万円）＋ 消費税<br><small>※売買価格800万円超の場合の上限額です。</small></td>
                <td class="detail">
                    不動産会社に支払う営業活動・広告活動・契約実務への成功報酬です。物件の買主様を探すためのポータルサイト掲載料やチラシ作成費はすべてここに含まれるため、売却が成立しなかった場合は1円も支払う必要はありません。<br><br>
                    <span class="text-primary">【支払いのタイミング】</span><br>
                    当店では、原則として<strong>「決済・引き渡し時に一括」</strong>でのお支払いをお願いしております。<br><br>
                    一般的な不動産会社では「契約時に50％、決済時に50％」と2回に分けて支払うケースが多いですが、決済時一括であれば、売却代金（買主様から受け取る決済金）の中から直接支払うことができます。そのため、<strong>事前に手元から現金を一時的に持ち出す必要がなく、資金繰りに余裕を持たせた安心の売却活動を進めることが可能</strong>です。<br>
                    <small style="color: #666; display: block; margin-top: 5px;">※売買価格800万円超の場合の上限額です。800万円以下の物件には特例があります。</small>
                </td>
            </tr>
            <tr>
                <td class="option-name">印紙税<br>（国税）</td>
                <td class="target">契約金額によって異なります<br><small>（軽減措置適用時は1万円程度が多くなります）</small></td>
                <td class="detail">
                    買主様と交わす「不動産売買契約書」に対して課される国税です。契約書に署名捺印したあと、定められた金額の収入印紙を貼り付け、消印（割印）をすることで納税したとみなされます。<br><br>
                    契約金額（売却額）が1,000万円超〜5,000万円以下の場合は1万円、5,000万円超〜1億円以下の場合は3万円の印紙代がかかります。<br>
                    <small style="color: #666; display: block; margin-top: 3px;">※軽減措置適用期間中の税額です。</small><br>
                    万が一、印紙を貼付しなかった場合や適切に納税しなかった場合は、過怠税が課されることがあります。近年導入が進む「電子契約」を利用する場合は、紙の原本が発生しないため印紙税を<span class="text-primary">0円（非課税）</span>に抑えることができます。
                </td>
            </tr>
            <tr>
                <td class="option-name">登記費用<br>（抵当権抹消等）</td>
                <td class="target">1.5万円 〜 3万円程度<br><small>（登録免許税 ＋ 司法書士報酬）</small></td>
                <td class="detail">
                    不動産に設定されている「抵当権（金融機関の担保権）」を登記簿上から完全に消し去るための手続き費用です。住宅ローンが残っている家を売る際は、この登記を抹消して「抵当権のない状態」で買主様に引き渡す義務があります。<br><br>
                    税金（登録免許税）自体は、土地・建物それぞれ1個につき1,000円と安価です。しかし、決済当日に「売買代金の受領」「ローンの完済」「抵当権の抹消手続き」を分単位で確実に同時進行させる必要があるため、一般的には司法書士へ依頼します。そのため、司法書士への代行報酬（約1.5万〜2.5万円）が費用の大半を占めることになります。<br><br>
                    <span class="text-alert">【重要：住所変更がある場合】</span><br>
                    購入時（登記簿上）の住所から、お引っ越し等で現在の住民票の住所が変わっている場合は、前提条件として<strong>「所有権登記名義人住所変更登記」</strong>が別途必要になります。<br>
                    その場合、追加費用として<strong>【約1.5万円〜2.5万円程度】（登録免許税＋司法書士報酬）が加算</strong>されます。
                </td>
            </tr>
            <tr>
                <td class="option-name">一括返済手数料</td>
                <td class="target">無料 〜 5.5万円程度<br><small>（金融機関や返済方法によって異なります）</small></td>
                <td class="detail">
                    住宅ローンを最終返済日よりも前に、一括で繰り上げ返済する際に金融機関へ支払う事務手数料です。手数料の金額は、利用している金融機関や手続きの窓口ルートによって異なります。<br><br>
                    <strong>【手数料の目安】</strong><br>
                    ・<strong>ネット銀行やインターネット返済：</strong>無料〜数千円程度<br>
                    ・<strong>大手銀行や地方銀行の窓口：</strong>1.1万〜3.3万円程度<br>
                    ・<strong>一部の金融機関・フラット35以外のノンバンク等：</strong>5.5万円（または一括返済元金の数％）かかるケースもあります。<br><br>
                    <span class="text-primary">【隠れたメリット：保証料の戻り】</span><br>
                    保証料を一括前払いしている住宅ローンの場合、今回の売却に伴いローンを一括完済することで、<strong>短縮された期間に応じた「戻し保証料（保証料の返金）」を受け取れる可能性があります。</strong><br>
                    <small style="color: #666; display: block; margin-top: 3px;">※返金される額や有無は金融機関や経過年数によって異なりますが、想定外のプラスの手残りになるケースがあるため、あらかじめ借り入れ中の金融機関に確認しておくと安心です。</small>
                </td>
            </tr>
        </tbody>
    </table>

    <!-- お役立ちシミュレーション -->
    <h3> 「手残り資金」を割り出す具体的な2つのステップ</h3>
    <p class="lead">
        実際に手元に残るお金（手残り資金）は、以下の2段階の手順で算出します。
    </p>

    <div class="flow-container">
        <!-- Step 1 -->
        <div class="flow-step">
            <div class="step-num">Step 1</div>
            <div class="step-content">
                <div class="step-title">売却価格から諸経費を差し引き、実際の手残りを計算する</div>
                <p class="step-text">
                    例えば、自宅が<strong>3,000万円</strong>（想定売却価格）で売れると想定した場合、諸経費（仲介手数料や印紙税、登記費用など）として<strong>約100〜120万円</strong>が引かれます。この時点で、動かせる実質的な売却資金は<strong>約2,900万円</strong>となります。
                </p>
            </div>
        </div>

        <!-- Step 2 -->
        <div class="flow-step">
            <div class="step-num">Step 2</div>
            <div class="step-content">
                <div class="step-title">実質売却資金と住宅ローン残高を比較する</div>
                <p class="step-text">
                    残された「約2,900万円」と、現在の「住宅ローン残高」を突き合わせます。<br>
                    ・ローン残高が2,500万円の場合 ＝ <span class="text-primary">約400万円の手残り（黒字）が発生し、新居の購入資金や引越し代に自由に使えるお金となります。</span><br>
                    ・ローン残高が3,000万円の場合 ＝ <span class="text-alert">差し引き約100万円前後の不足（オーバーローン）となるため、原則として不足分を自己資金で補う必要がありますが、自己資金で補えない場合は任意売却などの方法を検討するケースもあります。</span>
                </p>
            </div>
        </div>
    </div>

    <!-- お役立ちアドバイスボックス -->
    <div class="info-box">
        <div class="title">売却益が出た場合にかかる税金について</div>
        <p style="margin: 0; font-size: 0.85rem; line-height: 1.7;">
            売却益（譲渡所得）が発生した場合には、翌年の確定申告で所得税や住民税を支払う必要があります。<br>
            ただし、ご自身が住んでいたマイホームを売却する場合は、<strong>要件を満たす場合は、「3,000万円特別控除」を利用できるため、多くのケースで税負担を大きく軽減できます。</strong><br>
            <small style="color: #666; display: block; margin-top: 3px;">※適用には所有期間や居住要件など一定の条件があります。</small><br>
            なお、一戸建ての「土地の境界確定（測量）」や、不要な家財を処分する「残置物撤去」など、状況に応じて個別で発生する費用や準備についても、物件に合わせて最適なアドバイスを行います。<br><br>
            「諸経費を引いた正確な手残りはいくらになる？」「我が家は特別控除を使える？」など、お金にまつわる疑問や不安は、売却から購入まで一貫してサポート可能な当店へぜひお気軽にご相談ください。
        </p>
    </div>

    <!-- SEO強化：よくある質問（Q&A）セクション -->
    <div class="faq-section">
        <h3>不動産売却の諸経費・お金に関するよくある質問（Q&A）</h3>

        <div class="faq-item">
            <div class="faq-question">ローンが残っていても売れますか？</div>
            <div class="faq-answer">
                <div>はい、売却可能です。売却代金でローンを一括返済できれば何の問題もありません。万が一売却代金だけではローンを返しきれない（オーバーローン）場合でも、自己資金を充当するか、買い替えローンや任意売却を活用して売却を進める方法があります。</div>
            </div>
        </div>

        <div class="faq-item">
            <div class="faq-question">手元に現金がなくても売却できますか？</div>
            <div class="faq-answer">
                <div>基本的には可能です。仲介手数料や登記費用などの主な諸経費は、売却が完了した際に入る売却代金から精算することができます。ただし、契約書に貼る印紙代（数千円〜数万円）など、一部事前に小額の現金が必要となるケースもありますので、事前に担当者にご相談ください。</div>
            </div>
        </div>

        <div class="faq-item">
            <div class="faq-question">査定だけでも相談できますか？</div>
            <div class="faq-answer">
                <div>もちろん可能です。「まだ売るか決めていない」「相場だけ知りたい」「住み替えできるか知りたい」というご相談も多くいただいています。査定のみでも費用はかかりませんので、お気軽にご相談ください。</div>
            </div>
        </div>

        <div class="faq-item">
            <div class="faq-question">売却代金はいつ入金されますか？</div>
            <div class="faq-answer">
                <div>一般的に「買主様との契約時（手付金：売買代金の5〜10%程度）」と、「決済・引き渡し時（残代金：残りの全額）」の2回に分けて入金されます。住宅ローンの完済や諸経費の清算は、最後の「決済・引き渡し時」に同時に行います。</div>
            </div>
        </div>

        <div class="faq-item">
            <div class="faq-question">仲介手数料はいつ払いますか？</div>
            <div class="faq-answer">
                <div>不動産会社によって異なりますが、当店では「決済・引き渡し時」の一括払いをおすすめしております。売却代金の中から直接支払えるため、事前にご自身のポケットマネーからまとまった現金を用意する必要がありません。</div>
            </div>
        </div>
    </div>

    <!-- 強化版 CTA問い合わせボックス -->
    <div class="cta-box">
        <div class="cta-title">売却後、手元にいくら残る？無料で確認できます</div>
        <p style="margin: 0; font-size: 0.9rem; line-height: 1.6; text-align: center; color: #444;">
            住宅ローンの残債処理や諸経費の計算は、物件の状況によって大きく異なります。<br>
            少しでも不安がある方は、まずプロへの事前相談から始めてみませんか？
        </p>
        <ul>
            <li><strong>住宅ローンが残っている</strong>が、スムーズに売却したい方</li>
            <li>売却と同時に別のマイホームへ<strong>住み替え（買い替え）を予定している</strong>方</li>
            <li><strong>相続した不動産</strong>を最適な方法で売却・整理したい方</li>
            <li>すべての経費を差し引いて、最終的に<strong>手元にいくら残るのか知りたい</strong>方</li>
        </ul>
        
        <!-- 問い合わせボタン（案2適用） -->
        <div class="cta-button-container">
            <a href="https://www.noahlivehome.jp/satei/" class="cta-button" target="_blank" rel="noopener noreferrer">
                今売ったらいくら残る？<br>無料で確認する
            </a>
        </div>
    </div>

</div>]]></description>
            <pubDate>2026-06-15</pubDate>
        </item>
                
        <item>
            <title>住宅ローンが残っていても家は売却できる？一括返済の流れと資金不足時の対処法</title>
            <link>https://www.noahlivehome.jp/blog/entry-819404/</link>
            <description><![CDATA[<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ローン残債がある不動産の売却方法と一括返済フロー</title>
<style>
    :root {
        --primary-color: #005bac;
        --secondary-color: #f4f7f9;
        --accent-color: #e60012;
        --text-color: #333333;
        --border-color: #dddddd;
        --success-color: #28a745;
    }

    body {
        font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
        line-height: 1.6;
        color: var(--text-color);
        background-color: #fff;
        margin: 0;
        padding: 20px;
    }

    .container {
        max-width: 900px;
        margin: 0 auto;
        padding: 20px;
    }

    h1 {
        font-size: 1.8rem;
        color: var(--primary-color);
        border-bottom: 3px solid var(--primary-color);
        padding-bottom: 10px;
        margin-bottom: 30px;
        text-align: center;
    }

    h2 {
        font-size: 1.4rem;
        color: var(--primary-color);
        background-color: var(--secondary-color);
        padding: 10px 15px;
        border-left: 5px solid var(--primary-color);
        margin-top: 40px;
        margin-bottom: 20px;
    }

    h3 {
        font-size: 1.15rem;
        color: var(--primary-color);
        margin-top: 25px;
        margin-bottom: 15px;
        border-bottom: 1px solid var(--border-color);
        padding-bottom: 5px;
    }

    p.lead {
        font-size: 1.05rem;
        margin-bottom: 30px;
        color: #555;
    }

    /* 警告・注意書きボックス */
    .alert-box {
        background-color: #fff5f5;
        border: 1px solid #fecdd3;
        border-left: 5px solid var(--accent-color);
        padding: 15px 20px;
        border-radius: 4px;
        margin-bottom: 30px;
    }
    .alert-box .title {
        font-weight: bold;
        color: var(--accent-color);
        margin-bottom: 5px;
    }

    /* 豆知識・ポイントボックス（CTA等） */
    .info-box {
        background-color: #f0f9ff;
        border: 1px solid #bae6fd;
        border-left: 5px solid var(--primary-color);
        padding: 20px;
        border-radius: 4px;
        margin-bottom: 30px;
    }
    .info-box .title {
        font-weight: bold;
        color: var(--primary-color);
        margin-bottom: 10px;
        font-size: 1.1rem;
    }

    /* フロー（ステップ）のスタイル */
    .flow-container {
        margin-bottom: 40px;
    }

    .flow-step {
        display: flex;
        background: #fff;
        border: 1px solid var(--border-color);
        border-radius: 6px;
        margin-bottom: 15px;
        box-shadow: 0 2px 4px rgba(0,0,0,0.05);
        overflow: hidden;
    }

    .step-num {
        background-color: var(--primary-color);
        color: #fff;
        font-weight: bold;
        font-size: 1.2rem;
        width: 80px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
    }

    .step-content {
        padding: 15px 20px;
        flex-grow: 1;
    }

    .step-title {
        font-weight: bold;
        font-size: 1.1rem;
        color: var(--primary-color);
        margin-bottom: 5px;
    }

    .step-text {
        font-size: 0.9rem;
        margin: 0;
        color: #555;
    }

    /* テーブルスタイル（PC基本設定） */
    .table-wrapper {
        width: 100%;
        margin-bottom: 30px;
    }

    .comparison-table {
        width: 100%;
        border-collapse: collapse;
        font-size: 0.95rem;
    }

    .comparison-table th, .comparison-table td {
        border: 1px solid var(--border-color);
        padding: 12px 15px;
        text-align: left;
        vertical-align: top;
    }

    .comparison-table th {
        background-color: #f2f2f2;
        color: #333;
        font-weight: bold;
        width: 25%;
    }

    .comparison-table td.option-name {
        font-weight: bold;
        color: var(--primary-color);
        width: 25%;
    }

    /* Q&Aスタイル */
    .faq-container {
        margin-bottom: 40px;
    }

    .faq-item {
        border: 1px solid var(--border-color);
        border-radius: 6px;
        margin-bottom: 15px;
        overflow: hidden;
    }

    .faq-question {
        background-color: var(--secondary-color);
        color: var(--primary-color);
        font-weight: bold;
        padding: 12px 15px;
        display: flex;
        align-items: center;
    }

    .faq-question::before {
        content: "Q";
        background-color: var(--primary-color);
        color: #fff;
        border-radius: 50%;
        width: 24px;
        height: 24px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        margin-right: 10px;
        font-size: 0.85rem;
        flex-shrink: 0;
    }

    .faq-answer {
        padding: 15px;
        background-color: #fff;
        font-size: 0.95rem;
        display: flex;
        align-items: flex-start;
    }

    .faq-answer::before {
        content: "A";
        background-color: var(--accent-color);
        color: #fff;
        border-radius: 50%;
        width: 24px;
        height: 24px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        margin-right: 10px;
        font-size: 0.85rem;
        flex-shrink: 0;
        margin-top: 2px;
    }

    /* お問い合わせボタンのスタイル */
    .cta-button-container {
        text-align: center;
        margin-top: 15px;
    }

    .btn-cta {
        display: inline-block;
        width: 100%;
        max-width: 400px;
        background-color: var(--success-color);
        color: #ffffff !important;
        text-decoration: none;
        padding: 12px 20px;
        border-radius: 50px;
        font-weight: bold;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
        transition: all 0.3s ease;
        box-sizing: border-box;
    }

    .btn-cta:hover {
        opacity: 0.9;
        transform: translateY(-2px);
        box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2);
    }

    .btn-sub {
        display: block;
        font-size: 0.8rem;
        font-weight: normal;
        margin-bottom: 2px;
    }

    .btn-main {
        display: block;
        font-size: 1.1rem;
    }

    /* レスポンシブ対応（スマホ対策） */
    @media screen and (max-width: 768px) {
        .flow-step {
            flex-direction: column;
        }
        .step-num {
            width: 100%;
            padding: 10px 0;
        }
        
        /* スマホ時のテーブル横スクロール化 */
        .table-wrapper {
            width: 100%;
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
            border: 1px solid var(--border-color);
            border-radius: 6px;
        }
        .comparison-table {
            min-width: 650px; /* スクロール発動用最小幅 */
        }
    }
</style>

<div class="container">

    <h1>ローン残債があっても売却は可能！<br>一括返済フローと資金不足時の対処法</h1>
    
    <p class="lead">
        「住宅ローンがまだ残っているけれど、家を売りたい」とお悩みの方は非常に多くいらっしゃいます。
        <strong>結論からお伝えすると、売却価格がローン残高を上回っていれば、通常通り売却可能です。</strong><br>
        ここでは、売却代金を用いた一括返済の流れと、万が一売却価格がローン残高に届かない（オーバーローン）場合の解決策を分かりやすく解説します。
    </p>

    <!-- 基本ルール -->
    <div class="alert-box">
        <div class="title">基本ルール：引渡しまでにローンを完済し、抵当権を抹消する</div>
        <p style="margin: 0; font-size: 0.9rem;">
            一般的な売買では、引渡しまでに抵当権を抹消した状態で引き渡します。<br>
            融資を行う金融機関も抵当権抹消を条件としているため、決済時にローンを完済して抵当権を抹消するのが実務の流れとなります。
        </p>
    </div>

    <!-- セクション1：一括返済の流れ -->
    <h2>1. 売却代金によるローン一括返済のステップ</h2>
    <p>売却代金を利用して、ローンを完済し、抵当権を抹消する一般的な取引の流れです。</p>

    <div class="flow-container">
        <!-- STEP 1 -->
        <div class="flow-step">
            <div class="step-num">STEP 1</div>
            <div class="step-content">
                <div class="step-title">ローン残高と売却査定価格の確認</div>
                <p class="step-text">金融機関から届く「返済予定表」やWebマイページで現在のローン残高を確認します。同時に、不動産会社に査定を依頼し、売却活動の目安となる「査定価格（想定される売却価格）」を算出します。</p>
            </div>
        </div>

        <!-- STEP 2 -->
        <div class="flow-step">
            <div class="step-num">STEP 2</div>
            <div class="step-content">
                <div class="step-title">売買契約の締結</div>
                <p class="step-text">買主様が見つかったら、売買契約を締結します。この際、手付金を受け取りますが、この時点ではまだ住宅ローンは完済しません。</p>
            </div>
        </div>

        <!-- STEP 3 -->
        <div class="flow-step">
            <div class="step-num">STEP 3</div>
            <div class="step-content">
                <div class="step-title">金融機関へ「一括返済」の申し込み</div>
                <p class="step-text">決済日（引き渡し日）が決まったら、ローンを借りている金融機関へ一括返済の連絡を行い、必要書類や手続きの手配を進めます。同時に、登記を担当する司法書士との調整も行います。</p>
            </div>
        </div>

        <!-- STEP 4 -->
        <div class="flow-step">
            <div class="step-num">STEP 4</div>
            <div class="step-content">
                <div class="step-title">決済・引き渡し（ローン完済・登記申請）</div>
                <p class="step-text">買主様から売買代金を受領し、その資金を利用して住宅ローンを完済します。<br>完済後は金融機関から抵当権抹消書類を受領し、司法書士が所有権移転登記と抵当権抹消登記を申請します。</p>
            </div>
        </div>
    </div>


    <!-- セクション2：資金が不足する場合の対処法 -->
    <h2>2. 売却価格がローン残高を下回る（オーバーローン）場合の対処法</h2>
    <p>売却価格がローン残高を下回る状態を「オーバーローン」と呼びます。この場合、不足分をどのように補うかによって選択肢が異なります。</p>

    <!-- 横スクロール用ラッパーで囲みスマホ崩れを防止 -->
    <div class="table-wrapper">
        <table class="comparison-table">
            <thead>
                <tr>
                    <th>対処法</th>
                    <th>こんな方におすすめ</th>
                    <th>概要・特徴</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td class="option-name">自己資金（貯蓄）で補填</td>
                    <td>手元に預貯金などの余裕がある方</td>
                    <td>最もシンプルで一般的な解決方法です。売却価格だけでは足りない不足分を、ご自身の預貯金などから持ち出して合算し、決済日にローンを完済します。</td>
                </tr>
                <tr>
                    <td class="option-name">住み替えローン<br>（買い替えローン）</td>
                    <td>売却後、新しく別のマイホームを購入する方</td>
                    <td>現在のローンの不足分と、新居を購入するための新規ローンを<strong>一つにまとめて借り入れる</strong>仕組みです。自己資金を抑えて住み替えが可能になりますが、借入総額が増えるため審査は厳しくなります。なお、売却と購入の決済日と同日に設定するケースが多くあります。</td>
                </tr>
                <tr>
                    <td class="option-name">フリーローン<br>（無担保ローン）</td>
                    <td>新居は賃貸にするが、どうしても今売却したい方</td>
                    <td>売却後に新しい家を購入しない（住宅ローンを組まない）場合、不足分を無担保のフリーローンなどで借り換えて完済する方法です。住宅ローンに比べ金利が高めに設定される傾向があります。なお、金融機関によっては利用できない場合があります。</td>
                </tr>
                <tr>
                    <td class="option-name">任意売却</td>
                    <td>ローンの返済が困難で、自己資金の補填もできない方</td>
                    <td>住宅ローンの返済が困難となり、このままでは競売となるおそれがある場合に、金融機関（債権者）の合意を得て抵当権を抹消し、売却する方法です。売却価格がローン残高を下回る場合でも売却できる可能性がありますが、売却後も返済しきれなかったローンは引き続き返済する必要があります。また、住宅ローンの返済を延滞している場合は、信用情報に影響が生じている、または生じる可能性があります。任意売却を検討される場合は、状況が悪化する前に、不動産会社や金融機関へ早めに相談することが重要です。</td>
                </tr>
            </tbody>
        </table>
    </div>

    <!-- セクション3：よくある質問（Q&A） -->
    <h2>3. ローン残債のある売却でよくある質問（Q&A）</h2>
    <div class="faq-container">
        <div class="faq-item">
            <div class="faq-question">売却代金でローンを完済できるか分からないのですが？</div>
            <div class="faq-answer">ご安心ください。不動産の査定価格と現在のローン残高を確認することで、完済できる可能性や不足額の目安を把握できます。まずは無料査定をご利用ください。</div>
        </div>
        <div class="faq-item">
            <div class="faq-question">ローン返済中でも査定はできますか？</div>
            <div class="faq-answer">はい、もちろん可能です。まずは現在の想定売却価格を把握することで、ローンを完済できるかどうかの判断がつきます。</div>
        </div>
        <div class="faq-item">
            <div class="faq-question">売却前に金融機関へ相談した方がいいですか？</div>
            <div class="faq-answer">売却の目安（査定価格）が分かってから相談するケースが一般的です。まずは不動産会社へ査定を依頼してみましょう。</div>
        </div>
        <div class="faq-item">
            <div class="faq-question">オーバーローンでも売却できますか？</div>
            <div class="faq-answer">自己資金の補填や住み替えローンの利用、場合によっては任意売却などの方法で対応できる場合があります。状況に合わせた最適なご提案をいたします。</div>
        </div>
    </div>

    <!-- まとめ -->
    <h2>まとめ</h2>
    <p>
        住宅ローンが残っていても、売却代金などで完済できれば通常どおり売却できます。<br>
        オーバーローンの場合でも、自己資金や住み替えローン、任意売却など状況に応じた方法があります。<br>
        まずは現在のローン残高と売却価格を把握することが第一歩です。
    </p>

    <!-- お問い合わせ（CTAボタン設置） -->
    <div class="info-box">
        <div class="title">ローン残高がある不動産売却のご相談はこちら</div>
        <p style="margin: 0 0 15px 0; font-size: 0.95rem;">
            ローン残高や売却価格によって、最適な売却方法は異なります。<br>
            当店では現在のローン残高や売却価格をもとに、無理のない売却プランをご提案しております。
        </p>
        
        <div class="cta-button-container">
            <a href="https://www.noahlivehome.jp/satei/" class="btn-cta">
                <span class="btn-sub">査定・ご相談は無料です</span>
                <span class="btn-main">無料査定・お問い合わせはこちら</span>
            </a>
        </div>
    </div>

</div>

]]></description>
            <pubDate>2026-06-14</pubDate>
        </item>
                
        <item>
            <title>【自主管理が限界のオーナー様へ】家賃回収から24時間対応まで、すべて任せる安心感</title>
            <link>https://www.noahlivehome.jp/blog/entry-817648/</link>
            <description><![CDATA[


    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>賃貸管理｜不動産のことなら株式会社ノアリブホーム</title>
    <style>
        /* --- 基本設定（上品なネイビー＆ゴールドの配色） --- */
        :root {
            --main-color: #8faea8;       
            --sub-color: #728f8a;        
            --dark-green: #4e6662;       
            --bg-color: #f4f7f6;          
            --text-color: #3a4241;       
            --line-color: #06c755;       
            --accent-navy: #1a2a3a; 
            --gold-color: #c5a059;  
            --image-bg: #dce6e2;         
        }

        html, body {
            overflow-x: hidden; 
        }

        body {
            font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
            margin: 0;
            padding: 0;
            background-color: var(--bg-color);
            color: var(--text-color);
            line-height: 1.8;
        }

        .container {
            max-width: 1000px;
            margin: 0 auto;
            padding: 0 20px;
            box-sizing: border-box;
        }

        header { display: none; }

        /* --- ファーストビュー --- */
        .main-visual {
            background-color: var(--image-bg);
            background-image: 
                url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 300' opacity='0.08'%3E%3Cpath fill='%23728f8a' d='M0,300 L0,220 L40,220 L40,180 L90,180 L90,240 L150,240 L150,150 L220,150 L220,200 L280,200 L280,250 L340,250 L340,130 L420,130 L420,230 L480,230 L480,190 L550,190 L550,260 L620,260 L620,110 L700,110 L700,210 L760,210 L760,160 L830,160 L830,240 L900,240 L900,140 L980,140 L980,220 L1040,220 L1040,170 L1120,170 L1120,250 L1200,250 L1200,300 Z'/%3E%3C/svg%3E"),
                radial-gradient(circle at 80% 20%, rgba(255,255,255,0.3) 0%, transparent 60%),
                linear-gradient(135deg, #e4ede9 0%, var(--image-bg) 50%, #e4ede9 100%);
            background-repeat: no-repeat;
            background-position: center bottom;
            background-size: 100% auto, auto, auto;
            padding: 100px 0 140px 0;
            text-align: center;
            position: relative;
        }

        .main-text-content {
            max-width: 850px;
            margin: 0 auto;
            position: relative;
            z-index: 2;
        }

        .main-catch {
            font-size: clamp(13px, 3vw, 16px);
            font-weight: bold;
            color: var(--dark-green);
            letter-spacing: 0.1em;
            margin-bottom: 12px;
            text-align: center;
        }

        .main-lead-copy {
            font-size: clamp(14px, 4vw, 18px);
            font-weight: bold;
            color: var(--accent-navy);
            margin: 0 auto 20px;
            line-height: 1.4;
            background: rgba(255, 255, 255, 0.75);
            display: inline-block;
            padding: 8px 24px;
            border-radius: 30px;
            text-align: center;
            box-sizing: border-box;
            max-width: 100%;
            letter-spacing: 0.05em;
            box-shadow: 0 4px 10px rgba(0,0,0,0.03);
        }

        .main-title {
            font-size: clamp(26px, 5.5vw, 44px);
            color: var(--accent-navy);
            margin: 0 auto 40px;
            font-weight: 800;
            letter-spacing: 0.05em;
            line-height: 1.5;
            text-align: center;
        }
        .main-title span {
            color: var(--dark-green);
            position: relative;
            display: inline-block;
        }
        .main-title span::after {
            content: '';
            position: absolute;
            left: 0;
            bottom: 4px;
            width: 100%;
            height: 8px;
            background: rgba(197, 160, 89, 0.3); 
            z-index: -1;
            border-radius: 4px;
        }

        .main-features-3 {
            display: flex;
            justify-content: center;
            gap: 15px;
            margin: 0 auto;
            max-width: 900px;
        }
        .feature-3-item {
            background: #ffffff;
            border-top: 3px solid var(--gold-color); 
            border-left: 1px solid #e2eae7;
            border-right: 1px solid #e2eae7;
            border-bottom: 1px solid #e2eae7;
            border-radius: 6px;
            padding: 16px 20px;
            font-size: clamp(14px, 3.5vw, 16px);
            font-weight: bold;
            color: var(--accent-navy);
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            box-shadow: 0 8px 20px rgba(0,0,0,0.04);
            flex: 1;
            box-sizing: border-box;
            transition: transform 0.3s;
        }
        .feature-3-item:hover {
            transform: translateY(-2px);
        }
        .feature-3-icon {
            color: var(--gold-color);
            font-size: 16px;
        }

        /* 波線区切り */
        .wave-separator {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            overflow: hidden;
            line-height: 0;
        }
        .wave-separator svg {
            position: relative;
            display: block;
            width: calc(100% + 1.3px);
            height: 45px;
        }
        .wave-separator .shape-fill {
            fill: var(--bg-color);
        }

        /* 各セクション余白設定 */
        .sec-worries { padding: 50px 0 60px 0; text-align: center; }  
        .sec-system  { padding: 110px 0; background: #ffffff; } 
        .sec-voices  { padding: 100px 0; } 
        .sec-flow    { padding: 110px 0; background: #ffffff; border-top: 1px solid #e8edea; }
        .sec-contact { padding: 90px 0; background: #edf2f0; text-align: center; }

        .section-ttl {
            text-align: center;
            font-size: clamp(22px, 5vw, 30px);
            margin-bottom: 50px;
            position: relative;
            font-weight: bold;
            color: var(--accent-navy);
            padding: 0 10px;
            letter-spacing: 0.03em;
        }
        .section-ttl::after {
            content: '';
            display: block;
            width: 50px;
            height: 3px;
            background: var(--gold-color);
            margin: 15px auto 0;
            border-radius: 2px;
        }

        /* --- 目立たせる詳細ボタン用の専用CSSアニメーション --- */
        .btn-details-highlight {
            background: linear-gradient(135deg, var(--gold-color) 0%, #b28e47 100%) !important;
            color: #ffffff !important;
            border: none !important;
            box-shadow: 0 6px 20px rgba(197, 160, 89, 0.4) !important;
            transition: all 0.3s ease !important;
        }
        .btn-details-highlight:hover {
            transform: translateY(-2px) !important;
            box-shadow: 0 10px 25px rgba(197, 160, 89, 0.55) !important;
            opacity: 0.95;
        }
        .btn-details-highlight:hover .arrow-move {
            transform: translateX(6px);
        }

        /* --- お悩みセクション --- */
        .worries-container {
            max-width: 750px;
            margin: 0 auto;
            display: flex;
            flex-direction: column;
            gap: 16px;
        }
        .worry-item {
            background: #fff;
            border-left: 5px solid var(--sub-color);
            border-radius: 4px;
            padding: 22px 25px;
            display: flex;
            align-items: center;
            gap: 18px;
            box-shadow: 0 4px 15px rgba(0,0,0,0.02);
            border-top: 1px solid #ebf0ee;
            border-right: 1px solid #ebf0ee;
            border-bottom: 1px solid #ebf0ee;
            box-sizing: border-box;
        }
        .worry-icon {
            font-size: 15px;
            font-weight: bold;
            color: white;
            background: var(--dark-green);
            width: 30px;
            height: 30px;
            min-width: 30px;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 50%;
        }
        .worry-text {
            font-size: clamp(14px, 3.8vw, 16px);
            font-weight: 600;
            color: var(--text-color);
            margin: 0;
            text-align: left;
        }

        /* --- 管理システム --- */
        .system-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 30px;
        }
        .system-card {
            background: #fff;
            padding: 35px 25px;
            border-radius: 8px;
            box-shadow: 0 4px 20px rgba(0,0,0,0.03);
            border-top: 4px solid var(--main-color); 
            transition: transform 0.3s, box-shadow 0.3s;
            display: flex;
            flex-direction: column;
            position: relative;
            box-sizing: border-box;
            border-left: 1px solid #f0f5f3;
            border-right: 1px solid #f0f5f3;
            border-bottom: 1px solid #f0f5f3;
        }
        .system-card:hover { 
            transform: translateY(-5px); 
            box-shadow: 0 12px 30px rgba(0,0,0,0.07);
        }
        
        .system-card.featured {
            border-top: 4px solid var(--gold-color);
        }

        .system-card h3 {
            margin-top: 0;
            color: var(--accent-navy);
            font-size: clamp(16px, 4vw, 18px);
            border-bottom: 1px solid #ebf0ee;
            padding-bottom: 14px;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            font-weight: bold;
            margin-bottom: 18px;
        }
        
        .card-svg-icon {
            width: 20px;
            height: 20px;
            stroke: var(--accent-navy);
            stroke-width: 2;
            fill: none;
            stroke-linecap: round;
            stroke-linejoin: round;
            flex-shrink: 0;
        }
        .featured .card-svg-icon {
            stroke: var(--gold-color);
        }
        
        .card-badge {
            position: absolute;
            top: -12px;
            right: 15px;
            font-size: 11px;
            font-weight: bold;
            color: #fff;
            padding: 2px 12px;
            border-radius: 20px;
            letter-spacing: 0.05em;
        }
        .badge-gold { background: var(--gold-color); }
        .badge-navy { background: var(--accent-navy); }

        .system-card p {
            font-size: 14.5px;
            color: #555;
            margin: 0;
            line-height: 1.75;
            text-align: left;
        }

        /* --- オーナー様の声 --- */
        .voice-card {
            background: #fff; 
            border: 1px solid #e2eae7; 
            border-radius: 8px; 
            padding: 35px 30px; 
            display: flex; 
            flex-direction: column; 
            box-shadow: 0 4px 20px rgba(0,0,0,0.02);
            position: relative;
            text-align: center;
            box-sizing: border-box;
            transition: transform 0.3s;
        }
        .voice-card:hover {
            transform: translateY(-3px);
        }
        .voice-stars {
            color: var(--gold-color);
            font-size: 14px;
            margin-bottom: 10px;
            letter-spacing: 3px;
            text-align: center;
        }
        .voice-title-box {
            background: #f4f7f6;
            padding: 12px 15px;
            border-radius: 6px;
            margin-bottom: 20px;
            border-left: 4px solid var(--gold-color);
            text-align: center;
        }
        .voice-title-box h4 {
            margin: 0;
            font-size: clamp(15px, 4vw, 17px);
            color: var(--accent-navy);
            font-weight: bold;
            text-align: center;
            line-height: 1.4;
        }
        .voice-card p {
            font-size: 14.5px; 
            color: #555; 
            margin: 0 0 20px 0; 
            line-height: 1.75;
            text-align: left;
        }
        .voice-card .owner-profile {
            font-size: 13px; 
            font-weight: bold; 
            color: var(--sub-color);
            text-align: right;
            display: block;
            margin-top: auto;
        }

        /* --- 管理の流れ --- */
        .flow-list {
            display: flex;
            flex-direction: column;
            gap: 25px;
        }
        .flow-item {
            background: #fff;
            border-radius: 8px;
            box-shadow: 0 4px 15px rgba(0,0,0,0.02);
            display: flex;
            overflow: hidden;
            border: 1px solid #e1e8e6;
            box-sizing: border-box;
        }
        .flow-left {
            background: linear-gradient(180deg, #f0f4f3 0%, var(--image-bg) 100%);
            padding: 30px 20px;
            min-width: 140px;
            max-width: 140px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            text-align: center;
            box-sizing: border-box;
        }
        .flow-num {
            font-size: 12px;
            font-weight: bold;
            color: white;
            background: var(--accent-navy);
            padding: 2px 10px;
            border-radius: 20px;
            margin-bottom: 8px;
        }
        .flow-step-ttl {
            font-size: 16px;
            font-weight: bold;
            color: var(--dark-green);
        }
        .flow-right {
            padding: 35px;
            flex-grow: 1;
            display: flex;
            gap: 30px;
            align-items: flex-start;
            box-sizing: border-box;
        }
        .flow-text-area { flex: 1; width: 100%; }
        .flow-right h3 { margin: 0 0 12px 0; font-size: clamp(16px, 4.5vw, 19px); color: var(--accent-navy); text-align: left; font-weight: bold; }
        .flow-right p { margin: 0 0 15px 0; font-size: 14.5px; color: #555; text-align: left; line-height: 1.75; }
        
        .flow-img-area {
            width: 180px;
            min-width: 180px;
            height: 120px;
            align-self: center;
            border-radius: 6px;
            overflow: hidden;
            box-shadow: 0 4px 10px rgba(0,0,0,0.05);
        }
        .flow-img-area img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .todo-box {
            background: #f7faf9;
            border-radius: 6px;
            padding: 14px 18px;
            margin-top: 12px;
            border-left: 3px solid var(--main-color);
        }
        .todo-title {
            font-size: 13px;
            font-weight: bold;
            color: var(--dark-green);
            margin-bottom: 6px;
        }
        .todo-list {
            margin: 0;
            padding: 0;
            list-style: none;
            font-size: 13px;
            color: #555;
        }
        .flow-note {
            font-size: 12px;
            color: #777;
            background: #f5f5f5;
            padding: 10px 14px;
            border-radius: 4px;
            margin-top: 15px;
            line-height: 1.6;
        }

        /* --- お問い合わせセクション --- */
        .cta-push-text {
            background: #fff;
            border-top: 4px solid var(--gold-color);
            border-left: 1px solid #d8e2de;
            border-right: 1px solid #d8e2de;
            border-bottom: 1px solid #d8e2de;
            padding: 20px 30px;
            border-radius: 6px;
            display: inline-block;
            margin-bottom: 30px;
            font-weight: bold;
            color: var(--accent-navy);
            font-size: clamp(14px, 3.8vw, 17px);
            box-shadow: 0 6px 15px rgba(0,0,0,0.03);
            text-align: center;
            max-width: 100%;
            box-sizing: border-box;
            line-height: 1.6;
        }
        
        .btn-group {
            display: flex;
            justify-content: center;
            gap: 20px;
            max-width: 700px;
            margin: 0 auto 20px;
        }

        .btn-tel-container {
            max-width: 700px;
            margin: 0 auto 30px;
            padding: 0;
        }
        
        .btn-common {
            flex: 1;
            display: inline-block;
            padding: 18px 25px;
            font-size: clamp(15px, 4vw, 18px);
            font-weight: bold;
            text-decoration: none;
            border-radius: 50px;
            transition: all 0.3s;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
            text-align: center;
            box-sizing: border-box;
            letter-spacing: 0.05em;
        }

        .btn-mail {
            background: linear-gradient(135deg, var(--gold-color) 0%, #b28e47 100%);
            color: white;
            text-shadow: 0 1px 2px rgba(0,0,0,0.15);
        }
        .btn-mail:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 25px rgba(197, 160, 89, 0.35);
            opacity: 0.95;
        }

        .btn-line {
            background: var(--line-color);
            color: white;
        }
        .btn-line:hover {
            background: #05b04b;
            transform: translateY(-2px);
            box-shadow: 0 8px 25px rgba(6, 199, 85, 0.25);
        }

        .btn-tel {
            background: var(--accent-navy);
            color: white;
            display: block;
            width: 100%;
        }
        .btn-tel:hover {
            background: #111c27;
            transform: translateY(-2px);
            box-shadow: 0 8px 25px rgba(26, 42, 58, 0.3);
        }

        /* --- レスポンシブ対応 --- */
        @media (max-width: 768px) {
            .main-visual { padding: 60px 0 100px 0; }
            
            .main-features-3 {
                flex-direction: column;
                gap: 12px;
                padding: 0 15px;
            }
            .feature-3-item {
                width: 100%;
                max-width: 340px;
                margin: 0 auto;
                padding: 14px 20px;
            }

            .sec-worries { padding: 40px 0 40px 0; }
            .sec-system  { padding: 70px 0; }
            .sec-voices  { padding: 70px 0; }
            .sec-flow    { padding: 70px 0; }
            .sec-contact { padding: 60px 0; }
            
            .worry-item { padding: 18px; gap: 14px; }
            
            .system-grid {
                grid-template-columns: 1fr;
                gap: 20px;
                padding: 0 10px;
            }
            .system-card h3 { justify-content: flex-start; }
            .system-card { padding: 30px 20px; }
            
            .flow-item { flex-direction: column; }
            .flow-left { max-width: 100%; min-width: auto; padding: 18px; flex-direction: row; gap: 10px; justify-content: center; }
            .flow-num { margin-bottom: 0; }
            .flow-right { padding: 25px 20px; flex-direction: column; gap: 15px; align-items: center; }
            .flow-img-area { width: 100%; min-width: auto; height: 160px; }
            
            .btn-group { flex-direction: column; gap: 15px; padding: 0 10px; margin-bottom: 15px; }
            .btn-tel-container { padding: 0 10px; }
            .btn-common { width: 100%; }
        }
    </style>



    <!-- ファーストビュー -->
    <div class="main-visual">
        <div class="container">
            <div class="main-text-content">
                <p class="main-catch"></p>
                <div class="main-lead-copy">
                    <img class="alreadyUpImage 13" src="https://cdn.img-asp.jp/cms/817648_13_0_0_1.jpg" style="background-color: rgb(220, 230, 226); color: rgb(58, 66, 65); font-size: 13.12px; font-weight: normal; display: inline-block; margin: 0px auto; max-width: 100%;" alt="株式会社ノアリブホーム">
                </div>
            </div>
            <div class="main-text-content">
                <div class="main-lead-copy">オーナー様の手間をなくし収益を守る</div>
                <h1 class="main-title">大切な資産を守り育てる、<br>ノアリブホームの<br><span>賃貸管理システム</span></h1>
                
                <div class="main-features-3">
                    <div class="feature-3-item">
                        <span class="feature-3-icon">★</span>地域密着の迅速対応
                    </div>
                    <div class="feature-3-item">
                        <span class="feature-3-icon">★</span>24時間トラブル受付
                    </div>
                    <div class="feature-3-item">
                        <span class="feature-3-icon">★</span>家賃滞納リスクゼロへ
                    </div>
                </div>
            </div>
        </div>
        <div class="wave-separator">
            <svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" preserveAspectRatio="none">
                <path d="M321.39,56.44c58-10.79,114.16-30.13,172-41.86,82.39-16.72,168.19-17.73,250.45-.39C823.78,31,906.67,72,985.66,92.83c70.05,18.48,146.53,26.09,214.34,3V120H0V0C26.9,8.75,55.05,17,83.66,22.83,173.66,42.52,258.58,68.12,321.39,56.44Z" class="shape-fill"></path>
            </svg>
        </div>
    </div>

    <!-- お悩みセクション -->
    <section class="sec-worries">
        <div class="container">
            
            <!-- 【修正完了】ご指定のブログURLを設定した、ゴールドの目立つ詳細ボタン -->
            <div style="max-width: 450px; margin: 0 auto 50px; padding: 0 10px; box-sizing: border-box;">
                <a href="https://www.noahlivehome.jp/blog/entry-821811/" class="btn-common btn-details-highlight">
                    <span style="display: flex; align-items: center; justify-content: center; gap: 8px;">
                        管理料・管理内容詳細はこちら 
                        <span class="arrow-move" style="display: inline-block; transition: transform 0.3s ease;">➔</span>
                    </span>
                </a>
            </div>

            <h2 class="section-ttl">こんなお悩みはございませんか？</h2>
            <div class="worries-container">
                <div class="worry-item">
                    <div class="worry-icon">？</div>
                    <p class="worry-text">「遠方に住んでいて、物件の様子をなかなか見に行けない…」</p>
                </div>
                <div class="worry-item">
                    <div class="worry-icon">？</div>
                    <p class="worry-text">「空室期間が長くなっていて、募集条件を見直したい…」</p>
                </div>
                <div class="worry-item">
                    <div class="worry-icon">？</div>
                    <p class="worry-text">「入居者からの夜間トラブルや設備故障の対応に限界を感じる…」</p>
                </div>
            </div>
        </div>
    </section>

    <!-- 安心の管理体制 -->
    <section class="sec-system">
        <div class="container">
            <h2 class="section-ttl">ノアリブホーム安心の管理体制</h2>
            <div class="system-grid">
                
                <div class="system-card featured">
                    <span class="card-badge badge-gold">人気No.1</span>
                    <h3>
                        <svg class="card-svg-icon" viewBox="0 0 24 24"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg>
                        01. 24時間365日受付
                    </h3>
                    <p>夜間や休日のトラブル（水漏れ・鍵紛失・騒音等）もコールセンターが迅速に一次対応。オーナー様の手を煩わせません。</p>
                </div>

                <div class="system-card">
                    <span class="card-badge badge-navy">安心</span>
                    <h3>
                        <svg class="card-svg-icon" viewBox="0 0 24 24"><rect x="1" y="4" width="22" height="16" rx="2" ry="2"></rect><line x1="1" y1="10" x2="23" y2="10"></line></svg>
                        02. 家賃回収・100%送金
                    </h3>
                    <p>提携保証会社への加入を標準化。万が一の家賃滞納が発生した場合でも、オーナー様への毎月の送金が遅れる心配はありません。</p>
                </div>

                <div class="system-card">
                    <h3>
                        <svg class="card-svg-icon" viewBox="0 0 24 24"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M23 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg>
                        03. 窓口一括・トラブル解決
                    </h3>
                    <p>入居者様や近隣からのクレーム・相談は全て弊社が一括対応。注意喚起の配布など、良好な住環境維持に努めます。</p>
                </div>

                <div class="system-card">
                    <span class="card-badge badge-navy">迅速</span>
                    <h3>
                        <svg class="card-svg-icon" viewBox="0 0 24 24"><path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"></path></svg>
                        04. スピード建物修繕
                    </h3>
                    <p>設備故障時も提携業者と即座に連携。無駄な中間マージンを徹底排除し、貸主・借主の負担区分を明確に報告・手配します。</p>
                </div>

                <div class="system-card">
                    <h3>
                        <svg class="card-svg-icon" viewBox="0 0 24 24"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
                        05. 更新・解約の完全代行
                    </h3>
                    <p>2年ごとの更新手続きから、解約受付、退去時の厳正な立ち会い、敷金・原状回復費用の精算まで、法的手続きを丸ごと代行。</p>
                </div>

                <div class="system-card featured">
                    <span class="card-badge badge-gold">強い集客力</span>
                    <h3>
                        <svg class="card-svg-icon" viewBox="0 0 24 24"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
                        06. 大手ポータルへの露出
                    </h3>
                    <p>「SUUMO」「アットホーム」等へ即座に情報掲載。地元の仲介会社へも直接営業をかけ、空室期間の最小化を実現します。</p>
                </div>

            </div>
        </div>
    </section>

    <!-- オーナー様の声 -->
    <section class="sec-voices">
        <div class="container">
            <h2 class="section-ttl">オーナー様の声</h2>
            <div class="system-grid">
                
                <div class="voice-card">
                    <div class="voice-stars">★★★★★</div>
                    <div class="voice-title-box">
                        <h4>「募集開始からわずか<br>2週間で満室に！」</h4>
                    </div>
                    <p>前の管理会社の客付け力に不安があり相談しました。地域の需要を踏まえた的確な家賃設定とWEB掲載の工夫を提案してもらい、あっという間に入居者が決まりました。もっと早く切り替えれば良かったです。</p>
                    <span class="owner-profile">東京都北区 A様（50代 / マンション一棟所有）</span>
                </div>

                <div class="voice-card">
                    <div class="voice-stars">★★★★★</div>
                    <div class="voice-title-box">
                        <h4>「遠方でも丸投げで<br>安心しきっています」</h4>
                    </div>
                    <p>相続した物件が東京にあり自身は遠方に住んでいるため、夜間のトラブル対応などが不安でした。ノアリブホームさんは24時間対応で、翌日には見積もり付きで報告をくれるので、私が動くことは一切ありません。</p>
                    <span class="owner-profile">神奈川県在住 K様（40代 / 戸建て賃貸所有）</span>
                </div>

            </div>
        </div>
    </section>

    <!-- 管理の流れ -->
    <section class="sec-flow">
        <div class="container">
            <h2 class="section-ttl">賃貸管理を始めるまでの流れ</h2>
            <div class="flow-list">

                <!-- STEP 1 -->
                <div class="flow-item">
                    <div class="flow-left">
                        <span class="flow-num">STEP 01</span>
                        <span class="flow-step-ttl">ご相談</span>
                    </div>
                    <div class="flow-right">
                        <div class="flow-text-area">
                            <h3>親身なヒアリング</h3>
                            <p>オーナー様のご状況に合わせ、対面またはオンラインにてお話を伺います。現在の空室状況や滞納トラブルなど、お気軽にご相談ください。</p>
                            <div class="todo-box">
                                <div class="todo-title">主な対応内容</div>
                                <ul class="todo-list">
                                    <li>· 現状の課題の洗い出し・ヒアリング</li>
                                </ul>
                            </div>
                        </div>
                        <div class="flow-img-area">
                            <img src="//cdn.img-asp.jp/cms/817648_3_0_0_1.jpg" alt="ご相談">
                        </div>
                    </div>
                </div>

                <!-- STEP 2 -->
                <div class="flow-item">
                    <div class="flow-left">
                        <span class="flow-num">STEP 02</span>
                        <span class="flow-step-ttl">調査・提案</span>
                    </div>
                    <div class="flow-right">
                        <div class="flow-text-area">
                            <h3>現地調査と市場分析</h3>
                            <p>プロの目で建物の状態や設備を細かくチェック。周辺の最新家賃相場や競合データをもとに、収益を最大化するための募集プランを作ります。</p>
                            <div class="todo-box">
                                <div class="todo-title">主な対応内容</div>
                                <ul class="todo-list">
                                    <li>· 建物コンディション確認・適正家賃のご提案</li>
                                </ul>
                            </div>
                        </div>
                        <div class="flow-img-area">
                            <img src="//cdn.img-asp.jp/cms/817648_9_0_0_1.jpg" alt="調査・提案">
                        </div>
                    </div>
                </div>

                <!-- STEP 3 -->
                <div class="flow-item">
                    <div class="flow-left">
                        <span class="flow-num">STEP 03</span>
                        <span class="flow-step-ttl">ご契約</span>
                    </div>
                    <div class="flow-right">
                        <div class="flow-text-area">
                            <h3>管理委託契約の締結</h3>
                            <p>管理内容や費用にご納得いただけましたら契約を結びます。他社様からの管理切り替えに必要な引き継ぎ手続きも、弊社が責任を持ってスムーズに行います。</p>
                            <div class="todo-box">
                                <div class="todo-title">主な対応内容</div>
                                <ul class="todo-list">
                                    <li>· 契約締結、前管理会社からの引き継ぎサポート</li>
                                </ul>
                            </div>
                        </div>
                        <div class="flow-img-area">
                            <img src="//cdn.img-asp.jp/cms/817648_5_0_0_1.jpg" alt="ご契約">
                        </div>
                    </div>
                </div>

                <!-- STEP 4 -->
                <div class="flow-item">
                    <div class="flow-left">
                        <span class="flow-num">STEP 04</span>
                        <span class="flow-step-ttl">募集審査</span>
                    </div>
                    <div class="flow-right">
                        <div class="flow-text-area">
                            <h3>入居者募集と厳格な審査</h3>
                            <p>SUUMOやアットホーム等の主要WEBサイトへ即座に露出。申し込み後は、将来の滞納リスクを防ぐために保証会社と連携し厳正な審査を行います。</p>
                            <div class="todo-box">
                                <div class="todo-title">主な対応内容</div>
                                <ul class="todo-list">
                                    <li>· WEBスピード掲載・独自の厳格な入居審査</li>
                                </ul>
                            </div>
                        </div>
                        <div class="flow-img-area">
                            <img src="//cdn.img-asp.jp/cms/817648_11_0_0_1.jpg" alt="募集審査">
                        </div>
                    </div>
                </div>

                <!-- STEP 5 -->
                <div class="flow-item">
                    <div class="flow-left">
                        <span class="flow-num">STEP 05</span>
                        <span class="flow-step-ttl">運営開始</span>
                    </div>
                    <div class="flow-right">
                        <div class="flow-text-area">
                            <h3>安心の日常管理スタート</h3>
                            <p>契約手続きや鍵の引き渡しを完全代行し、運営が始まります。ここからはオーナー様の手間は一切ゼロ。毎月の安定した経営をお届けします。</p>
                            <div class="todo-box">
                                <div class="todo-title">主な対応内容</div>
                                <ul class="todo-list">
                                    <li>· 日常管理、24時間クレーム対応、家賃送金の開始</li>
                                </ul>
                            </div>
                            <div class="flow-note">
                                ※入居者がすでにいる「オーナーチェンジ」の場合も、入居者への通知等は全て弊社で対応します。
                            </div>
                        </div>
                        <div class="flow-img-area">
                            <img src="//cdn.img-asp.jp/cms/817648_12_0_0_1.jpg" alt="運営開始">
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </section>

    <!-- お問い合わせセクション -->
    <section class="sec-contact">
        <div class="container">
            <h2 class="section-ttl" style="margin-bottom: 15px;">まずはお気軽にご相談ください</h2>
            
            <div class="cta-push-text">
                管理のご相談・市場査定は<br>【完全無料】です。<br>
                現在の管理会社からの切り替え相談も<br>秘密厳守で歓迎いたします。
            </div>
            
            <p style="margin-bottom: 35px; color: #555; padding: 0 10px; font-size: 14px;">「まだ貸すか決めていないけれど、話だけ聞きたい」というオーナー様も大歓迎です。</p>
            
            <div class="btn-group">
                <a href="#mail-form" class="btn-common btn-mail">メールで無料相談する</a>
                <a href="#line-talk" class="btn-common btn-line">LINEで気軽に相談する</a>
            </div>
            
            <div class="btn-tel-container">
                <a href="tel:000-000-0000" class="btn-common btn-tel">お電話で相談する（受付：9:00〜18:00）</a>
            </div>
        </div>
    </section>




]]></description>
            <pubDate>2026-06-01</pubDate>
        </item>
                
        <item>
            <title>引越しの手引き</title>
            <link>https://www.noahlivehome.jp/blog/entry-814236/</link>
            <description><![CDATA[<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>引っ越し準備のやることリスト | 完璧な新生活スタートガイド</title>
    <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=Cormorant+Garamond:ital,wght@0,400;0,600;1,400&family=Noto+Sans+JP:wght@300;400;500;700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
    <style>
        *, *::before, *::after {
            box-sizing: border-box;
        }

        :root {
            --bg-body: #ffffff;          /* クリーンな白背景 */
            --bg-container: #ffffff;     
            --card-beige: #F9F6F0;       /* 洗練されたエクリュ・ベージュ */
            --point-bg: #E3DCD0;         /* メリハリを強化したトープカラーの線 */
            --main-gold: #AA825B;        /* 上品なゴールド */
            --icon-accent: #8E7F71;      
            --text-dark: #231F1E;        /* 引き締まった黒 */
            --text-muted: #605552;       
            --white: #ffffff;
            --transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
        }

        body {
            margin: 0;
            padding: 0;
            background-color: var(--bg-body);
            font-family: 'Noto Sans JP', sans-serif;
            color: var(--text-dark);
            line-height: 1.9;
            -webkit-font-smoothing: antialiased;
        }

        .container {
            max-width: 940px;
            margin: 60px auto 80px auto;
            padding: 0 30px;
        }

        /* PREMIUM HEADER */
        header {
            overflow: hidden;
            margin-bottom: 60px;
            text-align: center;
            background-color: var(--white);
            padding: 50px 40px;
            border-top: 1px solid var(--point-bg);
            border-bottom: 1px solid var(--point-bg);
            position: relative;
        }

        .header-content {
            max-width: 760px;
            margin: 0 auto;
        }

        header .en-title {
            font-family: 'Cormorant Garamond', serif;
            font-size: 16px;
            letter-spacing: 0.4em;
            color: var(--main-gold);
            text-transform: uppercase;
            display: block;
            margin-bottom: 20px;
            font-weight: 600;
        }

        header h1 {
            position: relative;
            display: inline-block;
            margin: 0 0 25px 0;
            padding-bottom: 20px;
            font-size: 36px;
            font-weight: 700;
            letter-spacing: 0.1em;
            color: var(--text-dark);
        }

        header h1::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 50px;
            height: 1px;
            background-color: var(--main-gold);
        }

        header .lead-text {
            font-size: 16px;
            font-weight: 500;
            color: var(--main-gold);
            margin: 0 auto 20px auto;
            text-align: center;
            letter-spacing: 0.05em;
        }

        header .sub-paragraph {
            font-size: 14px;
            color: var(--text-muted);
            margin: 0 auto;
            text-align: center;
            line-height: 1.8;
        }

        /* MODERN SECTION TITLE */
        .section-title {
            display: flex;
            align-items: center;
            gap: 15px;
            margin: 80px 0 40px 0;
            border-bottom: 1px solid var(--point-bg);
            padding-bottom: 15px;
        }

        .section-title h2 {
            font-size: 22px;
            font-weight: 700;
            margin: 0;
            letter-spacing: 0.05em;
            color: var(--text-dark);
        }

        .section-title .material-symbols-outlined {
            color: var(--main-gold);
            font-size: 26px;
        }

        /* TIMELINE STEP SECTION (MINIMAL MAGAZINE STYLE) */
        .timeline-section {
            background-color: var(--card-beige); 
            border: 1px solid var(--point-bg);
            border-radius: 16px;
            padding: 40px;
            margin-bottom: 60px;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.01);
        }

        .timeline-section h3 {
            font-size: 16px;
            font-weight: 700;
            letter-spacing: 0.2em;
            text-transform: uppercase;
            margin-bottom: 35px;
            text-align: center;
            color: var(--icon-accent);
        }

        .timeline-flow {
            display: flex;
            justify-content: space-between;
            position: relative;
        }

        .timeline-flow::before {
            content: '';
            position: absolute;
            top: 22px;
            left: 8%;
            width: 84%;
            height: 1px;
            background-color: var(--point-bg);
            z-index: 0;
        }

        .timeline-step {
            position: relative;
            z-index: 1;
            text-align: center;
            width: 18%;
            transition: var(--transition);
        }

        .step-dot {
            width: 44px;
            height: 44px;
            background-color: var(--white);
            border: 1px solid var(--point-bg);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 16px auto;
            color: var(--text-dark);
            font-family: 'Cormorant Garamond', serif;
            font-weight: 600;
            font-size: 16px;
            box-shadow: 0 2px 6px rgba(0,0,0,0.02);
            transition: var(--transition);
        }

        .timeline-step:hover {
            transform: translateY(-3px);
        }

        .timeline-step:hover .step-dot {
            border-color: var(--main-gold);
            background-color: var(--main-gold);
            color: var(--white);
            box-shadow: 0 6px 15px rgba(170, 130, 91, 0.2);
        }

        .step-label {
            font-size: 13px;
            font-weight: 700;
            color: var(--text-dark);
            margin-bottom: 6px;
        }

        .step-text {
            font-size: 11px;
            color: var(--text-muted);
        }

        /* ELEGANT PERIOD HEADERS */
        .period-header {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            margin-bottom: 30px;
        }

        .period-badge {
            font-family: 'Cormorant Garamond', serif;
            font-size: 12px;
            font-weight: 600;
            letter-spacing: 0.2em;
            background-color: var(--main-gold);
            color: var(--white);
            padding: 4px 16px;
            border-radius: 4px;
            display: inline-block;
            margin-bottom: 14px;
        }

        .period-header h3 {
            font-size: 22px;
            font-weight: 700;
            margin: 0;
            color: var(--text-dark);
            line-height: 1.4;
            letter-spacing: 0.02em;
        }

        /* LIST & GRID CARDS WITH SMOOTH SHADOWS */
        .tile-list-vertical {
            display: flex;
            flex-direction: column;
            gap: 30px;
            margin-bottom: 60px;
        }

        .tile-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 24px;
            margin-bottom: 60px;
        }

        .tile {
            background-color: var(--card-beige); 
            border: 1px solid var(--point-bg);
            border-radius: 12px;
            padding: 35px;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.01);
            transition: var(--transition);
        }

        .tile:hover {
            transform: translateY(-5px);
            background-color: var(--white); 
            box-shadow: 0 12px 30px rgba(170, 130, 91, 0.08);
        }

        .tile-title-box {
            display: flex;
            align-items: center;
            gap: 14px;
            margin-bottom: 20px;
            border-bottom: 1px solid var(--point-bg);
            padding-bottom: 12px;
        }

        .tile-title-box .icon {
            color: var(--main-gold);
            font-size: 20px;
            display: flex;
            align-items: center;
        }

        .tile h4 {
            font-size: 17px;
            font-weight: 700;
            color: var(--text-dark);
            margin: 0;
            letter-spacing: 0.02em;
        }

        .tile p {
            font-size: 14px;
            color: var(--text-muted);
            margin: 0;
            line-height: 1.8;
        }

        /* UNIFIED BULLET LIST DESIGN (STEP6 STYLE FOR ALL) */
        .bullet-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .bullet-list li {
            font-size: 14px;
            margin-bottom: 18px;
            color: var(--text-muted);
            position: relative;
            padding-left: 20px;
            line-height: 1.8;
        }

        /* 全箇条書きの左横にゴールドの◆を配置 */
        .bullet-list li::before {
            content: "◆";
            color: var(--main-gold);
            font-size: 10px;
            position: absolute;
            left: 0;
            top: 2px;
        }

        .bullet-list li:last-child {
            margin-bottom: 0;
        }

        .bullet-list li strong {
            color: var(--text-dark);
            display: block;
            margin-bottom: 6px;
            font-weight: 700;
            font-size: 15px;
        }

        /* MODERN SPLIT CARDS */
        .day-split {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 24px;
            margin-bottom: 60px;
        }

        .split-card {
            background-color: var(--card-beige); 
            border: 1px solid var(--point-bg);
            padding: 35px;
            border-radius: 12px;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.01);
            transition: var(--transition);
        }
        
        .split-card:hover {
            transform: translateY(-3px);
            background-color: var(--white);
            box-shadow: 0 12px 30px rgba(170, 130, 91, 0.06);
        }

        .split-card h4 {
            font-size: 18px;
            font-weight: 700;
            margin: 0 0 24px 0;
            color: var(--text-dark);
            display: flex;
            align-items: center;
            gap: 12px;
        }

        .split-card h4 i {
            color: var(--main-gold);
            font-size: 18px;
        }

        /* MINIMAL TABLE DESIGN */
        .table-section {
            background-color: var(--white);
            border: 1px solid var(--point-bg);
            border-radius: 16px;
            padding: 40px;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02);
            margin-bottom: 60px;
        }

        .table-section h3 {
            font-size: 18px;
            font-weight: 700;
            margin-bottom: 25px;
            color: var(--text-dark);
            letter-spacing: 0.02em;
        }

        .table-container {
            width: 100%;
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
        }

        .table-wrapper {
            width: 100%;
            border-collapse: collapse;
            min-width: 550px;
        }

        .table-wrapper th, .table-wrapper td {
            padding: 18px 20px;
            text-align: left;
            font-size: 14px;
        }

        .table-wrapper th {
            background-color: var(--card-beige);
            color: var(--text-dark);
            font-weight: 700;
            border-bottom: 1px solid var(--main-gold);
            letter-spacing: 0.05em;
        }

        .table-wrapper td {
            border-bottom: 1px solid var(--card-beige);
            color: var(--text-muted);
        }
        
        .table-wrapper tr:last-child td {
            border-bottom: none;
        }

        /* FOOTER */
        footer {
            text-align: center;
            margin-top: 80px;
            padding-bottom: 50px;
        }

        .footer-info {
            font-family: 'Cormorant Garamond', serif;
            font-size: 13px;
            letter-spacing: 0.1em;
            color: var(--icon-accent);
        }

        /* RESPONSIVE DESIGN */
        @media (max-width: 768px) {
            .container {
                margin-top: 30px;
                padding: 0 16px;
                margin-bottom: 50px;
            }
            header {
                padding: 35px 20px;
                margin-bottom: 40px;
            }
            header h1 {
                font-size: 28px;
            }
            header .lead-text {
                font-size: 15px;
            }
            header .sub-paragraph {
                font-size: 13px;
            }
            
            header, header .lead-text, header .sub-paragraph {
                text-align: center !important;
            }

            .section-title {
                margin: 50px 0 20px 0; 
                padding-bottom: 10px;
            }
            .period-header {
                margin-bottom: 20px; 
            }
            .period-badge {
                margin-bottom: 8px; 
            }
            
            .timeline-section {
                padding: 25px 12px;
                margin-bottom: 40px;
            }
            .timeline-flow { 
                flex-direction: row !important; 
                justify-content: space-between !important;
                align-items: flex-start;
                gap: 2px; 
            }
            .timeline-flow::before { 
                display: block !important;
                top: 18px;
                left: 8%;
                width: 84%;
            }
            .timeline-step { 
                width: 20% !important; 
                display: flex !important; 
                flex-direction: column !important; 
                align-items: center !important; 
                text-align: center !important; 
            }
            .step-dot { 
                margin: 0 auto 10px auto !important; 
                width: 36px !important; 
                height: 36px !important; 
                font-size: 13px !important;
                flex-shrink: 0;
            }
            .step-label {
                font-size: 11px !important;
                line-height: 1.3;
                margin-bottom: 4px;
            }
            .step-text {
                font-size: 9px !important;
                line-height: 1.3;
            }

            .tile-grid { 
                grid-template-columns: 1fr; 
                gap: 20px;
                margin-bottom: 40px;
            }
            .tile {
                padding: 25px;
            }
            .tile-list-vertical {
                gap: 20px;
                margin-bottom: 40px;
            }
            .day-split { 
                grid-template-columns: 1fr; 
                gap: 20px;
                margin-bottom: 40px;
            }
            .split-card {
                padding: 25px;
            }
            .table-section {
                padding: 25px 15px;
                margin-bottom: 40px;
            }
            .table-wrapper th, .table-wrapper td { 
                padding: 14px 12px; 
            }

            .u-pc-only {
                display: none !important;
            }
        }

        /* 外部縦線の完全排除リセット */
        .section-title,
        .section-title *,
        .section-title h2,
        .period-header,
        .period-header h3,
        .timeline-section h3,
        .table-section h3,
        .split-card h4 {
            border-left: 0 none !important;
            border-left-width: 0 !important;
            border-left-style: none !important;
            padding-left: 0 !important;
            box-shadow: none !important;
            background-image: none !important;
        }
        
        .section-title::before, .section-title::after,
        .section-title h2::before, .section-title h2::after,
        .period-header::before, .period-header h3::before,
        .split-card h4::before {
            content: none !important;
            display: none !important;
            width: 0 !important;
            height: 0 !important;
            border-left: 0 none !important;
        }
.u-sp-only {
    display: none !important;
}

@media (max-width: 768px) {
    /* スマホ時はPC用を非表示に */
    .u-pc-only {
        display: none !important;
    }
    /* スマホ時はスマホ用を表示する */
    .u-sp-only {
        display: inline !important; /* ブロックなら block */
    }
}
    </style>
</head>
<body>

    <div class="container">
        
        <header>
            <div class="header-content">
                <span class="en-title">The Master Moving Guide</span>
                <h1>引っ越し準備の<br class="sp-only">やることリスト</h1>
                <p class="lead-text">効率よく新生活をスタート<br class="sp-only">するための完全ガイド</p>
                <p class="sub-paragraph">引っ越しのタスクは多岐にわたります。<br>全体スケジュールを把握して、<br class="sp-only">計画的に新生活の準備を進めましょう。</p>
            </div>
        </header>

        <main>
            <!-- タイムラインステップ -->
            <section class="timeline-section">
                <h3> 準備スケジュール</h3>
                <div class="timeline-flow">
                    <a href="#step01" class="timeline-step" style="text-decoration: none; color: inherit; display: block;">
                        <div class="step-dot">01</div>
                        <div>
                            <div class="step-label">1ヶ月前</div>
                            <div class="step-text">計画<span class="u-pc-only">・</span><br class="sp-only">業者決定</div>
                        </div>
                    </a>
                    
                    <a href="#step02" class="timeline-step" style="text-decoration: none; color: inherit; display: block;">
                        <div class="step-dot">02</div>
                        <div>
                            <div class="step-label">2週間前</div>
                            <div class="step-text">手続き<span class="u-pc-only">・</span><br class="sp-only">梱包</div>
                        </div>
                    </a>
                    
                    <a href="#step03" class="timeline-step" style="text-decoration: none; color: inherit; display: block;">
                        <div class="step-dot">03</div>
                        <div>
                            <div class="step-label">前日</div>
                            <div class="step-text">最終<br class="sp-only">搬出準備</div>
                        </div>
                    </a>
                    
                    <a href="#step04" class="timeline-step" style="text-decoration: none; color: inherit; display: block;">
                        <div class="step-dot">04</div>
                        <div>
                            <div class="step-label">当日</div>
                            <div class="step-text">搬出と<br class="sp-only">新居搬入</div>
                        </div>
                    </a>
                    
                    <a href="#step_table" class="timeline-step" style="text-decoration: none; color: inherit; display: block;">
                        <div class="step-dot">05</div>
                        <div>
                            <div class="step-label">翌日以降</div>
                            <div class="step-text">住所変更</div>
                        </div>
                    </a>
                </div>
            </section>

            <!-- 1ヶ月前セクション -->
            <div class="section-title">
                <span class="material-symbols-outlined">calendar_month</span>
                <h2>引越し1ヶ月前～の準備</h2>
            </div>

            <section class="period-section" id="step01">
                <div class="period-header">
                    <span class="period-badge">STEP 01</span>
                    <h3>1ヶ月前<br class="sp-only">土台作りと予約</h3>
                </div>
                <div class="tile-list-vertical">
                    <div class="tile">
                        <div class="tile-title-box">
                            <div class="icon"><i class="fa-solid fa-house-chimney-user"></i></div>
                            <h4>退去・入居の確定</h4>
                        </div>
                        <p>現在の住まいの退去日を管理会社へ通知し、新居の入居日を確定させます。<br>解約予告期間の確認が最優先です。賃貸契約の場合は賃貸借契約書を確認し、誰にいつまでに退去日を知らせるべきか把握しましょう。<br>家賃の支払い期間や業者の料金を考慮して調整することで出費を抑えられます。</p>
                    </div>
                    <div class="tile">
                        <div class="tile-title-box">
                            <div class="icon"><i class="fa-solid fa-truck-moving"></i></div>
                            <h4>引っ越し業者の選定</h4>
                        </div>
                        <p>複数社から相見積もりを取り、料金とサービスを比較。引っ越し料金には定価がなく、時期や荷物量、混み具合で変動します。<br>なるべく出費を抑えたいならば、複数業者へ見積もり依頼（相見積もり）をして比較検討しましょう。<br>繁忙期は予約が埋まりやすいため、早めに確定しましょう。</p>
                        
                        <div style="margin-top: 20px;">
                            <ul class="bullet-list">
                                <li>
                                    <strong>一括見積もりの活用</strong>サイトを利用して、一度に複数社へ見積もりを依頼します。電話対応が煩わしい場合は、メール連絡のみが選べるサービスを利用するのがおすすめです。
                                </li>
                                <li>
                                    <strong>訪問見積りで正確な料金を算出する</strong>正確な荷物量の申告：正確な料金を出してもらうため、営業担当者に自宅へ来てもらう「訪問見積もり」を依頼します。<br>作業員数とトラックの確認：見積書には、トラックのサイズや作業人数が明記されているか必ず確認します。
                                </li>
                                <li>
                                    <strong>サービス内容とオプションを比較する</strong>基本サービスの違い：ダンボールの無料提供、家具の分解・設置、ベッドの解体などが基本料金に含まれているか確認します。
                                </li>
                            </ul>
                        </div>
                    </div>
                    
                    <div class="tile">
                        <div class="tile-title-box">
                            <div class="icon"><i class="fa-solid fa-school"></i></div>
                            <h4>入居日を決める＆<br class="sp-only">転校・教育の手続き</h4>
                        </div>
                        <p>引っ越し業者が決まったら入居日を決めて不動産会社へ通知します。<br>また、お子様がいれば引っ越しが決まった時点ですぐに学校（小・中・高）へ相談しましょう。「在学証明書」・「教科書給付証明書」など、転校に必要な書類の準備を開始します。</p>
                        
                        <div style="margin-top: 20px;">
                            <ul class="bullet-list">
                                <li>
                                    <strong>転校前の学校にもらうもの</strong>在学証明書、教科書給付証明書。遅くとも引越しをする1カ月前までに担任の先生に伝え、住所が決まったらこれらをもらうようにしましょう。この2点は転校先の学校に提出しなければいけません。学校からもらったら、大切に保管しておいてください。
                                </li>
                                <li>
                                    <strong>引越し前に役所でもらうもの</strong>転入学通知書。どこの学校に入学するのか記された書面です。こちらも合わせて転校先の学校に提出します。
                                </li>
                            </ul>
                        </div>
                        <p style="margin-top: 15px;">同じ市区町村内ならば、比較的手続きは簡単です。引越し先が近いので、引越す前に学校を見学したり体操服や上履きといった学校生活で必要なものを事前に確認しておくと後で便利です。</p>
                    </div>
                </div>
            </section>

            <!-- インフラ手続きセクション -->
            <section class="period-section">
                <div class="period-header">
                    <span class="period-badge">STEP 02</span>
                    <h3>インフラと重要サービス</h3>
                </div>
                <div class="tile-list-vertical">
                    <div class="tile">
                        <div class="tile-title-box">
                            <div class="icon"><i class="fa-solid fa-bolt"></i></div>
                            <h4>電気・ガス・水道</h4>
                        </div>
                        <p>引越しが決まり次第、早めに手続きしてください。（旧居の使用停止と新居の開始予約。）</p>
                        <div style="margin-top: 20px;">
                            <ul class="bullet-list">
                                <li>
                                    <strong>電気・水道</strong>各地域の電力会社・水道局のウェブサイト、または電話で停止と開始の連絡をします。
                                </li>
                                <li>
                                    <strong>ガス</strong>ガスの使用開始（開栓）には必ず立ち会いが必要です。
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="tile">
                        <div class="tile-title-box">
                            <div class="icon"><i class="fa-solid fa-wifi"></i></div>
                            <h4>インターネット・電話</h4>
                        </div>
                        <p>回線の移転や新規契約は工事に時間がかかるため、1ヶ月前から連絡します。<br>インターネット無料の物件もあるので早めに不動産会社に確認をしましょう。</p>
                    </div>
                    <div class="tile">
                        <div class="tile-title-box">
                            <div class="icon"><i class="fa-solid fa-shield-halved"></i></div>
                            <h4>各種保険 of の住所変更</h4>
                        </div>
                        <p>火災保険や地震保険の住所変更、または新規加入の手続きを行います。<br>賃貸物件の場合、管理会社指定の保険に加入することがほとんどです。</p>
                    </div>
                </div>
            </section>

            <!-- 2週間前〜当日のセクション -->
            <div class="section-title">
                <span class="material-symbols-outlined">package</span>
                <h2>引越し2週間前〜<br class="sp-only">当日のご準備</h2>
            </div>

            <!-- 不用品処分・荷造りセクション -->
            <section class="period-section" id="step02">
                <div class="period-header">
                    <span class="period-badge">STEP 03</span>
                    <h3>2週間前<br class="sp-only">不用品の処分と荷造り</h3>
                </div>
                <div class="tile-grid">
                    <div class="tile">
                        <div class="tile-title-box">
                            <div class="icon"><i class="fa-solid fa-trash-can"></i></div>
                            <h4>不用品・粗大ゴミ処分</h4>
                        </div>
                        <p>粗大ゴミの回収は予約制。リサイクルショップやフリマアプリの活用も含め、早めに処分計画を立てましょう。</p>
                    </div>
                    <div class="tile">
                        <div class="tile-title-box">
                            <div class="icon"><i class="fa-solid fa-box-open"></i></div>
                            <h4>梱包資材の調達</h4>
                        </div>
                        <p>業者から支給されるダンボールの数を確認。不足分はスーパー等で調達し、テープや緩衝材を揃えます。</p>
                    </div>
                    <div class="tile">
                        <div class="tile-title-box">
                            <div class="icon"><i class="fa-solid fa-layer-group"></i></div>
                            <h4>季節外品から荷造り</h4>
                        </div>
                        <p>普段使わないもの（本、季節の衣類、予備食器）から梱包開始。箱には中身と運び先を明記します。</p>
                    </div>
                </div>
            </section>

            <!-- 役所手続きセクション -->
            <section class="period-section">
                <div class="period-header">
                    <span class="period-badge">STEP 04</span>
                    <h3>役所と郵便の手続き</h3>
                </div>
                <div class="tile-list-vertical">
                    <div class="tile">
                        <div class="tile-title-box">
                            <div class="icon"><i class="fa-solid fa-file-signature"></i></div>
                            <h4>役所の手続き（住民票の移動）</h4>
                        </div>
                        <p>引っ越し前と後で、お住まいの地域が変わるか同じかによって手続きが異なります。</p>
                        
                        <div style="margin-top: 20px;">
                            <ul class="bullet-list">
                                <li>
                                    <strong>異なる市区町村へ引っ越す場合</strong>転出届（引越し前）: 引越しの約14日前から手続き可能です。現在住んでいる市区町村の役所窓口、または「マイナポータル」からのオンライン申請で転出証明書を受け取ります。<br>転入届（引越し後）: 引越し後（新住所に住み始めた日）から14日以内に、新しい住所の市区町村役場で手続きします。「転出証明書」と本人確認書類を持参してください。
                                </li>
                                <li>
                                    <strong>同じ市区町村内で引っ越す場合</strong>転居届（引っ越し後）: 引っ越し後14日以内に、役所の窓口へ「転居届」を提出します。
                                </li>
                            </ul>
                        </div>
                        <p style="margin-top: 15px;"><span class="u-pc-only" style="color: var(--main-gold); font-weight: 500;">※役所の手続きは法律で義務付けられており、正当な理由なく14日を過ぎると最大5万円の過料が科される可能性があるので注意しましょう。</span></p>
                    </div>
                    
                    <div class="tile">
                        <div class="tile-title-box">
                            <div class="icon"><i class="fa-solid fa-envelope-open-text"></i></div>
                            <h4>郵便物の転送設定</h4>
                        </div>
                        <p>郵便局の窓口やWebから「e転居」を申請。1年間の転送が可能です。<br><br>
                        ・必要なもの：本人確認書類（運転免許証など）<br>
                        ・タイミング：引っ越し日の数日前までに手続きをしておくと安心です。</p>
                    </div>
                    
                    <div class="tile">
                        <div class="tile-title-box">
                            <div class="icon"><i class="fa-solid fa-motorcycle"></i></div>
                            <h4>原付・バイクの廃車</h4>
                        </div>
                        <p>原付（125cc以下）の引越し手続きは、現在お住まいの市区町村で「廃車手続き（ナンバープレートの返納）」を行い、引越し先で「新規登録」をするのが基本です。</p>
                        
                        <div style="margin-top: 20px;">
                            <ul class="bullet-list">
                                <li>
                                    <strong>旧住所での手続き（廃車）</strong>引越し前に、ナンバーを取得した市区町村の役場（または税務署）で廃車手続きを行います。<br>持ち物：ナンバープレート、標識交付証明書、印鑑、本人確認書類（免許証など）<br>手続き後：「廃車申告受付書」を受け取ります。これは引越し先での再登録や、自賠責保険の住所変更に必要です。
                                </li>
                                <li>
                                    <strong>新住所での手続き（再登録）</strong>引越し後（新住所へ住民票を移した後）、15日以内に新しい市区町村の役場窓口で登録します。<br>持ち物：廃車申告受付書、本人確認書類、印鑑、標識交付証明書（紛失していても手続き可能な場合があります）<br>交付：窓口で手続きを行うと、新しいナンバープレートとその場で交付されます。
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </section>

            <!-- 前日セクション -->
            <section class="period-section" id="step03">
                <div class="period-header">
                    <span class="period-badge">STEP 05</span>
                    <h3>1週間前〜前日<br class="sp-only">最終準備</h3>
                </div>
                <div class="tile-list-vertical">
                    <div class="tile">
                        <div class="tile-title-box">
                            <div class="icon"><i class="fa-solid fa-hand-holding-heart"></i></div>
                            <h4>挨拶品の用意</h4>
                        </div>
                        <p>旧居・新居それぞれの近隣への挨拶品を用意。500〜1000円程度の消耗品が一般的です。<br>タオル、洗剤、ラップなどの実用品や、個包装の焼き菓子などが人気です。<br><br>・渡す範囲：マンション・アパートの場合は「両隣と上下階」、戸建ての場合は「両隣と向かいの3軒、および裏の家」が一般的です。<br>・のしの選び方：表書きは「御挨拶」、名前には「旧姓」や「新しい苗字」を入れます。誰からの贈り物かすぐにわかるよう「外のし」にするのが基本です。</p>
                    </div>
                    <div class="tile">
                        <div class="tile-title-box">
                            <div class="icon"><i class="fa-solid fa-broom"></i></div>
                            <h4>旧居の清掃・新居準備</h4>
                        </div>
                        <p>感謝を込めて旧居を清掃。気持ちよく退去をしましょう！<br><br>新居では荷物が入る前に清掃・防虫処理も検討しましょう。<br>カーテンの採寸・注文や家具の配置決めをしておくと引越し当日の作業がスムーズになります。</p>
                    </div>
                    <div class="tile">
                        <div class="tile-title-box">
                            <div class="icon"><i class="fa-solid fa-snowflake"></i></div>
                            <h4>冷蔵庫・洗濯機の水抜き</h4>
                        </div>
                        <p>前日までに中身を空にし、コンセントを抜いて水抜きを実施。<br>水漏れ・故障や運搬中のカビ・悪臭発生を防ぎます。<br>灯油ストーブも空にします。</p>
                    </div>
                </div>
            </section>

            <!-- 当日セクション -->
            <section class="period-section" id="step04">
                <div class="period-header">
                    <span class="period-badge">STEP 06</span>
                    <h3>当日：搬出と搬入作業</h3>
                </div>
                <div class="day-split">
                    <div class="split-card">
                        <h4><i class="fa-solid fa-clipboard-check"></i>旧居での搬出作業</h4>
                        <ul class="bullet-list">
                            <li>
                                <strong>最終搬出確認</strong>荷物の積み忘れ、忘れ物確認を行います。
                            </li>
                            <li>
                                <strong>電気・水道の確認</strong>ブレーカーを落とし電気をOFFにし、水道の元栓確認します。
                            </li>
                            <li>
                                <strong>明け渡し手続き</strong>管理会社へ鍵の返却、部屋の状態確認（立ち会い）を行います。
                            </li>
                        </ul>
                    </div>
                    <div class="split-card">
                        <h4><i class="fa-solid fa-house-laptop"></i>新居での搬入作業</h4>
                        <ul class="bullet-list">
                            <li>
                                <strong>家具配置の指示出し</strong>あらかじめ決めた位置へ搬入をスムーズに誘導します。
                            </li>
                            <li>
                                <strong>ガスの開栓立ち会い</strong>事前予約の通りに開栓に立ち会います。
                            </li>
                            <li>
                                <strong>優先開梱</strong>当日就寝に必要な荷物（寝具・洗面用具）を優先して開封します。
                            </li>
                        </ul>
                    </div>
                </div>
            </section>

            <!-- 手続き一覧テーブル -->
            <section class="table-section" id="step_table">
                <h3>主要な手続きと必要書類一覧</h3>
                <div class="table-container">
                    <table class="table-wrapper">
                        <thead>
                            <tr>
                                <th style="width: 25%;" scope="col">提出先</th>
                                <th style="width: 35%;" scope="col">手続き内容</th>
                                <th style="width: 40%;" scope="col">必要書類・持ち物</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td><strong>旧住所の役所</strong></td>
                                <td>転出届の提出</td>
                                <td>本人確認書類、印鑑</td>
                            </tr>
                            <tr>
                                <td><strong>新住所の役所</strong></td>
                                <td>転入届の手続き</td>
                                <td>転出証明書、本人確認書類</td>
                            </tr>
                            <tr>
                                <td><strong>警察署</strong></td>
                                <td>免許証の住所変更</td>
                                <td>運転免許証、新住民票</td>
                            </tr>
                            <tr>
                                <td><strong>金融機関</strong></td>
                                <td>住所変更届</td>
                                <td>届出印、新住所の確認書類</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </section>
        </main>
    </div>

</body>
</html>]]></description>
            <pubDate>2026-05-31</pubDate>
        </item>
                
        <item>
            <title>内見チェックリスト</title>
            <link>https://www.noahlivehome.jp/blog/entry-818482/</link>
            <description><![CDATA[


    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>賃貸内見チェックリスト</title>
    <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@300;400;500;700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200">
    <style>
        /* 背景白 ＆ ベージュ系の洗練されたカラーパレット */
        :root {
            --bg-color: #ffffff;      /* 全体の背景（クリーンホワイト） */
            --card-bg: #faf7f2;       /* カード背景（ごく淡いミルキーベージュ） */
            --primary-color: #7c6651;  /* メイン文字・アクセント（ココアブラウン） */
            --accent-color: #e6dfd3;   /* 見出し背景（ソフトベージュ） */
            --border-color: #ebd9c8;   /* 境界線（マイルドベージュ） */
            --text-color: #3d352e;     /* 本文（ビターブラウン） */
            --check-checked: #c5b6a7;  /* チェック済みの薄いカラー */
            --card-beige: #F9F6F0;     /* フッター用淡いベージュ */
            --text-muted: #615553;
        }

        body {
            font-family: 'Noto Sans JP', 'Helvetica Neue', Arial, sans-serif;
            background-color: var(--bg-color);
            color: var(--text-color);
            margin: 0;
            padding: 20px 10px 0 10px;
            line-height: 1.6;
            touch-action: manipulation;
        }

        .container {
            max-width: 600px;
            margin: 0 auto;
        }

        /* ヘッダー */
        header {
            text-align: center;
            margin-bottom: 25px;
            background-color: var(--bg-color);
            padding: 20px 10px;
            border-bottom: 2px dashed var(--accent-color);
        }

        .header-title {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            color: var(--primary-color);
            margin: 0 0 10px 0;
        }

        .header-title h1 {
            font-size: 1.4rem;
            margin: 0;
            font-weight: 600;
        }

        header p {
            font-size: 0.85rem;
            margin: 0;
            color: #706356;
        }

        /* セクション（カードスタイル） */
        .section {
            background-color: var(--bg-color);
            border-radius: 12px;
            border: 1px solid var(--accent-color);
            margin-bottom: 20px;
            overflow: hidden;
            box-shadow: 0 2px 8px rgba(124, 102, 81, 0.04);
        }

        h2 {
            background-color: var(--card-bg);
            color: var(--primary-color);
            font-size: 1.05rem;
            margin: 0;
            padding: 14px 15px;
            display: flex;
            align-items: center;
            gap: 8px;
            border-bottom: 1px solid var(--accent-color);
        }

        /* アイコンの共通スタイル設定 */
        .material-symbols-outlined {
            font-size: 22px;
            font-variant-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
            color: var(--primary-color);
            flex-shrink: 0;
        }
        
        /* 持ち物リスト内のミニアイコン用 */
        .belonging-item .material-symbols-outlined {
            font-size: 18px;
            color: var(--primary-color);
        }

        /* 箇条書き・リスト */
        .item-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .item {
            border-bottom: 1px solid #f5efe6;
            transition: background-color 0.2s;
        }

        .item:last-child {
            border-bottom: none;
        }

        .item:hover {
            background-color: var(--card-bg);
        }

        .item-label {
            display: flex;
            align-items: flex-start;
            padding: 14px 15px;
            cursor: pointer;
            width: 100%;
            box-sizing: border-box;
        }

        /* チェックボックスのカスタム */
        .item-label input[type="checkbox"] {
            margin-top: 2px;
            margin-right: 12px;
            width: 20px;
            height: 20px;
            cursor: pointer;
            accent-color: var(--primary-color);
            flex-shrink: 0;
        }

        /* チェック時のテキスト装飾（文字を薄く） */
        .item-label input[type="checkbox"]:checked + .item-text {
            text-decoration: line-through;
            color: var(--check-checked);
            opacity: 0.7;
        }

        /* チェックが入った行の背景をわずかにベージュに */
        .item:has(input[type="checkbox"]:checked) {
            background-color: #faf9f6;
        }

        .item-text {
            font-size: 0.9rem;
            flex: 1;
            user-select: none;
        }

        /* 持ち物リスト用のスタイル */
        .belongings-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 10px;
            padding: 15px;
            background-color: #ffffff;
        }

        .belonging-item {
            background-color: var(--card-bg);
            padding: 12px;
            border-radius: 8px;
            font-size: 0.85rem;
            display: flex;
            align-items: center;
            gap: 8px;
            border: 1px solid var(--accent-color);
            color: var(--text-color);
        }

        /* FOOTER（お部屋探しの流れと統一） */
        footer {
            text-align: center;
            margin-top: 40px;
            padding: 30px 0 40px 0;
            border-top: 1px solid var(--card-beige);
        }

        .footer-info {
            font-size: 13px;
            color: var(--text-muted);
        }

        @media (max-width: 400px) {
            .belongings-grid {
                grid-template-columns: 1fr;
            }
        }
    </style>



<div class="container">

    <header>
        <div class="header-title">
            <span class="material-symbols-outlined" style="font-size: 28px;">real_estate_agent</span>
            <h1>賃貸内見チェックリスト</h1></div>
    </header>

    <div class="section">
        <h2><span class="material-symbols-outlined">work</span>必須の持ち物</h2>
        <div class="belongings-grid">
            <div class="belonging-item"><span class="material-symbols-outlined">smartphone</span>スマホ（カメラ等）</div>
            <div class="belonging-item"><span class="material-symbols-outlined">square_foot</span>メジャー（3m〜5m）</div>
            <div class="belonging-item"><span class="material-symbols-outlined">edit_note</span>筆記用具・メモ帳</div>
            <div class="belonging-item"><span class="material-symbols-outlined">steps</span>脱ぎ履きしやすい靴</div>
        </div>
    </div>

    <div class="section">
        <h2><span class="material-symbols-outlined">sensor_door</span>玄関・廊下・収納</h2>
        <ul class="item-list">
            <li class="item"><label class="item-label"><input type="checkbox"><span class="item-text">玄関ドアの開閉、鍵の施錠はスムーズか</span></label></li>
            <li class="item"><label class="item-label"><input type="checkbox"><span class="item-text">靴箱の容量は十分か、棚の高さは変えられるか</span></label></li>
            <li class="item"><label class="item-label"><input type="checkbox"><span class="item-text">通路・玄関の幅を測定（大型家電が搬入できるか）</span></label></li>
            <li class="item"><label class="item-label"><input type="checkbox"><span class="item-text">クローゼットの奥行き、ハンガーパイプの有無</span></label></li>
        </ul>
    </div>

    <div class="section">
        <h2 id="room"><span class="material-symbols-outlined">chair</span>居室（リビング・寝室）</h2>
        <ul class="item-list">
            <li class="item"><label class="item-label"><input type="checkbox"><span class="item-text">コンセントの位置と数は十分か（ベッド周りなど）</span></label></li>
            <li class="item"><label class="item-label"><input type="checkbox"><span class="item-text">テレビ・ネット端子の場所を確認</span></label></li>
            <li class="item"><label class="item-label"><input type="checkbox"><span class="item-text">スマホの電波が部屋の奥まで入るか</span></label></li>
            <li class="item"><label class="item-label"><input type="checkbox"><span class="item-text">窓の幅・高さ、床からの高さを測定（カーテン用）</span></label></li>
            <li class="item"><label class="item-label"><input type="checkbox"><span class="item-text">壁を軽く叩いて、遮音性を確認（軽い音がしないか）</span></label></li>
        </ul>
    </div>

    <div class="section">
        <h2><span class="material-symbols-outlined">cooking</span>キッチン</h2>
        <ul class="item-list">
            <li class="item"><label class="item-label"><input type="checkbox"><span class="item-text">シンクの広さ、蛇口の水圧・お湯が出るか</span></label></li>
            <li class="item"><label class="item-label"><input type="checkbox"><span class="item-text">ガスの種類（都市ガス／プロパン）とコンロの口数</span></label></li>
            <li class="item"><label class="item-label"><input type="checkbox"><span class="item-text">冷蔵庫・レンジ置き場の幅と奥行きを測定</span></label></li>
        </ul>
    </div>

    <div class="section">
        <h2><span class="material-symbols-outlined">bathtub</span>水回り（お風呂・トイレ・洗面所）</h2>
        <ul class="item-list">
            <li class="item"><label class="item-label"><input type="checkbox"><span class="item-text">洗濯機置き場（防水パン）のサイズと蛇口の高さ</span></label></li>
            <li class="item"><label class="item-label"><input type="checkbox"><span class="item-text">お風呂の広さ、追い焚き・浴室乾燥機の有無</span></label></li>
            <li class="item"><label class="item-label"><input type="checkbox"><span class="item-text">排水口から異臭がしないか、水はけは良いか</span></label></li>
            <li class="item"><label class="item-label"><input type="checkbox"><span class="item-text">トイレの温水洗浄便座と電源コンセントの有無</span></label></li>
        </ul>
    </div>

    <div class="section">
        <h2><span class="material-symbols-outlined">apartment</span>共用部・周辺環境</h2>
        <ul class="item-list">
            <li class="item"><label class="item-label"><input type="checkbox"><span class="item-text">廊下や階段にゴミや私物が放置されていないか</span></label></li>
            <li class="item"><label class="item-label"><input type="checkbox"><span class="item-text">ゴミ置き場の管理状態（清掃やカラス対策）</span></label></li>
            <li class="item"><label class="item-label"><input type="checkbox"><span class="item-text">駅から物件までの坂道、夜間の街灯の有無</span></label></li>
            <li class="item"><label class="item-label"><input type="checkbox"><span class="item-text">駐輪場・駐車場の有無（サイズや広さ）</span></label></li>
            <li class="item"><label class="item-label"><input type="checkbox"><span class="item-text">近くにスーパーやコンビニがあるか</span></label></li>
            <li class="item"><label class="item-label"><input type="checkbox"><span class="item-text">学区や学校までの距離はどのくらいか</span></label></li>
        </ul>
    </div>

    <div class="section">
        <h2><span class="material-symbols-outlined">forum</span>不動産会社への確認事項</h2>
        <ul class="item-list">
            <li class="item"><label class="item-label"><input type="checkbox"><span class="item-text">エアコンや照明は「残置物」ではないか</span></label></li>
            <li class="item"><label class="item-label"><input type="checkbox"><span class="item-text">上下左右にどんな人が住んでいるか（騒音履歴）</span></label></li>
            <li class="item"><label class="item-label"><input type="checkbox"><span class="item-text">退去時の敷金償却ルールや更新料の有無</span></label></li>
        </ul>
    </div>


</div>


]]></description>
            <pubDate>2026-05-31</pubDate>
        </item>
                
        <item>
            <title>お部屋探しから入居までの流れ</title>
            <link>https://www.noahlivehome.jp/blog/entry-817470/</link>
            <description><![CDATA[ <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <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=Cinzel:wght@400;500;600&family=Noto+Sans+JP:wght@300;400;500;700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200">
    <style>
        /* 基本リセットと変数の定義 */
        *, *::before, *::after {
            box-sizing: border-box;
        }

        :root {
            --bg-color: #fcfbfa;
            --card-beige: #ffffff; 
            --point-bg: #f9f6f0;
            --main-gold: #b8936e;  
            --stamp-circle-bg: #f3ede2; 
            --arrow-circle-bg: #f7f3eb; 
            --text-dark: #2c2625;   
            --text-muted: #685e5c;
            --white: #ffffff;
            --border-light: #e8e2d9;
        }

        body {
            margin: 0;
            padding: 0;
            background-color: var(--bg-color);
            font-family: 'Noto Sans JP', sans-serif;
            color: var(--text-dark);
            line-height: 1.9;
            -webkit-font-smoothing: antialiased;
        }

        header, .header, #header, [class*="header"] {
            z-index: 9999 !important;
        }

        .container {
            max-width: 960px; 
            margin: 0 auto;
            padding: 60px 24px 100px 24px;
        }

        /* メインビジュアル */
        .header-visual {
            width: 100%;
            margin-bottom: 40px;
            border-radius: 20px; 
            overflow: hidden;
            box-shadow: 0 20px 40px rgba(44, 38, 37, 0.05);
        }

        .header-visual img {
            width: 100%;
            height: auto;
            display: block;
        }

        /* ヘッダーデザイン */
        header {
            text-align: center;
            margin-bottom: 60px;
        }

        /* 大きく・背景と枠線をつけた装飾バッジ（文字サイズを大きく調整） */
        header .en-title-badge {
            display: inline-block;
            font-family: 'Cinzel', serif;
            font-size: 20px;                     /* 16px から 20px に拡大 */
            letter-spacing: 0.3em;
            color: var(--main-gold);
            text-transform: uppercase;
            font-weight: 600;
            background-color: rgba(184, 147, 110, 0.06); 
            border: 1px solid rgba(184, 147, 110, 0.4);  
            padding: 12px 40px;                  /* 文字に合わせて余白を調整 */
            border-radius: 50px;                 
            margin-bottom: 28px;
            box-shadow: 0 4px 15px rgba(184, 147, 110, 0.03);
        }

        header h1 {
            position: relative;
            display: block;
            margin: 0 auto 24px auto;
            padding-bottom: 20px;
            font-size: clamp(26px, 5vw, 36px);
            font-weight: 700;
            letter-spacing: 0.1em;
            color: var(--text-dark);
            max-width: max-content;
        }

        header h1::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 50px;
            height: 2px;
            background-color: var(--main-gold);
        }

        /* 物件検索バナー画像用の外枠（センタリング用） */
        .search-banner-wrap {
            text-align: center;
            margin-top: 20px;
        }

        /* 物件検索バナー画像リンク用のスタイル */
        .search-banner-link {
            display: inline-block;
            max-width: 350px; 
            width: 100%;
            text-decoration: none;
            vertical-align: middle;
            transition: transform 0.3s ease, opacity 0.3s ease;
            background: transparent; /* 背景を完全に透明に */
        }

        /* マウスを乗せたときにふわっと浮き上がる演出 */
        .search-banner-link:hover {
            transform: translateY(-4px);
            opacity: 0.9;
        }

        .search-banner-img {
            width: 100%;
            height: auto;
            display: block;
            margin: 0 auto;
        }

        /* 大見出し */
        .section-title {
            text-align: center;
            margin: 100px 0 60px 0;
            position: relative;
            padding: 20px 0;
        }

        .section-title h2 {
            position: relative;
            z-index: 2;
            display: inline-block;
            font-size: 26px;
            font-weight: 700;
            margin: 0;
            letter-spacing: 0.12em;
            color: #3a3230;
            padding: 12px 40px;
            border-top: 1px solid var(--main-gold);
            border-bottom: 1px solid var(--main-gold);
        }

        .custom-flow-layout {
            margin: 0;
            padding: 0;
            border: none;
            display: flex;
            flex-direction: column;
            position: relative;
            z-index: 1 !important; 
        }

        /* カード（STEP枠） */
        .custom-flow-panel {
            background-color: var(--white);
            border: 1px solid var(--border-light);
            border-radius: 24px; 
            padding: 45px 50px 45px 50px; 
            position: relative;
            z-index: 2; 
            box-shadow: 0 12px 35px rgba(44, 38, 37, 0.03); 
        }

        /* スタンプをカードの左上にかぶせるデザイン */
        .bg-step-number {
            position: absolute !important;
            top: -35px !important;    
            left: -25px !important;   
            width: 95px !important;   
            height: 95px !important;  
            background-color: var(--stamp-circle-bg) !important; 
            border-radius: 50% !important; 
            display: flex !important;
            flex-direction: column !important;
            justify-content: center !important;
            align-items: center !important;
            text-align: center !important;
            z-index: 10 !important;   
            pointer-events: none !important;
            user-select: none !important;
            opacity: 1 !important;
            box-shadow: 4px 6px 18px rgba(184, 147, 110, 0.15) !important; 
            transform: none !important;
            transition: none !important;
            animation: none !important;
        }

        .bg-step-number::before {
            content: "STEP" !important;
            display: block !important;
            font-family: 'Cinzel', serif !important;
            font-size: 10px !important; 
            font-weight: 600 !important; 
            letter-spacing: 0.18em !important; 
            margin-bottom: -4px !important;
            margin-left: 2px !important;
            color: var(--main-gold) !important;
            text-shadow: none !important; 
        }

        .bg-step-number span {
            font-family: 'Cinzel', serif !important;
            font-size: 38px !important; 
            font-weight: 500 !important; 
            letter-spacing: -0.02em !important;
            display: block !important;
            color: var(--main-gold) !important;
            line-height: 1.0 !important;
            text-shadow: none !important;
        }

        /* 縦線のない、すっきりサークル矢印 */
        .flow-arrow {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            margin: 30px 0; 
            position: relative;
            pointer-events: none;
            user-select: none;
        }

        .arrow-icon-wrap {
            width: 38px;
            height: 38px;
            background-color: var(--arrow-circle-bg);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 4px 12px rgba(184, 147, 110, 0.08);
        }

        .flow-arrow .material-symbols-outlined {
            font-size: 22px; 
            color: var(--main-gold);
            font-weight: 500;
            opacity: 0.9;
        }

        /* タイトルまわりの装飾 */
        .flow-header {
            margin-bottom: 35px; 
            border: none !important; 
            padding: 0 !important; 
            text-align: center; 
        }

        /* 強調した大きめタイトル */
        .custom-flow-title {
            display: inline-block;
            font-size: 36px; 
            font-weight: 700;
            margin: 0;
            color: var(--text-dark);
            letter-spacing: 0.05em;
            border-left: none !important;
            padding-left: 0 !important;
            line-height: 1.4;
            white-space: nowrap; 
        }

        /* 回り込みレイアウト */
        .flow-body {
            display: block;
            position: relative;
        }

        .flow-body::after {
            content: "";
            display: block;
            clear: both;
        }

        /* 画像ボックス */
        .flow-image-box {
            float: right;
            width: 290px; 
            margin-left: 35px;
            margin-top: -10px; 
            margin-bottom: 12px;
            position: relative; 
        }

        .flow-image-box img {
            width: 100%;
            height: 200px;
            border-radius: 14px; 
            box-shadow: 0 15px 35px rgba(44, 38, 37, 0.08);
            display: block;
            object-fit: cover;
        }

        /* 説明文 */
        .flow-body p {
            margin: 0 0 20px 0;
            font-size: 15px;
            color: var(--text-muted);
            text-align: justify;
            font-weight: 400;
        }

        /* ポイントカード */
        .points-container {
            clear: both;
            display: flex;
            gap: 16px;
            padding-top: 15px;
        }

        .point-card {
            flex: 1;
            background-color: var(--point-bg);
            border-radius: 12px; 
            padding: 18px 14px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            text-align: center; 
            border: 1px solid rgba(184, 147, 110, 0.15);
        }

        .point-card span {
            display: block;
            font-family: 'Cinzel', serif;
            font-size: 11px;
            font-weight: 600;
            color: var(--main-gold);
            margin-bottom: 6px;
            letter-spacing: 0.1em;
            text-align: center;
        }

        .point-card p {
            font-size: 13px;
            font-weight: 700;
            margin: 0;
            color: var(--text-dark);
            line-height: 1.5;
            text-align: center;
        }

        /* リンクボタン */
        .link-button {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            margin-top: 20px;
            font-size: 14px;
            color: var(--main-gold);
            text-decoration: none;
            font-weight: 700;
            border-bottom: 1px solid var(--main-gold);
            padding-bottom: 4px;
        }

        .link-button:hover {
            color: var(--text-dark);
            border-color: var(--text-dark);
            opacity: 0.8;
        }

        .link-button .material-symbols-outlined {
            font-size: 16px;
        }

        /* PC時はスマホ専用改行タグを非表示にする */
        .sp-br {
            display: none;
        }

        /* ======= スマホ最適化（768px以下） ======= */
        @media (max-width: 768px) {
            .container {
                padding: 40px 16px 60px 16px;
            }
            header {
                margin-bottom: 35px;
            }
            
            /* スマホでのバッジ調整（文字サイズを大きく調整） */
            header .en-title-badge {
                font-size: 16px;                     /* 13px から 16px に拡大 */
                padding: 10px 30px;                  /* スマホ用余白に最適化 */
                margin-bottom: 20px;
                letter-spacing: 0.25em;
            }

            /* スマホでの検索バナー横幅 */
            .search-banner-link {
                max-width: 280px;
            }

            /* スマホ限定の改行コードを有効化 */
            .sp-br {
                display: inline;
            }

            /* スマホ時の大見出し・線の余白を引き締め */
            .section-title {
                margin: 40px 0 25px 0 !important; 
                padding: 5px 0 !important;
            }
            .section-title h2 {
                font-size: 20px !important;
                line-height: 1.4 !important;
                padding: 6px 12px !important; 
            }
            
            /* カード内の上部パディング */
            .custom-flow-panel {
                padding: 55px 20px 30px 20px !important; 
            }
            
            /* スマホでのスタンプ位置 */
            .bg-step-number {
                top: -24px !important;
                left: -6px !important;
                width: 70px !important;
                height: 70px !important;
                box-shadow: 2px 4px 10px rgba(184, 147, 110, 0.12) !important;
            }
            
            .bg-step-number::before {
                font-size: 8px !important;
                margin-bottom: -3px !important;
            }
            
            .bg-step-number span {
                font-size: 27px !important;
            }

            .flow-header {
                padding: 0 !important; 
                margin-bottom: 20px !important;
                text-align: center !important; 
            }

            /* スマホ内の小タイトル文字サイズ */
            .custom-flow-title {
                font-size: 19px !important;
                line-height: 1.4 !important;
                white-space: normal !important; 
            }

            /* スマホ表示時の説明文 */
            .flow-body p {
                font-size: 13.5px !important;
                line-height: 1.85 !important;
                margin-bottom: 16px !important;
            }

            .flow-arrow {
                margin: 20px 0;
            }
            .arrow-icon-wrap {
                width: 36px;
                height: 36px;
            }
            
            /* 画像のブロック化 */
            .flow-image-box {
                float: none;
                width: 100%;
                margin-left: 0;
                margin-top: 20px; 
                margin-bottom: 20px;
            }
            .flow-image-box img {
                height: 180px;
            }
            
            /* ポイントカードの縦並び */
            .points-container {
                flex-direction: column;
                gap: 10px;
            }
            .point-card {
                padding: 16px 20px;
            }
        }
    </style>



    <div class="container">
        <!-- メインビジュアル -->
        <div class="header-visual">
        
        </div>
        
        <header>
            <div class="header-content">
                <!-- 大きく背景・枠を施した英字タイトルバッジ -->
                <span class="en-title-badge">Room Hunting <br class="sp-only">Guide</span>
                
                <!-- 物件検索用の画像リンク（余白と背景色を解消） -->
                <div class="search-banner-wrap">
                    <a href="https://www.noahlivehome.jp/ensen1c1/" class="search-banner-link" target="_blank" rel="noopener">
                        <img src="//cdn.img-asp.jp/cms/817470_9_0_0_1.jpg" alt="物件検索はこちら" class="search-banner-img">
                    </a>
                </div>
            </div>
        </header>

        <main>
            <!-- 前半セクション -->
            <fieldset class="custom-flow-layout">
                <div class="section-title">
                    <h2>お部屋探しから<br class="sp-br">内見までの流れ</h2>
                </div>

                <!-- STEP 01 -->
                <article class="custom-flow-panel">
                    <div class="bg-step-number"><span>01</span></div>
                    
                    <div class="flow-header">
                        <h3 class="custom-flow-title">お部屋の条件を<br class="sp-only">決めましょう！</h3>
                    </div>
                    <div class="flow-body">
                        <div class="flow-image-box">
                            <img src="//cdn.img-asp.jp/cms/817470_3_0_0_1.jpg" alt="条件設定イメージ">
                        </div>
                        <p>まずは理想のお部屋をイメージしてみましょう。</p>
                        <p>希望するエリアや家賃、間取りなど自分の希望条件に合った物件を探します。不動産会社やインターネットの物件検索サイトを利用してお部屋探しを行うのが一般的です。</p>
                        <p>ただし、条件が良くなればなるほど家賃も上がっていきますので、予算の範囲内で譲れない条件を絞っていくといいでしょう。</p>
                        
                        <div class="points-container">
                            <div class="point-card">
                                <span>Point 1</span>
                                <p>毎月払う家賃（予算）</p>
                            </div>
                            <div class="point-card">
                                <span>Point 2</span>
                                <p>住みたい地域・最寄り駅</p>
                            </div>
                            <div class="point-card">
                                <span>Point 3</span>
                                <p>こだわりの条件</p>
                            </div>
                        </div>
                    </div>
                </article>

                <!-- すっきりサークル矢印 -->
                <div class="flow-arrow">
                    <div class="arrow-icon-wrap">
                        <span class="material-symbols-outlined">expand_more</span>
                    </div>
                </div>

                <!-- STEP 02 -->
                <article class="custom-flow-panel">
                    <div class="bg-step-number"><span>02</span></div>
                    
                    <div class="flow-header">
                        <h3 class="custom-flow-title">物件を探してみましょう！</h3>
                    </div>
                    <div class="flow-body">
                        <div class="flow-image-box">
                            <img src="//cdn.img-asp.jp/cms/817470_7_0_0_1.jpg" alt="物件検索イメージ">
                        </div>
                        <p>予算・条件が決まったら、実際に物件を検索してみましょう。</p>
                        <p>ネット上にはたくさんの物件情報がありますので、ある程度条件を絞り込んで探すのがスムーズです。</p>
                        <p>条件が多くてなかなか決まらない方は、ぜひ当社スタッフまでお気軽にご相談ください。お客様のご希望に寄り添い、ぴったりのお部屋をご紹介させていただきます。</p>
                    </div>
                </article>

                <!-- すっきりサークル矢印 -->
                <div class="flow-arrow">
                    <div class="arrow-icon-wrap">
                        <span class="material-symbols-outlined">expand_more</span>
                    </div>
                </div>

                <!-- STEP 03 -->
                <article class="custom-flow-panel">
                    <div class="bg-step-number"><span>03</span></div>
                    
                    <div class="flow-header">
                        <h3 class="custom-flow-title">お部屋を見にきましょう！</h3>
                    </div>
                    <div class="flow-body">
                        <div class="flow-image-box">
                            <img src="//cdn.img-asp.jp/cms/817470_2_0_0_1.jpg" alt="内見イメージ">
                        </div>
                        <p>気になる物件が見つかったら、いよいよ実際にお部屋の「内見」へ向かいます！</p>
                        <p>1回の内見は、大体2時間程度で3～5件ほどの物件を確認できます。しかし、道が混んでいるなど不測の事態でもっと時間がかかってしまう場合があります。そのため、内見の際は時間に余裕をもって来店するようにしましょう。インターネットの写真や資料だけでは分からない、実際の日当たりや細かな使い勝手などをしかっりチェックしましょう。</p>
                        <p>また、お部屋の中だけでなく、駅までの道のりや周辺環境（スーパー・コンビニの有無など）を合わせて確認しておくことも大切です。</p>
                        
                        <a href="https://www.noahlivehome.jp/blog/entry-818482/" class="link-button" target="_blank" rel="noopener">
                            お部屋のチェック方法はこちら <span class="material-symbols-outlined">open_in_new</span>
                        </a>
                    </div>
                </article>
            </fieldset>

            <!-- 後半セクション -->
            <fieldset class="custom-flow-layout">
                <div class="section-title">
                    <h2>申込から契約、<br class="sp-br">鍵の引き渡しまで</h2>
                </div>

                <!-- STEP 01 -->
                <article class="custom-flow-panel">
                    <div class="bg-step-number"><span>01</span></div>
                    
                    <div class="flow-header">
                        <h3 class="custom-flow-title">申し込み〜入居審査を受ける</h3>
                    </div>
                    <div class="flow-body">
                        <div class="flow-image-box">
                            <img src="//cdn.img-asp.jp/cms/817470_8_0_0_1.jpg" alt="入居申込イメージ">
                        </div>
                        <p>気に入ったお部屋が見つかったら、入居申込書を記入・提出していただきます。</p>
                        <p>ご記入いただいた内容をもとに、家主様や管理会社による入居審査が行われます。希望する入居日や条件交渉がある場合はお申込み時に伝えましょう。</p>
                        <p>申し込みには、本人確認書類（運転免許証やパスポートなど）や収入証明書、連帯保証人や緊急連絡先の情報などが必要です。</p>
                    </div>
                </article>

                <!-- すっきりサークル矢印 -->
                <div class="flow-arrow">
                    <div class="arrow-icon-wrap">
                        <span class="material-symbols-outlined">expand_more</span>
                    </div>
                </div>

                <!-- STEP 02 -->
                <article class="custom-flow-panel">
                    <div class="bg-step-number"><span>02</span></div>
                    
                    <div class="flow-header">
                        <h3 class="custom-flow-title">重要事項説明を受ける</h3>
                    </div>
                    <div class="flow-body">
                        <div class="flow-image-box">
                            <img src="//cdn.img-asp.jp/cms/817470_6_0_0_1.jpg" alt="重要事項説明イメージ">
                        </div>
                        <p>今後の手続きの流れや必要書類、また物件に関する重要な事項について宅地建物取引士よりご説明いたします。賃貸借契約を結ぶ前の大切なステップです。</p>
                        <p>重要事項説明とは、賃貸借契約前に物件の詳細や利用条件など、物件と契約に関する重要な事項を説明することです。不動産会社の宅地建物取引士（宅建士）が必ず行わないといけないと法律で定められています。</p>
                    </div>
                </article>

                <!-- すっきりサークル矢印 -->
                <div class="flow-arrow">
                    <div class="arrow-icon-wrap">
                        <span class="material-symbols-outlined">expand_more</span>
                    </div>
                </div>

                <!-- STEP 03 -->
                <article class="custom-flow-panel">
                    <div class="bg-step-number"><span>03</span></div>
                    
                    <div class="flow-header">
                        <h3 class="custom-flow-title">契約手続きをする</h3>
                    </div>
                    <div class="flow-body">
                        <div class="flow-image-box">
                            <img src="//cdn.img-asp.jp/cms/817470_5_0_0_1.jpg" alt="契約手続きイメージ">
                        </div>
                        <p>入居審査および重要事項説明が終わりましたら、いよいよ正式なご契約となります。</p>
                        <p>賃貸借契約書には、契約期間や賃料、更新に関する規定など重要な内容が記載されています。内容をよく確認し、納得した上で契約を行いましょう。借主とオーナー（または不動産会社）が署名・捺印を行うと契約締結となります。</p>
                        <p>不明点があればその場で必ず確認しましょう。詳細はスタッフより丁寧にご案内いたします。</p>
                    </div>
                </article>

                <!-- すっきりサークル矢印 -->
                <div class="flow-arrow">
                    <div class="arrow-icon-wrap">
                        <span class="material-symbols-outlined">expand_more</span>
                    </div>
                </div>

                <!-- STEP 04 -->
                <article class="custom-flow-panel">
                    <div class="bg-step-number"><span>04</span></div>
                    
                    <div class="flow-header">
                        <h3 class="custom-flow-title">物件・鍵の引渡し！</h3>
                    </div>
                    <div class="flow-body">
                        <div class="flow-image-box">
                            <img src="//cdn.img-asp.jp/cms/817470_4_0_0_1.jpg" alt="鍵の引渡しイメージ">
                        </div>
                        <p>すべての手続きと入金が完了しましたら、物件の鍵をお渡しいたします。</p>
                        <p>お引越し日までに荷造りを進め、電気・ガス・水道などの各種ライフラインの手続き、必要に応じて引越し業者の手配などを行い、万全な状態で新生活を迎えましょう！</p>
                    </div>
                </article>
            </fieldset>
        </main>

        <footer>
            <div class="footer-info">
            </div>
        </footer>
    </div>


]]></description>
            <pubDate>2026-05-31</pubDate>
        </item>
            </channel>
</rss>
