
<rss version="2.0">
    <channel>
        <title>株式会社　ニッチリビングのブログ</title>
        <link>https://www.nicheliving.co.jp/blog/</link>
        <description>株式会社　ニッチリビングのブログ</description>
        <language>ja</language>
                
        <item>
            <title>HAPPOYA ｜ 武家屋敷再生プロジェクト</title>
            <link>https://www.nicheliving.co.jp/blog/entry-855864/</link>
            <description><![CDATA[<style>
  /* ブログ標準のアイキャッチ画像・タイトル・日付を非表示 */
  .blog__header,                                  /* PC */
  .blog__mv, .blog__headline, .blog__note {       /* スマホ */
    display:none !important;
  }
  .blog__contents { margin-top:0 !important; padding-top:0 !important; }
  .breadcrumbs {                                  /* パンくず（PC・スマホ共通） */
    display:none !important;
  }

  /* PCのみ適用（スマホではヘッダー分の上余白が消えてヘッダーが隠れるため） */
  @media (min-width:768px) {
    .l-main {
      width: var(--screen-size);
      margin: auto;
      padding: 0 0 0px;
    }
  }

  .blog__article {
    padding: 0 20px 0px;
  }

  .hp { --hp-navy:#1b3a5c; --hp-text:#000; --hp-sub:#000; /* グレーの文字を黒に */ --hp-line:#dfe3e8; --hp-bg-alt:#f5f7f9; --hp-ph:#c9ced4;
    font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic",Meiryo,sans-serif;
    color:var(--hp-text); line-height:1.8; letter-spacing:.04em; background:#fff; -webkit-font-smoothing:antialiased; }
  /* ブログ本文の800px枠を抜けて画面幅いっぱいに広げる */
  .hp { position:relative; z-index:0; width:100vw; max-width:none !important; margin-left:calc(50% - 50vw) !important; margin-right:calc(50% - 50vw) !important; }
  html, body { overflow-x:clip; } /* 100vw指定による横スクロール防止 */
  .hp *, .hp *::before, .hp *::after { box-sizing:border-box; }

  /* ブログ既存スタイルの打ち消し（.hp.hp で優先度を上げています） */
  .hp.hp h1, .hp.hp h2, .hp.hp h3 { padding:0; border:none; background:none; box-shadow:none; }
  .hp.hp h1::before, .hp.hp h1::after, .hp.hp h2::before, .hp.hp h2::after, .hp.hp h3::before, .hp.hp h3::after { content:none; display:none; }
  .hp.hp table, .hp.hp th, .hp.hp td { border:none; background:none; }
  .hp.hp p { margin:0; }
  .hp.hp a { text-decoration:none; }

  /* 仮画像・画像枠 */
  .hp.hp .hp-ph { position:relative; width:100%; background:var(--hp-ph); border-radius:8px; overflow:hidden;
    display:flex; align-items:center; justify-content:center; color:#fff; font-size:24px; font-weight:700; letter-spacing:.08em; }
  .hp.hp .hp-ph img { position:absolute !important; inset:0 !important; width:100% !important; height:100% !important; max-width:none !important; max-height:none !important;
    margin:0 !important; padding:0 !important; border:0 !important; border-radius:0 !important; object-fit:cover !important; display:block !important;
    box-shadow:none !important; filter:none !important; opacity:1 !important; transform:none !important;
    -webkit-mask-image:none !important; mask-image:none !important; }
  /* ブログ側が画像枠に付けるぼかし（靄）を打ち消す */
  .hp.hp .hp-ph::before, .hp.hp .hp-ph::after,
  .hp.hp .hp-ph *::before, .hp.hp .hp-ph *::after { content:none !important; display:none !important; }
  .hp.hp .hp-ph { box-shadow:none !important; filter:none !important; -webkit-mask-image:none !important; mask-image:none !important; }
  .hp.hp .hp-ph *:not(img) { background:none !important; box-shadow:none !important; filter:none !important; padding:0 !important; margin:0 !important; border:0 !important; }

  /* 画像ファイル自体の周囲にぼかし（曇りガラス状の余白）が入っている写真は、
     拡大して枠の外に逃がす。数値を上げるほど大きく切り取ります */
  .hp.hp .hp-ph.hp-ph--trim img { transform:scale(var(--trim, 1.2)) !important; }

  /* 共通 */
  .hp.hp .hp-sec { padding:64px 0; }
  .hp.hp .hp-sec--alt { background:var(--hp-bg-alt); }
  .hp.hp .hp-inner { max-width:1360px; margin:0 auto; padding:0 80px; } /* コンテンツ幅 1200px */
  .hp.hp .hp-ttl { margin:0 0 20px; color:var(--hp-navy); font-size:32px; font-weight:700; line-height:1.5; letter-spacing:.05em; }
  .hp.hp .hp-lead { font-size:18px; line-height:2.1; }
  .hp.hp .hp-lead + .hp-lead { margin-top:20px; }
  .hp.hp .hp-cap { margin-top:10px; font-size:15px; color:var(--hp-sub); line-height:1.9; }

  /* block1 ヒーロー（キャッチコピーは画像内に入っているため、画像全体を切らずに表示） */
  .hp.hp .hp-hero { position:relative; background:#fff; }
  .hp.hp .hp-hero .hp-ph { aspect-ratio:16/9; max-width:1200px; margin:0 auto; border-radius:0; background:#9aa1a8; } /* 横幅1200px */

  /* block2 受賞 */
  .hp.hp .hp-award { max-width:1200px; margin:0 auto; background:var(--hp-navy); color:#fff; text-align:center; padding:40px 20px 36px; } /* 画像1と同じ横幅1200px */
  .hp.hp .hp-award__ttl { margin:0; color:#fff; font-size:28px; font-weight:700; letter-spacing:.04em; line-height:1.5; text-align:center !important; }
  .hp.hp .hp-award__sub { margin-top:6px; font-size:15px; color:rgba(255,255,255,.75); text-align:center !important; }

  /* block3 Before/After */
  .hp.hp .hp-ba .hp-ttl { text-align:center; margin-bottom:48px; }
  .hp.hp .hp-ba__row { display:grid; grid-template-columns:1fr 70px 1fr; align-items:center; }
  .hp.hp .hp-ba__row .hp-ph { aspect-ratio:680/452; }
  .hp.hp .hp-ba__img1 { grid-column:1; grid-row:1; }
  .hp.hp .hp-ba__arrow { grid-column:2; grid-row:1; text-align:center; color:#9aa3ad; font-size:36px; font-weight:300; line-height:1; }
  .hp.hp .hp-ba__img2 { grid-column:3; grid-row:1; }
  .hp.hp .hp-ba__cap1 { grid-column:1; grid-row:2; align-self:start; }
  .hp.hp .hp-ba__cap2 { grid-column:3; grid-row:2; align-self:start; }

  /* block4 物件概要 */
  .hp.hp .hp-spec .hp-ttl { margin-bottom:40px; }
  .hp.hp .hp-spec__tbl { width:100%; border-collapse:collapse; }
  .hp.hp .hp-spec__tbl th, .hp.hp .hp-spec__tbl td { padding:16px 0 17px; border-bottom:1px solid var(--hp-line); text-align:left; vertical-align:middle; }
  .hp.hp .hp-spec__tbl th { width:240px; font-size:16px; font-weight:400; color:var(--hp-sub); }
  .hp.hp .hp-spec__tbl td { font-size:19px; color:#000; }
  .hp.hp .hp-spec__src { margin-top:18px; font-size:14px; color:var(--hp-sub); }

  /* block5 スキーム／block8 飲食店（2カラム） */
  .hp.hp .hp-scheme__grid { display:grid; grid-template-columns:1fr 440px; gap:50px; align-items:start; }
  .hp.hp .hp-gyoza__grid { display:grid; grid-template-columns:440px 1fr; gap:50px; align-items:start; }
  .hp.hp .hp-scheme__grid .hp-ph, .hp.hp .hp-gyoza__grid .hp-ph { aspect-ratio:560/588; }
  .hp.hp .hp-scheme .hp-ttl, .hp.hp .hp-gyoza .hp-ttl { margin-bottom:24px; }
  .hp.hp .hp-scheme__note { margin-top:32px; padding-top:14px; border-top:1px solid var(--hp-line); font-size:15px; color:var(--hp-sub); }

  /* block6 受け継いだもの */
  .hp.hp .hp-inherit__box { display:inline-block; margin-top:40px; padding:12px 22px; border:1px solid #d5d9de; border-radius:3px; background:#fff; font-size:16px; }
  .hp.hp .hp-grid2 { display:grid; grid-template-columns:1fr 1fr; gap:24px 30px; margin-top:40px; }
  .hp.hp .hp-grid2 .hp-ph { aspect-ratio:700/500; }

  /* block7 客室 */
  .hp.hp .hp-rooms .hp-ttl { margin-bottom:14px; }
  .hp.hp .hp-rooms .hp-ph { aspect-ratio:700/466; }
  .hp.hp .hp-room__name { margin-top:14px; font-size:19px; font-weight:700; color:var(--hp-navy); letter-spacing:.02em; }
  .hp.hp .hp-room__sep { display:inline-block; width:1px; height:.9em; background:#b8c0c8; margin:0 .5em; vertical-align:-.05em; }
  .hp.hp .hp-room__txt { margin-top:4px; font-size:15px; color:var(--hp-sub); }

  /* block7b 庭 */
  .hp.hp .hp-grid3 { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:40px; }
  .hp.hp .hp-grid3 .hp-ph { aspect-ratio:460/328; }
  .hp.hp .hp-garden__credit { margin-top:20px; padding-top:14px; border-top:1px solid var(--hp-line); font-size:15px; color:var(--hp-sub); }

  /* block9 CTA */
  .hp.hp .hp-cta { background:#19412A; color:#fff; text-align:center; padding:72px 20px 96px; }
  .hp.hp .hp-cta__ttl { margin:0; color:#fff; font-size:34px; font-weight:700; letter-spacing:.06em; line-height:1.5; }
  .hp.hp .hp-cta__lead { margin-top:24px; font-size:18px; line-height:2.1; color:#e6ebf1; }
  .hp.hp .hp-cta__btns { display:flex; justify-content:center; gap:24px; margin-top:44px; flex-wrap:wrap; }
  .hp.hp .hp-cta__btn { position:relative; display:flex; align-items:center; justify-content:center; width:340px; max-width:100%; height:66px; padding:0 48px;
    border:2px solid #fff; border-radius:4px; font-size:19px; font-weight:700; letter-spacing:.06em; }
  .hp.hp .hp-cta__btn::after { content:"›"; position:absolute; right:28px; font-size:24px; font-weight:700; line-height:1; }
  .hp.hp .hp-cta__btn--w { background:#fff; color:var(--hp-navy); }
  .hp.hp .hp-cta__btn--o { background:transparent; color:#fff; }
  .hp.hp .hp-cta__btn:focus-visible { outline:3px solid #9cc3ea; outline-offset:3px; }
  .hp.hp .hp-cta__info { margin-top:36px; font-size:16px; line-height:2; color:#c9d3de; }

  @media (max-width:1100px) {
    .hp.hp .hp-inner { padding:0 30px; }
    .hp.hp .hp-scheme__grid, .hp.hp .hp-gyoza__grid { grid-template-columns:1fr; gap:32px; }
    .hp.hp .hp-spec__tbl th { width:34%; }
  }
  @media (max-width:767px) {
    .hp.hp .hp-sec { padding:48px 0; }
    .hp.hp .hp-inner { padding:0 20px; }
    .hp.hp .hp-ttl { font-size:22px; }
    .hp.hp .hp-lead { font-size:15px; line-height:2; }
    .hp.hp .hp-lead + .hp-lead { margin-top:16px; }
    .hp.hp .hp-cap { font-size:13px; }
    .hp.hp .hp-ph { font-size:16px; }

    .hp.hp .hp-award { padding:28px 20px; }
    .hp.hp .hp-award__ttl { font-size:18px; }
    .hp.hp .hp-award__sub { font-size:13px; }

    .hp.hp .hp-ba .hp-ttl { margin-bottom:28px; }
    .hp.hp .hp-ba__row { grid-template-columns:1fr; }
    .hp.hp .hp-ba__img1 { grid-row:1; grid-column:1; }
    .hp.hp .hp-ba__cap1 { grid-row:2; grid-column:1; }
    .hp.hp .hp-ba__arrow { grid-row:3; grid-column:1; transform:rotate(90deg); font-size:28px; margin:10px 0; }
    .hp.hp .hp-ba__img2 { grid-row:4; grid-column:1; }
    .hp.hp .hp-ba__cap2 { grid-row:5; grid-column:1; }

    .hp.hp .hp-spec .hp-ttl { margin-bottom:24px; }
    /* スマホ：表を縦積みにする（ブログ側の表スタイルで行が重なるため !important で固定） */
    .hp.hp .hp-spec__tbl, .hp.hp .hp-spec__tbl tbody, .hp.hp .hp-spec__tbl tr,
    .hp.hp .hp-spec__tbl th, .hp.hp .hp-spec__tbl td {
      display:block !important; width:100% !important; height:auto !important; min-height:0 !important; max-height:none !important;
      position:static !important; float:none !important; overflow:visible !important; transform:none !important;
      white-space:normal !important; text-align:left !important;
    }
    .hp.hp .hp-spec__tbl { border-top:1px solid var(--hp-line) !important; }
    .hp.hp .hp-spec__tbl tr { padding:14px 0 !important; border-bottom:1px solid var(--hp-line) !important; }
    .hp.hp .hp-spec__tbl th { padding:0 0 4px !important; border:none !important; font-size:13px; font-weight:700; line-height:1.6 !important; color:var(--hp-navy); }
    .hp.hp .hp-spec__tbl td { padding:0 !important; border:none !important; font-size:15px; line-height:1.7 !important; }
    .hp.hp .hp-spec__src { font-size:12px; }

    .hp.hp .hp-scheme .hp-ttl, .hp.hp .hp-gyoza .hp-ttl { margin-bottom:16px; }
    .hp.hp .hp-scheme__note { font-size:13px; margin-top:24px; }

    .hp.hp .hp-inherit__box { display:block; margin-top:28px; padding:10px 14px; font-size:14px; }
    .hp.hp .hp-grid2 { grid-template-columns:1fr; gap:20px; margin-top:24px; }
    .hp.hp .hp-room__name { font-size:16px; }
    .hp.hp .hp-room__txt { font-size:14px; }

    .hp.hp .hp-grid3 { grid-template-columns:1fr; gap:20px; margin-top:24px; }
    .hp.hp .hp-garden__credit { font-size:13px; }

    .hp.hp .hp-cta { padding:56px 20px 64px; }
    .hp.hp .hp-cta__ttl { font-size:20px; }
    .hp.hp .hp-cta__lead { font-size:14px; }
    .hp.hp .hp-cta__btns { gap:14px; margin-top:32px; }
    .hp.hp .hp-cta__btn { width:100%; max-width:340px; height:58px; font-size:16px; }
    .hp.hp .hp-cta__btn::after { right:22px; font-size:22px; }
    .hp.hp .hp-cta__info { font-size:13px; margin-top:28px; }
  }
</style>

<div class="hp">

  <!-- ===== block1 ヒーロー ===== -->
  <section class="hp-hero">
    <div class="hp-ph"><img src="//cdn.img-asp.jp/cms/855864_14_0_0_1.jpg" alt="PROJECT 01　HAPPOYA｜武家屋敷再生プロジェクト　売らずに、貸す。30年後、土地をお返しします。"></div>
  </section>

  <!-- ===== block2 受賞 ===== -->
  <section class="hp-award">
    <h2 class="hp-award__ttl">第34回 八戸市景観賞（建築物部門） 受賞</h2>
    <p class="hp-award__sub">八戸市による第三者評価</p>
  </section>

  <!-- ===== block3 Before / After ===== -->
  <section class="hp-sec hp-ba">
    <div class="hp-inner">
      <h2 class="hp-ttl">空き家だった武家屋敷が、人を迎える建物になりました。</h2>
      <div class="hp-ba__row">
        <div class="hp-ph hp-ph--trim hp-ba__img1"><img src="//cdn.img-asp.jp/cms/855864_13_0_0_1.jpg" alt="再生前｜通りから見た姿" loading="lazy"></div>
        <div class="hp-ba__arrow" aria-hidden="true">›</div>
        <div class="hp-ph hp-ph--trim hp-ba__img2"><img src="//cdn.img-asp.jp/cms/855864_12_0_0_1.jpg" alt="再生後｜同じ位置から見た現在" loading="lazy"></div>
        <p class="hp-cap hp-ba__cap1">再生前｜通りから見た姿。門と板塀の奥に、空き家となった母屋がありました。</p>
        <p class="hp-cap hp-ba__cap2">再生後｜同じ位置から見た現在。門はそのまま残し、建物を整えました。</p>
      </div>
    </div>
  </section>

  <!-- ===== block4 物件概要 ===== -->
  <section class="hp-sec hp-spec">
    <div class="hp-inner">
      <h2 class="hp-ttl">物件概要</h2>
      <table class="hp-spec__tbl">
        <tbody>
          <tr><th>施設名</th><td>八方屋（HAPPOYA）</td></tr>
          <tr><th>所在地</th><td>青森県八戸市上徒士町10</td></tr>
          <tr><th>建物</th><td>木造亜鉛メッキ鋼板葺 平家建 202.47㎡（約61坪）</td></tr>
          <tr><th>築年</th><td>築100年以上（足軽が居住した武家屋敷に由来する敷地）</td></tr>
          <tr><th>土地</th><td>事業用定期借地権（30年）</td></tr>
          <tr><th>工期</th><td>2024年3月 着工 ― 2025年1月 引渡し（約11か月）</td></tr>
          <tr><th>用途</th><td>宿泊施設（客室2室）＋飲食店</td></tr>
          <tr><th>許可</th><td>旅館業法の許可を取得</td></tr>
          <tr><th>事業主</th><td>TSキャピタル株式会社</td></tr>
          <tr><th>設計・施工</th><td>株式会社コサワアーキテクス（八戸市）</td></tr>
          <tr><th>庭園</th><td>設計：樹 ITSUKI 橋本 卓 ／ 施工：株式会社みちのく庭園</td></tr>
          <tr><th>受賞</th><td>第34回 八戸市景観賞（建築物部門）</td></tr>
        </tbody>
      </table>
      <p class="hp-spec__src">出典：建物登記事項証明書／八方屋 公式サイト</p>
    </div>
  </section>

  <!-- ===== block5 スキーム ===== -->
  <section class="hp-sec hp-scheme">
    <div class="hp-inner">
      <div class="hp-scheme__grid">
        <div>
          <h2 class="hp-ttl">土地を売らずに、<br>空き家を動かす方法。</h2>
          <p class="hp-lead">空き家をどうにかしたい。でも、先祖から受け継いだ土地は手放したくない。八戸のまちなかで、いちばん多く聞く話です。</p>
          <p class="hp-lead">この案件では、土地を購入していません。事業用定期借地権を設定して、30年間お借りしています。</p>
          <p class="hp-lead">30年という期限を決めました。決めたから、動き出せました。「いつか誰かが」では、空き家は朽ちていくだけです。</p>
          <p class="hp-lead">30年後、更地に戻してお返しするか、建物ごとお引き渡しするか。その選択は、地主様に残してあります。100年使われてきた建物が、次の30年も使われている。そのうえで決めていただくのが、いちばん良いと考えました。</p>
          <p class="hp-scheme__note">事業化を担当したのは、当社の共同経営者でもある不動産鑑定士の須田 徹です。</p>
        </div>
        <div class="hp-ph"><img src="//cdn.img-asp.jp/cms/855864_11_0_0_1.jpg" alt="HAPPOYA" loading="lazy"></div>
      </div>
    </div>
  </section>

  <!-- ===== block6 受け継いだもの ===== -->
  <section class="hp-sec hp-sec--alt hp-inherit">
    <div class="hp-inner">
      <h2 class="hp-ttl">家紋の引き戸は、そのまま使っています。</h2>
      <p class="hp-lead">本家にとって大切な家でした。その思いを受け継ぐことが、この再生の前提でした。</p>
      <p class="hp-lead">家紋の入った引き戸。門扉。柱と梁。漆喰の壁。建物が積み重ねてきた時間が見える部分は、手を入れずに引き継いでいます。築100年を超える梁は、いまも食事処と客室の両方から見えます。</p>
      <p class="hp-lead">いっぽうで、泊まれる建物にするために、設備はすべて新しくしました。水回り、断熱、空調、消防設備、耐震補強、電気。見えないところは、現在の基準に作り直しています。</p>
      <p class="hp-lead">どこを残し、どこを変えるか。その線引きが、古い建物の再生では最も難しく、そして仕上がりを決めます。</p>
      <p class="hp-inherit__box">宿の紋には、地主様のご厚意により、ご本家の家紋を使わせていただいています。</p>
      <div class="hp-grid2">
        <div>
          <div class="hp-ph"><img src="//cdn.img-asp.jp/cms/855864_7_0_0_1.jpg" alt="工事中｜門はそのまま残し、建物側の工事を進める" loading="lazy"></div>
          <p class="hp-cap">工事中｜門はそのまま残し、建物側の工事を進める</p>
        </div>
        <div>
          <div class="hp-ph"><img src="//cdn.img-asp.jp/cms/855864_8_0_0_1.jpg" alt="工事中｜築100年を超える梁" loading="lazy"></div>
          <p class="hp-cap">工事中｜築100年を超える梁。現しのまま引き継ぐ</p>
        </div>
        <div>
          <div class="hp-ph"><img src="//cdn.img-asp.jp/cms/855864_9_0_0_1.jpg" alt="工事中｜柱と梁を残したまま、壁と断熱をつくり直す" loading="lazy"></div>
          <p class="hp-cap">工事中｜柱と梁を残したまま、壁と断熱をつくり直す</p>
        </div>
        <div>
          <div class="hp-ph"><img src="//cdn.img-asp.jp/cms/855864_10_0_0_1.jpg" alt="再生後｜家紋の入った引き戸" loading="lazy"></div>
          <p class="hp-cap">再生後｜家紋の入った引き戸。畳に紋の影が落ちる</p>
        </div>
      </div>
    </div>
  </section>

  <!-- ===== block7 客室 ===== -->
  <section class="hp-sec hp-rooms">
    <div class="hp-inner">
      <h2 class="hp-ttl">八方の間と、四方の間。</h2>
      <p class="hp-lead">客室は2室だけです。数を増やすより、一組に対して深く応対することを選びました。</p>
      <div class="hp-grid2">
        <div>
          <div class="hp-ph"><img src="//cdn.img-asp.jp/cms/855864_5_0_0_1.jpg" alt="八方の間" loading="lazy"></div>
          <p class="hp-room__name">八方の間<span class="hp-room__sep"></span>82.51㎡・定員6名</p>
          <p class="hp-room__txt">庭を望む特別な空間で、四季の移ろいを感じる静寂のひととき。</p>
        </div>
        <div>
          <div class="hp-ph"><img src="//cdn.img-asp.jp/cms/855864_6_0_0_1.jpg" alt="四方の間" loading="lazy"></div>
          <p class="hp-room__name">四方の間<span class="hp-room__sep"></span>42.23㎡・定員3名</p>
          <p class="hp-room__txt">シンプルな空間だからこそ感じる、心地よい落ち着き。</p>
        </div>
      </div>
    </div>
  </section>

  <!-- ===== block7b 庭 ===== -->
  <section class="hp-sec hp-garden">
    <div class="hp-inner">
      <h2 class="hp-ttl">庭にも、同じだけ手を入れました。</h2>
      <p class="hp-lead">古い建物を再生するとき、つい建物だけを見てしまいます。けれど、門をくぐってから玄関までの数歩や、縁側から見える景色が、その建物の印象を決めます。</p>
      <p class="hp-lead">建物の時間に、庭の時間を合わせました。</p>
      <div class="hp-grid3">
        <div>
          <div class="hp-ph"><img src="//cdn.img-asp.jp/cms/855864_4_0_0_1.jpg" alt="門から玄関へ続く石畳のアプローチ" loading="lazy"></div>
          <p class="hp-cap">門から玄関へ続く石畳のアプローチ</p>
        </div>
        <div>
          <div class="hp-ph"><img src="//cdn.img-asp.jp/cms/855864_3_0_0_1.jpg" alt="植栽越しに見る客室の外観" loading="lazy"></div>
          <p class="hp-cap">植栽越しに見る客室の外観</p>
        </div>
        <div>
          <div class="hp-ph"><img src="//cdn.img-asp.jp/cms/855864_2_0_0_1.jpg" alt="春には牡丹が咲く" loading="lazy"></div>
          <p class="hp-cap">春には牡丹が咲く</p>
        </div>
      </div>
      <p class="hp-garden__credit">庭園｜設計：樹 ITSUKI　橋本 卓 ／ 施工：株式会社みちのく庭園（2025年4月完成）</p>
    </div>
  </section>

  <!-- ===== block8 飲食店 ===== -->
  <section class="hp-sec hp-gyoza">
    <div class="hp-inner">
      <div class="hp-gyoza__grid">
        <div class="hp-ph"><img src="//cdn.img-asp.jp/cms/855864_1_0_0_1.jpg" alt="八方餃子" loading="lazy"></div>
        <div>
          <h2 class="hp-ttl">同じ建物に、<br>飲食店も入っています。</h2>
          <p class="hp-lead">敷地内には、餃子専門店「八方餃子」が営業しています。東京・野方餃子の八戸初出店です。</p>
          <p class="hp-lead">宿泊と飲食が一棟の中にあることで、建物全体に人の出入りが生まれました。空き家だった建物が、朝から夜まで使われている。再生した建物が続いていくためには、この状態をつくれるかどうかが決め手になります。</p>
        </div>
      </div>
    </div>
  </section>

  <!-- ===== block9 CTA ===== -->
  <section class="hp-cta">
    <h2 class="hp-cta__ttl">手放さずに、動かす方法があります。</h2>
    <p class="hp-cta__lead">空き家・空き店舗・相続した不動産の活用について、まずはご相談ください。<br>売る以外の選択肢を、一緒に探します。</p>
    <div class="hp-cta__btns">
      <a href="https://www.happoyahotel.com/" target="_blank" rel="noopener" class="hp-cta__btn hp-cta__btn--w">八方屋 公式サイト</a>
      <a href="/contact/" class="hp-cta__btn hp-cta__btn--o">不動産の活用を相談する</a>
    </div>
    <p class="hp-cta__info">ご宿泊のご予約は八方屋公式サイトへ<br>0178-38-1272　営業時間 13:00〜19:00／定休日 不定休</p>
  </section>

</div>]]></description>
            <pubDate>2026-09-21</pubDate>
        </item>
                
        <item>
            <title>田中屋ビル｜2階リノベーションプロジェクト</title>
            <link>https://www.nicheliving.co.jp/blog/entry-854796/</link>
            <description><![CDATA[<style>
  .breadcrumbs {                                  /* パンくず（PC・スマホ共通） */
    display:none !important;
  }

.next-article { display:none !important; }                /* PC */
.ui-section:has(.blog-next) { display:none !important; }  /* スマホ */

  /* ブログ標準のアイキャッチ画像・タイトル・日付を非表示 */
  .blog__header,                                  /* PC */
  .blog__mv, .blog__headline, .blog__note {       /* スマホ */
    display:none !important;
  }
  .blog__contents { margin-top:0 !important; padding-top:0 !important; }

  /* PCのみ適用（スマホではヘッダー分の上余白が消えてヘッダーが隠れるため） */
  @media (min-width:768px) {
    .l-main {
      width: var(--screen-size);
      margin: auto;
      padding: 0 0 0px;
    }
  }

  .blog__article {
    padding: 0 20px 0px;
  }

  .tnk { --navy:#1b3a5c; --text:#5f6670; --sub:#8a9099; --line:#dfe2e6; --gap:#e9ebee; --pale:#f6f7f9;
    font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
    color:var(--text); line-height:1.8; letter-spacing:.04em; background:var(--gap); }
  /* ブログ本文の800px枠を抜けて画面幅いっぱいに広げる */
  .tnk { position:relative; z-index:0; width:100vw; max-width:none !important; margin-left:calc(50% - 50vw) !important; margin-right:calc(50% - 50vw) !important; }
  html, body { overflow-x:clip; } /* 100vw指定による横スクロール防止 */
  .tnk *, .tnk *::before, .tnk *::after { box-sizing:border-box; }

  /* ブログ既存スタイルの打ち消し（.tnk.tnk で優先度を上げています） */
  .tnk.tnk h1, .tnk.tnk h2 { padding:0; border:none; background:none; box-shadow:none; }
  .tnk.tnk h1::before, .tnk.tnk h1::after, .tnk.tnk h2::before, .tnk.tnk h2::after { content:none; display:none; }
  .tnk.tnk table, .tnk.tnk th, .tnk.tnk td { border:none; background:none; }
  .tnk.tnk p { margin:0; }

  .tnk.tnk .tnk-sec { background:#fff; padding:64px 0; }
  .tnk.tnk .tnk-sec + .tnk-sec { margin-top:16px; }
  .tnk.tnk .tnk-inner { max-width:1360px; margin:0 auto; padding:0 80px; } /* コンテンツ幅 1200px */
  .tnk.tnk .tnk-h2 { margin:0; color:var(--navy); font-size:30px; font-weight:700; line-height:1.5; letter-spacing:.05em; }
  .tnk.tnk .tnk-body p { font-size:16px; line-height:2.1; color:var(--text); }
  .tnk.tnk .tnk-body p + p { margin-top:20px; }

  /* 仮画像 */
  .tnk.tnk .tnk-ph { position:relative; display:flex; align-items:center; justify-content:center;
    background:#c9ced5; color:#fff; font-size:24px; font-weight:700; letter-spacing:.08em; overflow:hidden; }
  .tnk.tnk .tnk-ph::after { content:attr(data-no); }
  .tnk.tnk .tnk-ph.is-round { border-radius:8px; }
  .tnk.tnk .tnk-ph.has-img { background:#eef0f2; }
  .tnk.tnk .tnk-ph.has-img::after { content:none; }
  .tnk.tnk .tnk-ph img { position:absolute; inset:0; width:100% !important; height:100% !important; max-width:none !important; margin:0 !important; object-fit:cover; display:block; border-radius:0; }

  /* 1 HERO（キャッチコピーは画像内に入っているため、画像全体を切らずに表示） */
  .tnk.tnk .tnk-hero { position:relative; background:#fff; padding:0; }
  .tnk.tnk .tnk-hero .tnk-ph { aspect-ratio:1600/1000; max-width:1200px; margin:0 auto; background:#9aa6b3; } /* 横幅1200px */
  .tnk.tnk .tnk-hero + .tnk-sec { margin-top:0; } /* 画像直下のグレーの帯を消す */

  /* 2 BEFORE AFTER */
  .tnk.tnk .tnk-ba .tnk-h2 { text-align:center; }
  .tnk.tnk .tnk-ba-row { display:grid; grid-template-columns:1fr 70px 1fr; margin-top:48px; align-items:start; }
  .tnk.tnk .tnk-ba-row .tnk-ph { aspect-ratio:680/453; }
  .tnk.tnk .tnk-ba-arrow { display:flex; align-items:center; justify-content:center; align-self:stretch; }
  .tnk.tnk .tnk-ba-cap-after { grid-column:3; }
  .tnk.tnk .tnk-ba-arrow::before { content:""; width:10px; height:10px; border-top:2px solid #a5acb5; border-right:2px solid #a5acb5; transform:rotate(45deg) translateX(-4px); }
  .tnk.tnk .tnk-ba-cap { font-size:14px; color:var(--text); margin-top:12px; line-height:2; }

  /* 3 物件概要 */
  .tnk.tnk .tnk-table { width:100%; border-collapse:collapse; margin-top:40px; }
  .tnk.tnk .tnk-table th, .tnk.tnk .tnk-table td { border-bottom:1px solid var(--line); padding:16px 0 17px; text-align:left; vertical-align:middle; }
  .tnk.tnk .tnk-table th { width:240px; font-size:15px; font-weight:400; color:var(--sub); }
  .tnk.tnk .tnk-table td { font-size:17px; color:#3f4650; }
  .tnk.tnk .tnk-note { font-size:13px; color:var(--sub); margin-top:18px; }

  /* 4, 6 2カラム */
  .tnk.tnk .tnk-col { display:grid; gap:50px; align-items:start; }
  .tnk.tnk .tnk-col-r { grid-template-columns:1fr 440px; }
  .tnk.tnk .tnk-col-l { grid-template-columns:440px 1fr; }
  .tnk.tnk .tnk-col .tnk-ph { aspect-ratio:560/588; }
  .tnk.tnk .tnk-col .tnk-h2 + .tnk-body { margin-top:24px; }

  /* 5 職人 */
  .tnk.tnk .tnk-shokunin { background:var(--pale); }
  .tnk.tnk .tnk-shokunin .tnk-body { margin-top:20px; }
  .tnk.tnk .tnk-tag { display:inline-block; margin-top:40px; padding:12px 22px; border:1px solid #d5d9de; border-radius:3px;
    background:#fff; font-size:15px; color:var(--text); }
  .tnk.tnk .tnk-gallery { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:40px; }
  .tnk.tnk .tnk-gallery .tnk-ph { aspect-ratio:460/328; }
  .tnk.tnk .tnk-gallery p { font-size:14px; color:var(--sub); margin-top:10px; }

  /* 7 CTA */
  .tnk.tnk .tnk-cta { background:#19412a; text-align:center; color:#fff; padding:72px 0 96px; }
  .tnk.tnk .tnk-cta-ttl { margin:0; color:#fff; font-size:32px; font-weight:700; letter-spacing:.06em; line-height:1.5; }
  .tnk.tnk .tnk-cta-lead { font-size:16px; line-height:2.1; margin-top:24px; color:#e6ebf1; }
  .tnk.tnk .tnk-cta-btn { display:inline-flex; align-items:center; justify-content:center; gap:36px; width:300px; height:66px;
    margin-top:44px; background:#fff; border-radius:4px; color:var(--navy); font-size:18px; font-weight:700; text-decoration:none; letter-spacing:.08em; }
  .tnk.tnk .tnk-cta-btn::after { content:""; width:8px; height:8px; border-top:2px solid var(--navy); border-right:2px solid var(--navy); transform:rotate(45deg); }
  .tnk.tnk .tnk-cta-info { font-size:15px; color:#c9d3de; margin-top:36px; }
  .tnk.tnk .tnk-cta-info span { margin-left:1.2em; }

  @media (max-width:1100px) {
    .tnk.tnk .tnk-inner { padding:0 30px; }
    .tnk.tnk .tnk-col-r, .tnk.tnk .tnk-col-l { grid-template-columns:1fr; gap:32px; }
    .tnk.tnk .tnk-col-r .tnk-ph { order:2; }
    .tnk.tnk .tnk-table th { width:34%; }
  }
  @media (max-width:767px) {
    /* スマホではグレーの文字を黒に */
    .tnk.tnk { --text:#000; --sub:#000; }
    .tnk.tnk .tnk-table td { color:#000; }
    .tnk.tnk .tnk-sec { padding:48px 0; }
    .tnk.tnk .tnk-inner { padding:0 20px; }
    .tnk.tnk .tnk-h2 { font-size:20px; }
    .tnk.tnk .tnk-body p { font-size:14px; }
    .tnk.tnk .tnk-ba-row { grid-template-columns:1fr; gap:16px; margin-top:28px; }
    .tnk.tnk .tnk-ba-arrow { grid-row:3; }
    .tnk.tnk .tnk-ba-after { grid-row:4; }
    .tnk.tnk .tnk-ba-cap { grid-row:2; margin-top:-6px; font-size:13px; }
    .tnk.tnk .tnk-ba-cap-after { grid-column:1; grid-row:5; }
    .tnk.tnk .tnk-ba-arrow::before { transform:rotate(135deg); }
    .tnk.tnk .tnk-table { margin-top:24px; }
    .tnk.tnk .tnk-table th, .tnk.tnk .tnk-table td { display:block; width:100%; }
    .tnk.tnk .tnk-table th { font-size:12px; padding:12px 0 2px; border-bottom:none; }
    .tnk.tnk .tnk-table td { font-size:14px; padding:0 0 12px; }
    .tnk.tnk .tnk-note { font-size:11px; }
    .tnk.tnk .tnk-tag { font-size:13px; padding:10px 14px; margin-top:28px; }
    .tnk.tnk .tnk-gallery { grid-template-columns:1fr; gap:20px; margin-top:24px; }
    .tnk.tnk .tnk-gallery p { font-size:12px; }
    .tnk.tnk .tnk-ph { font-size:18px; }
    .tnk.tnk .tnk-cta { padding:56px 0 64px; }
    .tnk.tnk .tnk-cta-ttl { font-size:20px; }
    .tnk.tnk .tnk-cta-lead { font-size:13px; }
    .tnk.tnk .tnk-cta-btn { width:100%; max-width:300px; height:58px; font-size:16px; margin-top:32px; }
    .tnk.tnk .tnk-cta-info { font-size:12px; margin-top:28px; }
    .tnk.tnk .tnk-cta-info span { display:block; margin:4px 0 0; }
  }
</style>

<div class="tnk">

  <!-- 1 HERO -->
  <section class="tnk-sec tnk-hero">
    <div class="tnk-ph has-img" data-no="画像01"><img src="https://cdn.img-asp.jp/cms/854796_8_0_0_1.jpg" alt="田中屋ビル｜2階リノベーションプロジェクト"></div>
  </section>

  <!-- 2 BEFORE / AFTER -->
  <section class="tnk-sec tnk-ba">
    <div class="tnk-inner">
      <h2 class="tnk-h2">使われていない床を、働く場所に。</h2>
      <div class="tnk-ba-row">
        <div class="tnk-ph is-round has-img" data-no="画像02"><img src="https://cdn.img-asp.jp/cms/854796_2_0_0_1.jpg" alt="再生前の2階" loading="lazy"></div>
        <div class="tnk-ba-arrow" aria-hidden="true"></div>
        <div class="tnk-ph is-round has-img tnk-ba-after" data-no="画像03"><img src="https://cdn.img-asp.jp/cms/854796_1_0_0_1.jpg" alt="再生後の2階" loading="lazy"></div>
        <p class="tnk-ba-cap">再生前｜長期間の空室。前の利用者の設備や荷物が残ったままの状態でした。</p>
        <p class="tnk-ba-cap tnk-ba-cap-after">再生後｜間仕切りを整理し、窓面いっぱいの明るさを取り戻した執務空間。</p>
      </div>
    </div>
  </section>

  <!-- 3 物件概要 -->
  <section class="tnk-sec tnk-gaiyou">
    <div class="tnk-inner">
      <h2 class="tnk-h2">物件概要</h2>
      <table class="tnk-table">
        <tr><th>所在地</th><td>青森県八戸市十六日町49-1（廿六日町交差点 角）</td></tr>
        <tr><th>構造・規模</th><td>鉄骨造 亜鉛メッキ鋼板葺 4階建</td></tr>
        <tr><th>竣工</th><td>1984年（昭和59年）5月／築42年</td></tr>
        <tr><th>延床面積</th><td>144.04㎡（各階 36.01㎡）</td></tr>
        <tr><th>再生範囲</th><td>2階 36.01㎡（約10.9坪）</td></tr>
        <tr><th>工期</th><td>2026年3月 着工 — 2026年4月 完成</td></tr>
        <tr><th>再生後の用途</th><td>株式会社ニッチリビング 事務所（自社利用）</td></tr>
        <tr><th>建物の状況</th><td>1階：飲食店「サンカク」営業中</td></tr>
      </table>
      <p class="tnk-note">出典：建物登記事項証明書（2026年1月29日時点）</p>
    </div>
  </section>

  <!-- 4 背景 -->
  <section class="tnk-sec tnk-haikei">
    <div class="tnk-inner tnk-col tnk-col-r">
      <div class="tnk-col-txt">
        <h2 class="tnk-h2">自分たちの事務所を、<br>空きビルの再生でつくる。</h2>
        <div class="tnk-body">
          <p>私たちが向き合っているのは、権利関係が複雑だったり、老朽化して放置されたりして、本来の価値を発揮できていない不動産です。八戸の中心街にも、そうした建物は少なくありません。</p>
          <p>会社の拠点をどこに構えるか。ここで迷いはありませんでした。新しい建物を借りるのではなく、中心街の空きビルを自分たちで再生して入る。そのほうが、私たちの理念に忠実だからです。</p>
          <p>この2階は、まさに私たちが日頃扱っている物件と同じ状態にありました。立地は中心街の交差点角。それでも床は空いたまま使われていない。「使えるのに、使われていない」場所を、実際に使ってみせることから始めました。</p>
        </div>
      </div>
      <div class="tnk-ph is-round has-img" data-no="画像04"><img src="https://cdn.img-asp.jp/cms/854796_7_0_0_1.jpg" alt="再生後の事務所" loading="lazy"></div>
    </div>
  </section>

  <!-- 5 職人 -->
  <section class="tnk-sec tnk-shokunin">
    <div class="tnk-inner">
      <h2 class="tnk-h2">1か月で形にできたのは、八戸の職人たちがいたからです。</h2>
      <div class="tnk-body">
        <p>解体、電気、設備、大工、内装。このリノベーションには、それぞれの職種の職人が入っています。私たちには、そのすべてに直接連絡が取れて、現場で話が通じる相手がいます。</p>
        <p>小さな面積の、既存を活かす工事ほど、現場での判断が増えます。壁を開けてみて初めて分かることがある。図面どおりに進まないところが必ず出てくる。そこをその場で相談して決められる関係があるかどうかで、仕上がりも工期も費用も変わります。</p>
        <p>3月に着工し、4月に完成。この期間で仕上げられたのは、段取りを一社に丸投げせず、私たちが職人と直接やり取りしながら進めたからです。この体制は、オーナー様の建物の再生でもそのまま使えます。</p>
      </div>
      <p class="tnk-tag">関わった職種：解体／電気／設備／大工／内装</p>
      <div class="tnk-gallery">
        <div>
          <div class="tnk-ph is-round has-img" data-no="画像05"><img src="https://cdn.img-asp.jp/cms/854796_6_0_0_1.jpg" alt="解体後の室内。木下地を組む" loading="lazy"></div>
          <p>解体後の室内。木下地を組む</p>
        </div>
        <div>
          <div class="tnk-ph is-round has-img" data-no="画像06"><img src="https://cdn.img-asp.jp/cms/854796_5_0_0_1.jpg" alt="壁に防湿シートを張る" loading="lazy"></div>
          <p>壁に防湿シートを張る</p>
        </div>
        <div>
          <div class="tnk-ph is-round has-img" data-no="画像07"><img src="https://cdn.img-asp.jp/cms/854796_4_0_0_1.jpg" alt="石膏ボードを貼り進める" loading="lazy"></div>
          <p>石膏ボードを貼り進める</p>
        </div>
      </div>
    </div>
  </section>

  <!-- 6 再生後 -->
  <section class="tnk-sec tnk-saisei">
    <div class="tnk-inner tnk-col tnk-col-l">
      <div class="tnk-ph is-round has-img" data-no="画像08"><img src="https://cdn.img-asp.jp/cms/854796_3_0_0_1.jpg" alt="ニッチリビングの事務所" loading="lazy"></div>
      <div class="tnk-col-txt">
        <h2 class="tnk-h2">床が使われると、<br>建物と通りの見え方が変わる。</h2>
        <div class="tnk-body">
          <p>2階は現在、ニッチリビングの事務所として使っています。1階では、オーナーのご友人が飲食店「サンカク」を営業しています。</p>
          <p>空いていた床に人の出入りが戻ると、建物の印象が変わります。そしてそれは、建物の前を通る人の目にも映ります。一棟の再生が、その通りの見え方を少し変える。私たちが中心街で積み重ねたいのは、この変化です。</p>
        </div>
      </div>
    </div>
  </section>

  <!-- 7 CTA -->
  <section class="tnk-sec tnk-cta">
    <div class="tnk-inner">
      <h2 class="tnk-cta-ttl">お持ちの建物でも、同じことができるかもしれません。</h2>
      <p class="tnk-cta-lead">空きビル・空き店舗・空き家の活用について、まずはご相談ください。<br>現地を見て、何ができるかをお伝えします。</p>
      <a href="/contact/" class="tnk-cta-btn">お問合せはこちら</a>
      <p class="tnk-cta-info">0178-38-1272<span>営業時間 13:00〜19:00／定休日 不定休</span></p>
    </div>
  </section>

</div>]]></description>
            <pubDate>2026-09-19</pubDate>
        </item>
                
        <item>
            <title>事業内容</title>
            <link>https://www.nicheliving.co.jp/blog/entry-807060/</link>
            <description><![CDATA[<style>
.blog__note { display: none !important; } /* スマホの日付 */

/* ▼ 次の記事（NEXT）を非表示 ▼ */
.next-article { display: none !important; }                 /* PC */
.l-blog--detail > .ui-section { display: none !important; } /* スマホ */

/* ===================================================
   ニッチリビング 事業内容（SERVICE）ページ
   フリーHTML貼り付け用（クラスは nl- プレフィックス）
   ★ヘッダー / CTA / フッターはテンプレート側のため含めません
   ★親要素の横幅制限を解除（full-bleed 対応）
   ※画像箇所はすべて仮（CSSプレースホルダー）です
=================================================== */
@import url('//fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&family=Noto+Serif+JP:wght@500;700&display=swap');

/* ▼ 親テンプレートのブログ見出し・日付を非表示 ▼ */
.blog__headline { display: none; }
.blog__info { display: none; }
.breadcrumbs { display: none; }

.nl-wrap {
  position: relative;
  width: 100vw;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  max-width: 100vw;

  --nl-green: #2f5d40;
  --nl-text: #2a2a2a;
  --nl-text-sub: #555;
  --nl-text-light: #888;
  --nl-bg-soft: #f4f1ea;
  --nl-bg-gray: #f5f4f1;
  --nl-line: #e5e5e5;
  --nl-placeholder: #d9d9d9;
  --nl-font-jp: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;
  --nl-font-serif: "Noto Serif JP", "Yu Mincho", "Hiragino Mincho ProN", serif;

  font-family: var(--nl-font-jp);
  color: var(--nl-text);
  line-height: 1.75;
  font-size: 15px;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

.nl-wrap *,
.nl-wrap *::before,
.nl-wrap *::after { box-sizing: border-box; }

.nl-wrap h1,
.nl-wrap h2,
.nl-wrap h3,
.nl-wrap h4,
.nl-wrap p,
.nl-wrap ol,
.nl-wrap ul { margin: 0; padding: 0; }

.nl-wrap ol,
.nl-wrap ul { list-style: none; }

.nl-wrap img { display: block; max-width: 100%; }

/* スマホ専用の改行（PCでは無効） */
.nl-wrap .nl-br-sp { display: none; }

/* ▼ テンプレート側がSVGに fill / stroke を強制適用して
      アイコンが塗りつぶされる・色が変わるのを防止（線アイコンを維持）▼ */
.nl-wrap svg,
.nl-wrap svg * {
  fill: none !important;
  stroke: var(--nl-green) !important;
}
.nl-wrap svg [fill="none"] { fill: none !important; }

/* ===== Hero ===== */
.nl-wrap .nl-hero {
  width: 100% !important;
  background: var(--nl-placeholder) !important;
  overflow: hidden !important;
  line-height: 0 !important;
}
.nl-wrap .nl-hero picture {
  display: block !important;
  width: 100% !important;
}
.nl-wrap .nl-hero__img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}

/* ===== Intro ===== */
.nl-wrap .nl-intro {
  max-width: 1080px !important;
  margin: 0 auto !important;
  padding: 72px 32px 40px !important;
  text-align: center !important;
}
.nl-wrap .nl-intro__title {
  font-family: var(--nl-font-serif) !important;
  font-size: 30px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  line-height: 1.5 !important;
  border: none !important;
}
.nl-wrap .nl-intro__lead {
  margin-top: 24px !important;
  font-size: 15px !important;
  line-height: 2 !important;
  color: var(--nl-text-sub) !important;
}

/* ===== Services ===== */
.nl-wrap .nl-services {
  max-width: 1080px !important;
  margin: 0 auto !important;
  padding: 30px 32px 56px !important;
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 40px 36px !important;
}
.nl-wrap .nl-service__image {
  width: 100% !important;
  aspect-ratio: 16 / 10 !important;
  background: var(--nl-placeholder) !important;
  overflow: hidden !important;
  display: grid !important;
  place-items: center !important;
  color: #888 !important;
  font-size: 13px !important;
  letter-spacing: 0.08em !important;
}
.nl-wrap .nl-service__image img { width: 100% !important; height: 100% !important; object-fit: cover !important; }
.nl-wrap .nl-service__title {
  margin-top: 16px !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  border: none !important;
}
.nl-wrap .nl-service__text {
  margin-top: 10px !important;
  font-size: 14px !important;
  line-height: 1.9 !important;
  color: var(--nl-text-sub) !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
}

/* ===== Banner ===== */
.nl-wrap .nl-banner {
  padding: 0 32px 72px !important;
  background: #fafafa !important;
}
.nl-wrap .nl-banner-link {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 20px !important;
  max-width: 480px !important;
  margin: 0 auto !important;
  padding: 18px 28px !important;
  background: var(--nl-green) !important;
  color: #ffffff !important;
  text-decoration: none !important;
  transition: opacity 0.3s ease !important;
}
.nl-wrap .nl-banner-link:hover { opacity: 0.85 !important; }
.nl-wrap .nl-banner-text {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  text-align: left !important;
}
.nl-wrap .nl-banner-en {
  font-family: var(--nl-font-serif) !important;
  font-size: 11px !important;
  letter-spacing: 0.24em !important;
  color: rgba(255,255,255,0.75) !important;
  line-height: 1.4 !important;
}
.nl-wrap .nl-banner-name {
  font-family: var(--nl-font-serif) !important;
  font-size: 19px !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  color: #ffffff !important;
  line-height: 1.4 !important;
}
.nl-wrap .nl-banner-arrow {
  position: relative !important;
  flex-shrink: 0 !important;
  width: 38px !important;
  height: 38px !important;
  border: 1px solid rgba(255,255,255,0.8) !important;
  border-radius: 50% !important;
  transition: transform 0.3s ease !important;
}
.nl-wrap .nl-banner-arrow::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 8px !important;
  height: 8px !important;
  border-top: 1.5px solid #ffffff !important;
  border-right: 1.5px solid #ffffff !important;
  transform: translate(-70%, -50%) rotate(45deg) !important;
}
.nl-wrap .nl-banner-link:hover .nl-banner-arrow { transform: translateX(6px) !important; }

/* ===== Section head (共通見出し) ===== */
.nl-wrap .nl-section-head { text-align: center !important; margin-bottom: 48px !important; }
.nl-wrap .nl-section-head__ja {
  font-family: var(--nl-font-serif) !important;
  font-size: 27px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  color: var(--nl-text) !important;
}
.nl-wrap .nl-section-head__line {
  display: block !important;
  width: 60px !important;
  height: 2px !important;
  background: var(--nl-text-light) !important;
  margin: 14px auto 0 !important;
}

/* ===== Reasons ===== */
.nl-wrap .nl-reasons {
  background: var(--nl-bg-gray) !important;
  padding: 64px 0 72px !important;
}
.nl-wrap .nl-reasons__grid {
  max-width: 1080px !important;
  margin: 0 auto !important;
  padding: 0 32px !important;
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 30px !important;
  text-align: center !important;
}
.nl-wrap .nl-reason__icon {
  width: 64px !important;
  height: 64px !important;
  margin: 0 auto 16px !important;
  color: var(--nl-green) !important;
}
.nl-wrap .nl-reason__icon svg { width: 100% !important; height: 100% !important; }
.nl-wrap .nl-reason__title {
  font-size: 16px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
}
.nl-wrap .nl-reason__text {
  margin-top: 10px !important;
  font-size: 13px !important;
  line-height: 1.9 !important;
  color: var(--nl-text-sub) !important;
}

/* ===== Area ===== */
.nl-wrap .nl-area {
  max-width: 1080px !important;
  margin: 0 auto !important;
  padding: 64px 32px 56px !important;
  text-align: center !important;
}
.nl-wrap .nl-area__lead { margin-top: 8px !important; font-size: 14px !important; color: var(--nl-text-sub) !important; }
.nl-wrap .nl-area__tags {
  margin-top: 28px !important;
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 14px !important;
}
.nl-wrap .nl-area__tag {
  border: 1px solid var(--nl-line) !important;
  border-radius: 3px !important;
  padding: 11px 26px !important;
  font-size: 14px !important;
  letter-spacing: 0.04em !important;
  background: #fff !important;
}

/* ===== Flow ===== */
.nl-wrap .nl-flow { padding: 0 0 80px !important; }
.nl-wrap .nl-flow__inner {
  max-width: 1080px !important;
  margin: 0 auto !important;
  padding: 0 32px !important;
}
.nl-wrap .nl-flow__steps {
  display: grid !important;
  grid-template-columns: repeat(5, 1fr) !important;
  align-items: start !important;
}
.nl-wrap .nl-flow__step {
  position: relative !important;
  text-align: center !important;
  padding: 0 6px !important;
}
.nl-wrap .nl-flow__step + .nl-flow__step::before {
  content: "" !important;
  position: absolute !important;
  top: 38px !important;
  left: -8px !important;
  width: 12px !important;
  height: 12px !important;
  border-top: 2px solid #c2bbab !important;
  border-right: 2px solid #c2bbab !important;
  transform: rotate(45deg) !important;
  background: none !important;
}
.nl-wrap .nl-flow__icon {
  width: 80px !important;
  height: 80px !important;
  border-radius: 50% !important;
  background: var(--nl-bg-soft) !important;
  border: 1px solid #e3ddd0 !important;
  margin: 0 auto 14px !important;
  display: grid !important;
  place-items: center !important;
  color: var(--nl-green) !important;
}
.nl-wrap .nl-flow__icon svg { width: 38px !important; height: 38px !important; }
.nl-wrap .nl-flow__num {
  font-family: var(--nl-font-serif) !important;
  font-size: 13px !important;
  letter-spacing: 0.14em !important;
  color: var(--nl-text-light) !important;
}
.nl-wrap .nl-flow__label {
  margin-top: 2px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
}
.nl-wrap .nl-flow__text {
  margin-top: 10px !important;
  font-size: 12.5px !important;
  line-height: 1.85 !important;
  color: var(--nl-text-sub) !important;
}

/* ===== Responsive ===== */
@media (max-width: 960px) {
  .nl-wrap .nl-br-sp { display: inline !important; }
  .nl-wrap .nl-section-head { padding: 0 20px !important; }
  .nl-wrap .nl-section-head__ja { font-size: 21px !important; letter-spacing: 0.04em !important; line-height: 1.5 !important; }
  .nl-wrap .nl-reason__title { line-height: 1.5 !important; }

  .nl-wrap .nl-intro { padding: 48px 20px 24px !important; }
  .nl-wrap .nl-intro__title { font-size: 22px !important; }

  .nl-wrap .nl-services { grid-template-columns: 1fr !important; gap: 32px !important; padding: 20px 20px 40px !important; }
  .nl-wrap .nl-reasons__grid { grid-template-columns: repeat(2, 1fr) !important; gap: 36px 20px !important; padding: 0 20px !important; }
  .nl-wrap .nl-area { padding: 48px 20px !important; }

  /* バナー */
  .nl-wrap .nl-banner { padding: 0 20px 56px !important; background: #fafafa !important; }
  .nl-wrap .nl-banner-link { padding: 16px 22px !important; }
  .nl-wrap .nl-banner-en { font-size: 10px !important; }
  .nl-wrap .nl-banner-name { font-size: 18px !important; }
  .nl-wrap .nl-banner-arrow { width: 36px !important; height: 36px !important; }

  .nl-wrap .nl-flow__steps { grid-template-columns: 1fr !important; row-gap: 26px !important; }
  .nl-wrap .nl-flow__step {
    display: grid !important;
    grid-template-columns: 80px 1fr !important;
    column-gap: 16px !important;
    text-align: left !important;
    align-items: center !important;
  }
  .nl-wrap .nl-flow__icon { grid-row: span 3 !important; margin: 0 !important; }
  .nl-wrap .nl-flow__num,
  .nl-wrap .nl-flow__label,
  .nl-wrap .nl-flow__text { grid-column: 2 !important; }
  .nl-wrap .nl-flow__text { margin-top: 4px !important; }
  .nl-wrap .nl-flow__step + .nl-flow__step::before { display: none !important; }
}
</style>

<div class="nl-wrap">

  <!-- ===== Hero ===== -->
  <section class="nl-hero">
    <picture>
      <!-- スマホ表示（767px以下）用 -->
      <source media="(max-width: 767px)" srcset="https://cdn.img-asp.jp/cms/807060_18_0_0_1.jpg">
      <!-- PC表示用 -->
      <img class="nl-hero__img" src="https://cdn.img-asp.jp/cms/807060_9_0_0_1.jpg" alt="事業内容 SERVICE">
    </picture>
  </section>

  <!-- ===== Intro ===== -->
  <section class="nl-intro">
    <h2 class="nl-intro__title">難しい不動産に、<br class="nl-br-sp">活用と運用の選択肢を。</h2>
    <p class="nl-intro__lead">
      ニッチリビング株式会社は、空き家・空きビル・空き店舗などの遊休不動産を、<br>
      新たな価値へと再構築し、地域と人がつながる資産として活かします。
    </p>
  </section>

  <!-- ===== Services ===== -->
  <section class="nl-services">
    <article class="nl-service">
      <div class="nl-service__image"><img src="https://cdn.img-asp.jp/cms/807060_14_0_0_1.jpg" alt="不動産再生・活用提案"></div>
      <h3 class="nl-service__title">不動産再生・活用提案</h3>
      <p class="nl-service__text">遊休不動産の可能性を見極め、地域性や市場ニーズに合わせた最適な活用方法をご提案します。</p>
    </article>

    <article class="nl-service">
      <div class="nl-service__image"><img src="https://cdn.img-asp.jp/cms/807060_15_0_0_1.jpg" alt="賃貸運用・管理"></div>
      <h3 class="nl-service__title">賃貸運用・管理</h3>
      <p class="nl-service__text">賃貸設定から入居者募集、建物管理まで、オーナー様の賃貸運用をトータルでサポートします。</p>
    </article>

    <article class="nl-service">
      <div class="nl-service__image"><img src="https://cdn.img-asp.jp/cms/807060_16_0_0_1.jpg" alt="賃貸仲介"></div>
      <h3 class="nl-service__title">賃貸仲介</h3>
      <p class="nl-service__text">住まい・店舗・事務所など、用途やご希望に合わせた物件をご紹介します。</p>
    </article>

    <article class="nl-service">
      <div class="nl-service__image"><img src="https://cdn.img-asp.jp/cms/807060_10_0_0_1.jpg" alt="売買仲介"></div>
      <h3 class="nl-service__title">売買仲介</h3>
      <p class="nl-service__text">土地・建物・収益物件などの売買をサポート。最適なご提案を行います。</p>
    </article>

    <article class="nl-service">
      <div class="nl-service__image"><img src="https://cdn.img-asp.jp/cms/807060_11_0_0_1.jpg" alt="オーナー様向けコンサルティング"></div>
      <h3 class="nl-service__title">オーナー様向けコンサルティング</h3>
      <p class="nl-service__text">収益改善や相続対策など、不動産の悩みに寄り添い、最適な選択肢をご提案します。</p>
    </article>

    <article class="nl-service">
      <div class="nl-service__image"><img src="https://cdn.img-asp.jp/cms/807060_12_0_0_1.jpg" alt="リノベーション提案・施工コーディネート"></div>
      <h3 class="nl-service__title">リノベーション提案・施工コーディネート</h3>
      <p class="nl-service__text">企画・設計から施工まで、価値を高めるリノベーションをワンストップで支援します。</p>
    </article>
  </section>

  <!-- ===== Banner ===== -->
  <section class="nl-banner">
    <a class="nl-banner-link" href="/blog/catelist/33418/">
      <span class="nl-banner-text">
        <span class="nl-banner-en">WORKS</span>
        <span class="nl-banner-name">実績をみる</span>
      </span>
      <span class="nl-banner-arrow" aria-hidden="true"></span>
    </a>
  </section>

  <!-- ===== Reasons ===== -->
  <section class="nl-reasons">
    <div class="nl-section-head">
      <span class="nl-section-head__ja">ニッチリビングが選ばれる理由</span>
      <span class="nl-section-head__line"></span>
    </div>

    <div class="nl-reasons__grid">
      <div class="nl-reason">
        <div class="nl-reason__icon">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="0.9" stroke-linejoin="round" stroke-linecap="round">
            <path d="m11 17 2 2a1 1 0 1 0 3-3"/>
            <path d="m14 14 2.5 2.5a1 1 0 1 0 3-3l-3.88-3.88a3 3 0 0 0-4.24 0l-.88.88a1 1 0 1 1-3-3l2.81-2.81a5.79 5.79 0 0 1 7.06-.87l.47.28a2 2 0 0 0 1.42.25L21 4"/>
            <path d="m21 3 1 11h-2"/>
            <path d="M3 3 2 14l6.5 6.5a1 1 0 1 0 3-3"/>
            <path d="M3 4h8"/>
          </svg>
        </div>
        <h4 class="nl-reason__title">専門力と提案力</h4>
        <p class="nl-reason__text">遊休不動産の課題を見極め、最適な活用方法をご提案します。</p>
      </div>

      <div class="nl-reason">
        <div class="nl-reason__icon">
          <svg viewBox="0 0 48 48" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linejoin="round" stroke-linecap="round">
            <path d="M8 40V8"/><path d="M8 40h32"/>
            <rect x="14" y="26" width="6" height="10"/>
            <rect x="23" y="20" width="6" height="16"/>
            <rect x="32" y="14" width="6" height="22"/>
            <path d="M14 18l8-6 6 4 8-8"/><path d="M38 6v4h-4"/>
          </svg>
        </div>
        <h4 class="nl-reason__title">収益最大化のサポート</h4>
        <p class="nl-reason__text">運用・管理・再生まで一貫して支援し、不動産の価値を最大化します。</p>
      </div>

      <div class="nl-reason">
        <div class="nl-reason__icon">
          <svg viewBox="0 0 48 48" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linejoin="round" stroke-linecap="round">
            <circle cx="18" cy="16" r="5"/>
            <circle cx="32" cy="18" r="4"/>
            <path d="M8 38c0-6 4-10 10-10s10 4 10 10"/>
            <path d="M28 38c0-5 3-8 8-8 3 0 5 1.5 6 4"/>
          </svg>
        </div>
        <h4 class="nl-reason__title">地域密着の<br class="nl-br-sp">ネットワーク</h4>
        <p class="nl-reason__text">地域の不動産会社や事業者と連携し、最適なパートナーと協働します。</p>
      </div>

      <div class="nl-reason">
        <div class="nl-reason__icon">
          <svg viewBox="0 0 48 48" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linejoin="round" stroke-linecap="round">
            <path d="M24 8L8 21v19h32V21L24 8z"/>
            <path d="M24 8v8"/><path d="M19 40V28h10v12"/>
          </svg>
        </div>
        <h4 class="nl-reason__title">ワンストップ対応</h4>
        <p class="nl-reason__text">提案から設計・施工・運用まで、ワンストップでサポートします。</p>
      </div>
    </div>
  </section>

  <!-- ===== Area ===== -->
  <section class="nl-area">
    <div class="nl-section-head" style="margin-bottom:0;">
      <span class="nl-section-head__ja">対応エリア</span>
    </div>
    <p class="nl-area__lead">八戸市を中心に、<br class="nl-br-sp">近隣エリアの不動産にも対応しています。</p>
    <div class="nl-area__tags">
      <span class="nl-area__tag">八戸市</span>
      <span class="nl-area__tag">三沢市</span>
      <span class="nl-area__tag">おいらせ町</span>
      <span class="nl-area__tag">五戸町</span>
      <span class="nl-area__tag">南部町</span>
      <span class="nl-area__tag">階上町</span>
      <span class="nl-area__tag">その他エリアもご相談ください</span>
    </div>
  </section>

  <!-- ===== Flow ===== -->
  <section class="nl-flow">
    <div class="nl-flow__inner">
      <div class="nl-section-head">
        <span class="nl-section-head__ja">ご相談から運用までの流れ</span>
        <span class="nl-section-head__line"></span>
      </div>

      <ol class="nl-flow__steps">
        <li class="nl-flow__step">
          <div class="nl-flow__icon">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.4">
              <path d="M5 4h4l2 5-3 2a12 12 0 005 5l2-3 5 2v4a2 2 0 01-2 2A16 16 0 013 6a2 2 0 012-2z"/>
            </svg>
          </div>
          <p class="nl-flow__num">STEP 01</p>
          <p class="nl-flow__label">お問い合わせ</p>
          <p class="nl-flow__text">まずはお気軽にご相談ください。</p>
        </li>

        <li class="nl-flow__step">
          <div class="nl-flow__icon">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.4">
              <rect x="5" y="4" width="14" height="17" rx="1.5"/>
              <rect x="9" y="2.5" width="6" height="3" rx="1"/>
              <path d="M8.5 10h7M8.5 13.5h7M8.5 17h4"/>
            </svg>
          </div>
          <p class="nl-flow__num">STEP 02</p>
          <p class="nl-flow__label">現地調査・ヒアリング</p>
          <p class="nl-flow__text">物件の状況やご希望を詳しくお伺いします。</p>
        </li>

        <li class="nl-flow__step">
          <div class="nl-flow__icon">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.4">
              <path d="M6 3h8l4 4v14H6z"/><path d="M14 3v4h4"/>
              <path d="M9 12l5-5 2.5 2.5-5 5H9z"/>
            </svg>
          </div>
          <p class="nl-flow__num">STEP 03</p>
          <p class="nl-flow__label">ご提案・お見積り</p>
          <p class="nl-flow__text">最適な活用・運用プランをご提案します。</p>
        </li>

        <li class="nl-flow__step">
          <div class="nl-flow__icon">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linejoin="round" stroke-linecap="round">
              <path d="m11 17 2 2a1 1 0 1 0 3-3"/>
              <path d="m14 14 2.5 2.5a1 1 0 1 0 3-3l-3.88-3.88a3 3 0 0 0-4.24 0l-.88.88a1 1 0 1 1-3-3l2.81-2.81a5.79 5.79 0 0 1 7.06-.87l.47.28a2 2 0 0 0 1.42.25L21 4"/>
              <path d="m21 3 1 11h-2"/>
              <path d="M3 3 2 14l6.5 6.5a1 1 0 1 0 3-3"/>
              <path d="M3 4h8"/>
            </svg>
          </div>
          <p class="nl-flow__num">STEP 04</p>
          <p class="nl-flow__label">契約・実行</p>
          <p class="nl-flow__text">ご契約後、計画に基づき実行します。</p>
        </li>

        <li class="nl-flow__step">
          <div class="nl-flow__icon">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linejoin="round" stroke-linecap="round">
              <path d="M12 4L4 10v10h16V10z"/>
              <path d="M10 20v-6h4v6"/>
            </svg>
          </div>
          <p class="nl-flow__num">STEP 05</p>
          <p class="nl-flow__label">運用・サポート</p>
          <p class="nl-flow__text">運用開始後も継続的にサポートします。</p>
        </li>
      </ol>
    </div>
  </section>

</div>]]></description>
            <pubDate>2026-06-22</pubDate>
        </item>
                
        <item>
            <title>オーナー様へ</title>
            <link>https://www.nicheliving.co.jp/blog/entry-806034/</link>
            <description><![CDATA[<style>
.blog__note { display: none !important; } /* スマホの日付 */

/* ===================================================
   ニッチリビング オーナー様へ ページ
   フリーHTML貼り付け用（クラスは nl- プレフィックス）
   ★親要素の横幅制限を解除（full-bleed 対応）
=================================================== */
@import url('//fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&family=Noto+Serif+JP:wght@500;700&display=swap');

/* ▼ 親テンプレートのブログ見出し・日付を非表示 ▼ */
.blog__headline {
    display: none;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.33;
    margin: 0 0 8px;
}
.blog__info {
    display: flex;
    gap: 8px;
    align-items: center;
    display: none;
}
.breadcrumbs {
    display: none;
    width: var(--screen-size);
    margin: 0 auto;
    padding: 16px 0 14px;
    position: relative;
    z-index: 1;
}

.nl-wrap {
  position: relative;
  width: 100vw;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  max-width: 100vw;

  --nl-green: #2f5d40;
  --nl-text: #2a2a2a;
  --nl-text-sub: #555;
  --nl-text-light: #888;
  --nl-bg-soft: #f4f1ea;
  --nl-line: #e5e5e5;
  --nl-placeholder: #d9d9d9;
  --nl-font-jp: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;
  --nl-font-serif: "Noto Serif JP", "Yu Mincho", "Hiragino Mincho ProN", serif;

  font-family: var(--nl-font-jp);
  color: var(--nl-text);
  line-height: 1.75;
  font-size: 15px;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

.nl-wrap *,
.nl-wrap *::before,
.nl-wrap *::after { box-sizing: border-box; }

.nl-wrap h1,
.nl-wrap h2,
.nl-wrap h3,
.nl-wrap p,
.nl-wrap ol,
.nl-wrap ul { margin: 0; padding: 0; }

.nl-wrap ol,
.nl-wrap ul { list-style: none; }

/* ===== Hero ===== */
.nl-wrap .nl-hero {
  width: 100% !important;
  background: #f4f1ea !important;
  overflow: hidden !important;
  line-height: 0 !important;
}

.nl-wrap .nl-hero picture {
  display: block !important;
  width: 100% !important;
}

.nl-wrap .nl-hero-img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}

/* ===== Intro ===== */
.nl-wrap .nl-intro {
  max-width: 1240px !important;
  margin: 0 auto !important;
  padding: 80px 32px 70px !important;
  text-align: center !important;
}
.nl-wrap .nl-intro-title {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 22px !important;
  font-size: 26px !important;
  letter-spacing: 0.12em !important;
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.nl-wrap .nl-intro-title__deco {
  display: inline-block !important;
  width: 38px !important;
  height: 1px !important;
  background: var(--nl-text) !important;
  flex-shrink: 0 !important;
}
.nl-wrap .nl-intro-lead {
  margin-top: 28px !important;
  font-size: 16px !important;
  line-height: 2 !important;
  color: var(--nl-text-sub) !important;
}

.nl-wrap .nl-features {
  margin-top: 56px !important;
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 36px !important;
}
.nl-wrap .nl-feature-image {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 16 / 10 !important;
  background: var(--nl-placeholder) !important;
  overflow: hidden !important;
}
.nl-wrap .nl-feature-image img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
.nl-wrap .nl-feature-body {
  padding: 10px 6px 0 !important;
  text-align: left !important;
}
.nl-wrap .nl-feature-title {
  display: flex !important;
  align-items: baseline !important;
  gap: 18px !important;
  border: none !important;
  padding: 0 !important;
  background: none !important;
  margin: 0 !important;
}
.nl-wrap .nl-feature-title::before,
.nl-wrap .nl-feature-title::after {
  display: none !important;
}
.nl-wrap .nl-feature-num {
  font-family: var(--nl-font-serif) !important;
  font-size: 28px !important;
  font-weight: 500 !important;
  color: var(--nl-text-light) !important;
  letter-spacing: 0.04em !important;
}
.nl-wrap .nl-feature-name {
  font-size: 18px !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  color: var(--nl-text) !important;
}
.nl-wrap .nl-feature-text {
  margin-top: 14px !important;
  font-size: 15px !important;
  line-height: 1.95 !important;
  color: var(--nl-text-sub) !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
}

/* ===== Flow ===== */
.nl-wrap .nl-flow {
  background: var(--nl-bg-soft) !important;
  padding: 56px 0 64px !important;
}
.nl-wrap .nl-flow-inner {
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 0 32px !important;
}
.nl-wrap .nl-flow-title {
  font-family: var(--nl-font-serif) !important;
  font-size: 26px !important;
  font-weight: bold !important;
  letter-spacing: 0.1em !important;
  margin-bottom: 40px !important;
  margin-top: 0 !important;
  padding: 0 !important;
  text-align: center !important;
  border: none !important;
  color: var(--nl-text) !important;
  background: none !important;
}
.nl-wrap .nl-flow-steps {
  display: grid !important;
  grid-template-columns: repeat(7, 1fr) !important;
  align-items: start !important;
  position: relative !important;
  padding: 0 !important;
  margin: 0 !important;
}
.nl-wrap .nl-flow-step {
  position: relative !important;
  text-align: center !important;
  padding: 0 8px !important;
  margin: 0 !important;
}
.nl-wrap .nl-flow-step__num {
  font-family: var(--nl-font-serif) !important;
  font-size: 28px !important;
  font-weight: 500 !important;
  letter-spacing: 0.04em !important;
  margin-bottom: 4px !important;
  margin-top: 0 !important;
  line-height: 1.4 !important;
  color: var(--nl-text) !important;
}
.nl-wrap .nl-flow-step__label {
  font-size: 15px !important;
  font-weight: 500 !important;
  margin-bottom: 14px !important;
  margin-top: 0 !important;
  letter-spacing: 0.04em !important;
  line-height: 1.5 !important;
  color: var(--nl-text) !important;
}
.nl-wrap .nl-flow-step__icon {
  width: 100px !important;
  height: 100px !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  margin: 0 auto !important;
  display: grid !important;
  place-items: center !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.04) !important;
  overflow: hidden !important;
  position: relative !important;
  z-index: 1 !important;
}
.nl-wrap .nl-flow-step__icon img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  display: block !important;
  background: #ffffff !important;
}
.nl-wrap .nl-flow-step + .nl-flow-step::before {
  content: "" !important;
  position: absolute !important;
  top: 120px !important;
  left: -12px !important;
  width: 20px !important;
  height: 20px !important;
  border-top: 2px solid #b9b1a0 !important;
  border-right: 2px solid #b9b1a0 !important;
  border-left: none !important;
  border-bottom: none !important;
  transform: rotate(45deg) !important;
  z-index: 0 !important;
  background: none !important;
}
.nl-wrap .nl-flow-step__text {
  margin-top: 16px !important;
  margin-bottom: 0 !important;
  font-size: 13px !important;
  line-height: 2 !important;
  color: var(--nl-text-sub) !important;
  letter-spacing: 0.04em !important;
  word-break: keep-all !important;
  overflow-wrap: anywhere !important;
  text-align: center !important;
}

/* ===== Banner ===== */
.nl-wrap .nl-banner {
  padding: 56px 32px 72px !important;
  background: #ffffff !important;
}
.nl-wrap .nl-banner-link {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 20px !important;
  max-width: 480px !important;
  margin: 0 auto !important;
  padding: 18px 28px !important;
  background: var(--nl-green) !important;
  color: #ffffff !important;
  text-decoration: none !important;
  transition: opacity 0.3s ease !important;
}
.nl-wrap .nl-banner-link:hover { opacity: 0.85 !important; }
.nl-wrap .nl-banner-text {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  text-align: left !important;
}
.nl-wrap .nl-banner-en {
  font-family: var(--nl-font-serif) !important;
  font-size: 11px !important;
  letter-spacing: 0.24em !important;
  color: rgba(255,255,255,0.75) !important;
  line-height: 1.4 !important;
}
.nl-wrap .nl-banner-name {
  font-family: var(--nl-font-serif) !important;
  font-size: 19px !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  color: #ffffff !important;
  line-height: 1.4 !important;
}
.nl-wrap .nl-banner-arrow {
  position: relative !important;
  flex-shrink: 0 !important;
  width: 38px !important;
  height: 38px !important;
  border: 1px solid rgba(255,255,255,0.8) !important;
  border-radius: 50% !important;
  transition: transform 0.3s ease !important;
}
.nl-wrap .nl-banner-arrow::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 8px !important;
  height: 8px !important;
  border-top: 1.5px solid #ffffff !important;
  border-right: 1.5px solid #ffffff !important;
  transform: translate(-70%, -50%) rotate(45deg) !important;
}
.nl-wrap .nl-banner-link:hover .nl-banner-arrow { transform: translateX(6px) !important; }

.next-article__card {
    width: 600px;
    height: 122px;
    margin: auto;
    padding: 16px;
    border: 1px solid var(--border-color);
    border-radius: 4px;
    display: none;
    gap: 13px;
    align-items: center;
}
.next-article__ttl {
    margin: 0 0 10px;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    display: none;
}

/* ===== Responsive ===== */
@media (max-width: 960px) {
  .nl-wrap .nl-intro { padding: 48px 20px !important; }
  .nl-wrap .nl-intro-title { font-size: 18px !important; }
  .nl-wrap .nl-intro-title__deco { width: 24px !important; }
  .nl-wrap .nl-intro-lead { font-size: 14px !important; }
  .nl-wrap .nl-features { grid-template-columns: 1fr !important; gap: 28px !important; }

  .nl-wrap .nl-flow-steps {
    grid-template-columns: 1fr !important;
    row-gap: 32px !important;
  }

.blog-next {
    display: none;
    gap: 13px;
    align-items: center;
}
.blog__ttl {
    display: none;
    margin: 0 0 4px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}
  .nl-wrap .nl-flow-step {
    display: grid !important;
    grid-template-columns: 90px 1fr !important;
    grid-template-rows: auto auto !important;
    column-gap: 6px !important;
    row-gap: 8px !important;
    text-align: left !important;
    padding: 0 !important;
    align-items: start !important;
  }
  /* 数字：左上 */
  .nl-wrap .nl-flow-step__num {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 80px !important;
    text-align: center !important;
    margin-bottom: 0 !important;
    font-size: 26px !important;
  }
  /* ラベル：右上 */
  .nl-wrap .nl-flow-step__label {
    grid-column: 2 !important;
    grid-row: 1 !important;
    text-align: left !important;
    align-self: center !important;
    margin-bottom: 0 !important;
    font-size: 20px !important;
    font-weight: 700 !important;
  }
  /* アイコン：左下 */
  .nl-wrap .nl-flow-step__icon {
    grid-column: 1 !important;
    grid-row: 2 !important;
    margin: 0 !important;
    width: 80px !important;
    height: 80px !important;
  }
  /* 説明文：右下 */
  .nl-wrap .nl-flow-step__text {
    grid-column: 2 !important;
    grid-row: 2 !important;
    text-align: left !important;
    align-self: center !important;
    margin-top: 0 !important;
    font-size: 16px !important;
    line-height: 1.8 !important;
    word-break: normal !important;
    white-space: normal !important;
  }
  .nl-wrap .nl-flow-step + .nl-flow-step::before { display: none !important; }

  /* バナー */
  .nl-wrap .nl-banner { padding: 40px 20px 56px !important; }
  .nl-wrap .nl-banner-link { padding: 16px 22px !important; }
  .nl-wrap .nl-banner-en { font-size: 10px !important; }
  .nl-wrap .nl-banner-name { font-size: 18px !important; }
  .nl-wrap .nl-banner-arrow { width: 36px !important; height: 36px !important; }
}
</style>

<div class="nl-wrap">

  <!-- ===== Hero ===== -->
  <section class="nl-hero">
    <picture>
      <source media="(max-width: 767px)" srcset="https://cdn.img-asp.jp/cms/806034_12_0_0_1.jpg">
      <img class="nl-hero-img" src="https://cdn.img-asp.jp/cms/806034_11_0_0_1.jpg" alt="オーナー様へ FOR OWNERS 大切な資産を、次の価値へ。ニッチリビングが、オーナー様の想いに寄り添い、最適なご提案をいたします。">
    </picture>
  </section>

  <!-- ===== Intro ===== -->
  <section class="nl-intro">
    <h2 class="nl-intro-title">
      <span class="nl-intro-title__deco"></span>
      <span>オーナー様の資産価値を<br>最大化するために</span>
      <span class="nl-intro-title__deco"></span>
    </h2>
    <p class="nl-intro-lead">
      私たちは、単なる管理や仲介にとどまらず、長期的な視点で資産価値の維持・向上をサポートします。<br>
      地域に根ざした知見と、きめ細やかな対応で、安心と信頼のパートナーとして伴走します。
    </p>

    <div class="nl-features">
      <article class="nl-feature">
        <div class="nl-feature-image">
          <img src="https://cdn.img-asp.jp/cms/806034_10_0_0_1.jpg" alt="最適なご提案">
        </div>
        <div class="nl-feature-body">
          <h3 class="nl-feature-title">
            <span class="nl-feature-num">01</span>
            <span class="nl-feature-name">最適なご提案</span>
          </h3>
          <p class="nl-feature-text">市場動向や物件特性を的確に分析し、収益性の向上や資産価値の最大化につながる最適なプランをご提案します。</p>
        </div>
      </article>

      <article class="nl-feature">
        <div class="nl-feature-image">
          <img src="https://cdn.img-asp.jp/cms/806034_9_0_0_1.jpg" alt="安定した運営サポート">
        </div>
        <div class="nl-feature-body">
          <h3 class="nl-feature-title">
            <span class="nl-feature-num">02</span>
            <span class="nl-feature-name">安定した運営サポート</span>
          </h3>
          <p class="nl-feature-text">入居者募集から契約、管理まで一貫してサポート。長期的に安定した賃貸経営を実現します。</p>
        </div>
      </article>

      <article class="nl-feature">
        <div class="nl-feature-image">
          <img src="https://cdn.img-asp.jp/cms/806034_8_0_0_1.jpg" alt="資産価値の維持・向上">
        </div>
        <div class="nl-feature-body">
          <h3 class="nl-feature-title">
            <span class="nl-feature-num">03</span>
            <span class="nl-feature-name">資産価値の維持・向上</span>
          </h3>
          <p class="nl-feature-text">定期的な建物診断やリフォーム提案など、資産価値を維持・向上させるための取り組みを行います。</p>
        </div>
      </article>
    </div>
  </section>

  <!-- ===== Flow ===== -->
  <section class="nl-flow">
    <div class="nl-flow-inner">
      <h2 class="nl-flow-title">ご相談から運用までの流れ</h2>

      <ol class="nl-flow-steps">
        <li class="nl-flow-step">
          <p class="nl-flow-step__num">01</p>
          <p class="nl-flow-step__label">ヒアリング</p>
          <div class="nl-flow-step__icon">
            <img src="https://cdn.img-asp.jp/cms/806034_7_0_0_1.jpg" alt="ヒアリング">
          </div>
          <p class="nl-flow-step__text">オーナー様のご要望やお悩みを丁寧にお伺いします。</p>
        </li>

        <li class="nl-flow-step">
          <p class="nl-flow-step__num">02</p>
          <p class="nl-flow-step__label">現地調査・分析</p>
          <div class="nl-flow-step__icon">
            <img src="https://cdn.img-asp.jp/cms/806034_6_0_0_1.jpg" alt="現地調査・分析">
          </div>
          <p class="nl-flow-step__text">物件の状況や市場動向を調査・分析します。</p>
        </li>

        <li class="nl-flow-step">
          <p class="nl-flow-step__num">03</p>
          <p class="nl-flow-step__label">ご提案・お見積り</p>
          <div class="nl-flow-step__icon">
            <img src="https://cdn.img-asp.jp/cms/806034_5_0_0_1.jpg" alt="ご提案・お見積り">
          </div>
          <p class="nl-flow-step__text">最適なプランとお見積りをご提案します。</p>
        </li>

        <li class="nl-flow-step">
          <p class="nl-flow-step__num">04</p>
          <p class="nl-flow-step__label">ご契約</p>
          <div class="nl-flow-step__icon">
            <img src="https://cdn.img-asp.jp/cms/806034_4_0_0_1.jpg" alt="ご契約">
          </div>
          <p class="nl-flow-step__text">ご納得いただけたらご契約となります。</p>
        </li>

        <li class="nl-flow-step">
          <p class="nl-flow-step__num">05</p>
          <p class="nl-flow-step__label">運用開始</p>
          <div class="nl-flow-step__icon">
            <img src="https://cdn.img-asp.jp/cms/806034_3_0_0_1.jpg" alt="運用開始">
          </div>
          <p class="nl-flow-step__text">入居者募集や管理業務など運用を開始します。</p>
        </li>

        <li class="nl-flow-step">
          <p class="nl-flow-step__num">06</p>
          <p class="nl-flow-step__label">定期報告・ご提案</p>
          <div class="nl-flow-step__icon">
            <img src="https://cdn.img-asp.jp/cms/806034_2_0_0_1.jpg" alt="定期報告・ご提案">
          </div>
          <p class="nl-flow-step__text">運用状況を定期的にご報告し、改善提案を行います。</p>
        </li>

        <li class="nl-flow-step">
          <p class="nl-flow-step__num">07</p>
          <p class="nl-flow-step__label">資産価値の向上へ</p>
          <div class="nl-flow-step__icon">
            <img src="https://cdn.img-asp.jp/cms/806034_1_0_0_1.jpg" alt="資産価値の向上へ">
          </div>
          <p class="nl-flow-step__text">長期的な視点で資産価値の最大化を目指します。</p>
        </li>
      </ol>
    </div>
  </section>

  <!-- ===== Banner ===== -->
  <section class="nl-banner">
    <a class="nl-banner-link" href="/blog/catelist/33418/">
      <span class="nl-banner-text">
        <span class="nl-banner-en">WORKS</span>
        <span class="nl-banner-name">実績をみる</span>
      </span>
      <span class="nl-banner-arrow" aria-hidden="true"></span>
    </a>
  </section>

</div>]]></description>
            <pubDate>2026-06-20</pubDate>
        </item>
            </channel>
</rss>
