<style>
.stpl-cre{
--ink:#051C2C;
--ink-soft:#44586B;
--ink-mute:#8395A5;
--blue:#2251FF;
--blue-soft:#EBF0FF;
--line:#E3E9F0;
--card:#FFFFFF;
font-family:"Noto Sans JP",sans-serif;
color:var(--ink);
max-width:820px;
margin:0 auto;
padding:0 0 24px;
line-height:1.85;
}
.stpl-cre *{box-sizing:border-box}
/* ---- ヒーロー ---- */
.stpl-cre .cre-hero{
background:linear-gradient(135deg,#0A2540 0%,#051C2C 60%,#0C2E4E 100%);
border-radius:20px;padding:44px 40px;color:#fff;
position:relative;overflow:hidden;
}
.stpl-cre .cre-hero::before{
content:"";position:absolute;inset:0;
background:radial-gradient(ellipse at 90% -10%,rgba(34,81,255,.35),transparent 55%);
}
.stpl-cre .cre-hero > *{position:relative}
.stpl-cre .hero-en{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:#7FA0FF;font-weight:700;margin:0 0 10px}
.stpl-cre .hero-name{font-size:25px;font-weight:700;letter-spacing:.05em;margin:0;line-height:1.5}
.stpl-cre .hero-desc{font-size:13.5px;color:#AEBECD;margin:14px 0 0;max-width:540px}
/* ---- セクション見出し ---- */
.stpl-cre .sec-head{display:flex;align-items:center;gap:14px;margin:56px 0 4px}
.stpl-cre .sec-ja{font-size:19px;font-weight:700;letter-spacing:.04em}
.stpl-cre .sec-en{
font-size:10px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;
color:var(--blue);background:var(--blue-soft);
border-radius:999px;padding:4px 12px;white-space:nowrap;
}
.stpl-cre .sec-head::after{content:"";flex:1;border-top:1px solid var(--line)}
/* ---- リード ---- */
.stpl-cre .lead{
background:var(--card);border:1px solid var(--line);border-radius:16px;
padding:28px 30px;margin-top:20px;font-size:14.5px;color:var(--ink-soft);
}
.stpl-cre .lead p{margin:0}
.stpl-cre .lead p + p{margin-top:1em}
.stpl-cre .lead strong{color:var(--ink);font-weight:700}
/* ---- 資格バッジ列 ---- */
.stpl-cre .qual-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.stpl-cre .qual{
font-size:11.5px;font-weight:700;letter-spacing:.04em;
color:var(--blue);background:var(--blue-soft);
border-radius:999px;padding:5px 14px;
}
/* ---- 図解 ---- */
.stpl-cre .fig{
background:var(--card);border:1px solid var(--line);border-radius:16px;
padding:28px 24px 22px;margin-top:20px;
}
.stpl-cre .fig svg{display:block;width:100%;height:auto;font-family:"Noto Sans JP",sans-serif}
.stpl-cre .fig svg.fig-mobile{display:none}
.stpl-cre .fig-cap{
font-size:12px;color:var(--ink-mute);text-align:center;
margin:18px 0 0;line-height:1.7;
}
/* ---- お悩みリスト ---- */
.stpl-cre .worry-grid{
display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px;
}
.stpl-cre .worry{
background:var(--card);border:1px solid var(--line);border-radius:14px;
padding:16px 18px;display:flex;align-items:flex-start;gap:12px;
font-size:14px;line-height:1.6;font-weight:500;
transition:border-color .2s,transform .2s;
}
.stpl-cre .worry:hover{border-color:var(--blue);transform:translateY(-2px)}
.stpl-cre .worry-check{
flex-shrink:0;width:20px;height:20px;border-radius:6px;
background:var(--blue-soft);color:var(--blue);
display:flex;align-items:center;justify-content:center;
margin-top:2px;
}
.stpl-cre .worry-check svg{width:11px;height:11px}
/* ---- 資格CTA ---- */
.stpl-cre .qual-card{
background:var(--card);border:1px solid var(--line);border-radius:16px;
padding:28px 30px;margin-top:20px;
display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;
}
.stpl-cre .qual-card p{margin:0;font-size:14.5px;font-weight:500;line-height:1.6;flex:1;min-width:240px}
.stpl-cre .qual-link{
display:inline-flex;align-items:center;gap:8px;
font-size:13px;font-weight:700;color:var(--blue);
background:var(--blue-soft);border-radius:999px;
padding:11px 22px;text-decoration:none;white-space:nowrap;
transition:background .2s,color .2s;
}
.stpl-cre .qual-link:hover{background:var(--blue);color:#fff}
/* ---- 選ばれる理由 ---- */
.stpl-cre .point-list{list-style:none;padding:0;margin:20px 0 0;display:flex;flex-direction:column;gap:16px}
.stpl-cre .point{
background:var(--card);border:1px solid var(--line);border-radius:16px;
padding:28px 30px;transition:border-color .2s,transform .2s;
}
.stpl-cre .point:hover{border-color:var(--blue);transform:translateY(-2px)}
.stpl-cre .point-num{
display:inline-block;font-size:10.5px;font-weight:700;letter-spacing:.14em;
text-transform:uppercase;color:var(--blue);background:var(--blue-soft);
border-radius:999px;padding:4px 13px;margin-bottom:14px;
}
.stpl-cre .point-title{font-size:17px;font-weight:700;line-height:1.6;margin:0 0 12px;letter-spacing:.02em}
.stpl-cre .point-txt{font-size:14px;color:var(--ink-soft);margin:0}
/* ---- CTA ---- */
.stpl-cre .cre-cta{
background:linear-gradient(135deg,#0A2540 0%,#051C2C 60%,#0C2E4E 100%);
border-radius:20px;padding:48px 40px;margin-top:56px;text-align:center;
position:relative;overflow:hidden;
}
.stpl-cre .cre-cta::before{
content:"";position:absolute;inset:0;
background:radial-gradient(ellipse at 15% 120%,rgba(34,81,255,.3),transparent 55%);
}
.stpl-cre .cre-cta > *{position:relative}
.stpl-cre .cta-title{font-size:20px;font-weight:700;color:#fff;margin:0 0 12px;letter-spacing:.04em;line-height:1.6}
.stpl-cre .cta-txt{font-size:13.5px;color:#AEBECD;margin:0 auto 26px;max-width:520px}
.stpl-cre .cta-btn{
display:inline-block;background:var(--blue);color:#fff;
font-size:15px;font-weight:700;letter-spacing:.06em;
padding:15px 48px;border-radius:999px;text-decoration:none;
box-shadow:0 8px 24px rgba(34,81,255,.4);
transition:transform .2s,background .2s;
}
.stpl-cre .cta-btn:hover{background:#3D66FF;transform:translateY(-2px)}
.stpl-cre .cta-note{display:block;margin-top:14px;font-size:11.5px;color:#8FA3B5;letter-spacing:.06em}
@media (max-width:600px){
.stpl-cre .cre-hero{padding:32px 24px;border-radius:16px}
.stpl-cre .hero-name{font-size:20px}
.stpl-cre .sec-head{margin-top:44px}
.stpl-cre .sec-ja{font-size:17px}
.stpl-cre .lead{padding:22px 20px;border-radius:14px;font-size:14px}
.stpl-cre .fig{padding:20px 14px 16px;border-radius:14px}
.stpl-cre .fig svg.fig-desktop{display:none}
.stpl-cre .fig svg.fig-mobile{display:block}
.stpl-cre .worry-grid{grid-template-columns:1fr}
.stpl-cre .qual-card{padding:22px 20px;border-radius:14px}
.stpl-cre .qual-link{width:100%;justify-content:center}
.stpl-cre .point{padding:22px 20px;border-radius:14px}
.stpl-cre .point-title{font-size:15.5px}
.stpl-cre .cre-cta{padding:36px 24px;border-radius:16px;margin-top:44px}
.stpl-cre .cta-title{font-size:17px}
.stpl-cre .cta-btn{width:100%;padding:15px 20px}
}
</style>
<div class="stpl-cre">
<!-- ヒーロー -->
<div class="cre-hero">
<p class="hero-en">Business</p>
<p class="hero-name">CRE戦略コンサルティング</p>
<p class="hero-desc">企業不動産を「コスト」から「経営資源」へ。法務・税務・保険・金融・建築まで、トータルにアドバイスします。</p>
</div>
<!-- 当社が考えるCRE戦略 -->
<div class="sec-head">
<span class="sec-ja">当社が考えるCRE戦略</span>
<span class="sec-en">Approach</span>
</div>
<div class="lead">
<div class="qual-row">
<span class="qual">公認不動産コンサルティングマスター</span>
<span class="qual">不動産戦略アドバイザー</span>
</div>
<p>弊社にはこれらの資格取得者が在籍しており、オーナー様の大切な資産の管理に対するアドバイス（相続・不動産投資・土地有効活用におけるコンサルティング）を、<strong>より専門的に行うことが可能</strong>です。</p>
<p>法務、税務、保険、金融、建築など、<strong>トータルなアドバイス</strong>をいたします。</p>
</div>
<!-- 図解 -->
<div class="fig">
<svg class="fig-desktop" viewBox="0 0 760 400" xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="creFigTitle creFigDesc">
<title id="creFigTitle">CRE戦略の組み立て</title>
<desc id="creFigDesc">企業戦略と保有不動産の情報を掛け合わせ、中長期目標における不動産の最適化を導き、オフバランス・建替え・売却・有効活用といった打ち手を通じて資産価値を最大化するプロセスの図</desc>
<defs>
<linearGradient id="creNavy" x1="0" y1="0" x2="1" y2="1">
<stop offset="0%" stop-color="#0A2540"/>
<stop offset="100%" stop-color="#051C2C"/>
</linearGradient>
<marker id="creArrow" viewBox="0 0 10 10" refX="9" refY="5"
markerWidth="6" markerHeight="6" orient="auto-start-reverse">
<path d="M0,1 L9,5 L0,9 z" fill="#2251FF"/>
</marker>
</defs>
<!-- INPUT 2枚 -->
<text x="30" y="30" font-size="11" font-weight="700" fill="#8395A5" letter-spacing="2">INPUT</text>
<rect x="30" y="44" width="180" height="66" rx="12" fill="#EBF0FF"/>
<text x="120" y="74" font-size="14" font-weight="700" fill="#2251FF" text-anchor="middle">企業戦略</text>
<text x="120" y="94" font-size="11" fill="#44586B" text-anchor="middle">事業内容・歴史・中長期目標</text>
<rect x="30" y="128" width="180" height="66" rx="12" fill="#EBF0FF"/>
<text x="120" y="158" font-size="14" font-weight="700" fill="#2251FF" text-anchor="middle">保有不動産の情報</text>
<text x="120" y="178" font-size="11" fill="#44586B" text-anchor="middle">立地・築年数・収支・権利</text>
<!-- 矢印 IN -->
<path d="M216,77 C250,77 250,110 278,116" stroke="#2251FF" stroke-width="1.6" fill="none" marker-end="url(#creArrow)"/>
<path d="M216,161 C250,161 250,130 278,124" stroke="#2251FF" stroke-width="1.6" fill="none" marker-end="url(#creArrow)"/>
<!-- 中央：最適化 -->
<rect x="288" y="66" width="184" height="108" rx="16" fill="url(#creNavy)"/>
<text x="380" y="102" font-size="11" font-weight="700" fill="#7FA0FF" text-anchor="middle" letter-spacing="2">OPTIMIZE</text>
<text x="380" y="128" font-size="15" font-weight="700" fill="#FFFFFF" text-anchor="middle">不動産の最適化</text>
<text x="380" y="150" font-size="11" fill="#AEBECD" text-anchor="middle">課題の抽出とリスクの明確化</text>
<!-- 矢印 OUT -->
<path d="M478,120 L520,120" stroke="#2251FF" stroke-width="1.6" fill="none" marker-end="url(#creArrow)"/>
<!-- 打ち手 4枚 -->
<text x="536" y="30" font-size="11" font-weight="700" fill="#8395A5" letter-spacing="2">ACTION</text>
<rect x="536" y="44" width="194" height="34" rx="10" fill="#FFFFFF" stroke="#E3E9F0"/>
<text x="633" y="66" font-size="12.5" font-weight="500" fill="#051C2C" text-anchor="middle">オフバランスで経営効率化</text>
<rect x="536" y="86" width="194" height="34" rx="10" fill="#FFFFFF" stroke="#E3E9F0"/>
<text x="633" y="108" font-size="12.5" font-weight="500" fill="#051C2C" text-anchor="middle">老朽化不動産の建て替え</text>
<rect x="536" y="128" width="194" height="34" rx="10" fill="#FFFFFF" stroke="#E3E9F0"/>
<text x="633" y="150" font-size="12.5" font-weight="500" fill="#051C2C" text-anchor="middle">売却による資産の入れ替え</text>
<rect x="536" y="170" width="194" height="34" rx="10" fill="#FFFFFF" stroke="#E3E9F0"/>
<text x="633" y="192" font-size="12.5" font-weight="500" fill="#051C2C" text-anchor="middle">遊休地の有効活用</text>
<!-- 下向き矢印 -->
<path d="M633,214 L633,248" stroke="#2251FF" stroke-width="1.6" fill="none" marker-end="url(#creArrow)"/>
<!-- ゴール -->
<rect x="30" y="262" width="700" height="70" rx="16" fill="url(#creNavy)"/>
<text x="380" y="292" font-size="11" font-weight="700" fill="#7FA0FF" text-anchor="middle" letter-spacing="2">GOAL</text>
<text x="380" y="316" font-size="16" font-weight="700" fill="#FFFFFF" text-anchor="middle">資産価値を最大限に高める</text>
<!-- 伴走注記 -->
<text x="380" y="366" font-size="11.5" fill="#8395A5" text-anchor="middle">
法務 ／ 税務 ／ 保険 ／ 金融 ／ 建築 — すべてワンストップで
</text>
</svg>
<svg class="fig-mobile" viewBox="0 0 340 640" xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="creFigTitleM creFigDescM">
<title id="creFigTitleM">CRE戦略の組み立て</title>
<desc id="creFigDescM">企業戦略と保有不動産の情報から不動産の最適化を導き、打ち手を通じて資産価値を最大化するプロセスの図</desc>
<defs>
<linearGradient id="creNavyM" x1="0" y1="0" x2="1" y2="1">
<stop offset="0%" stop-color="#0A2540"/><stop offset="100%" stop-color="#051C2C"/>
</linearGradient>
<marker id="creArrowM" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="6" markerHeight="6" orient="auto-start-reverse">
<path d="M0,1 L9,5 L0,9 z" fill="#2251FF"/>
</marker>
</defs>
<text x="0" y="12" font-size="11" font-weight="700" fill="#8395A5" letter-spacing="2">INPUT</text>
<rect x="0" y="24" width="163" height="70" rx="12" fill="#EBF0FF"/>
<text x="81" y="52" font-size="14" font-weight="700" fill="#2251FF" text-anchor="middle">企業戦略</text>
<text x="81" y="72" font-size="10.5" fill="#44586B" text-anchor="middle">事業内容・歴史</text>
<text x="81" y="86" font-size="10.5" fill="#44586B" text-anchor="middle">中長期目標</text>
<rect x="177" y="24" width="163" height="70" rx="12" fill="#EBF0FF"/>
<text x="258" y="52" font-size="14" font-weight="700" fill="#2251FF" text-anchor="middle">保有不動産の情報</text>
<text x="258" y="72" font-size="10.5" fill="#44586B" text-anchor="middle">立地・築年数</text>
<text x="258" y="86" font-size="10.5" fill="#44586B" text-anchor="middle">収支・権利</text>
<path d="M170,102 L170,122" stroke="#2251FF" stroke-width="1.8" fill="none" marker-end="url(#creArrowM)"/>
<rect x="0" y="132" width="340" height="96" rx="16" fill="url(#creNavyM)"/>
<text x="170" y="164" font-size="11" font-weight="700" fill="#7FA0FF" text-anchor="middle" letter-spacing="2">OPTIMIZE</text>
<text x="170" y="190" font-size="16" font-weight="700" fill="#FFFFFF" text-anchor="middle">不動産の最適化</text>
<text x="170" y="212" font-size="11" fill="#AEBECD" text-anchor="middle">課題の抽出とリスクの明確化</text>
<path d="M170,236 L170,258" stroke="#2251FF" stroke-width="1.8" fill="none" marker-end="url(#creArrowM)"/>
<text x="0" y="284" font-size="11" font-weight="700" fill="#8395A5" letter-spacing="2">ACTION</text>
<rect x="0" y="296" width="340" height="40" rx="10" fill="#FFFFFF" stroke="#E3E9F0"/>
<text x="170" y="321" font-size="13" font-weight="500" fill="#051C2C" text-anchor="middle">オフバランスで経営効率化</text>
<rect x="0" y="344" width="340" height="40" rx="10" fill="#FFFFFF" stroke="#E3E9F0"/>
<text x="170" y="369" font-size="13" font-weight="500" fill="#051C2C" text-anchor="middle">老朽化不動産の建て替え</text>
<rect x="0" y="392" width="340" height="40" rx="10" fill="#FFFFFF" stroke="#E3E9F0"/>
<text x="170" y="417" font-size="13" font-weight="500" fill="#051C2C" text-anchor="middle">売却による資産の入れ替え</text>
<rect x="0" y="440" width="340" height="40" rx="10" fill="#FFFFFF" stroke="#E3E9F0"/>
<text x="170" y="465" font-size="13" font-weight="500" fill="#051C2C" text-anchor="middle">遊休地の有効活用</text>
<path d="M170,488 L170,510" stroke="#2251FF" stroke-width="1.8" fill="none" marker-end="url(#creArrowM)"/>
<rect x="0" y="520" width="340" height="76" rx="16" fill="url(#creNavyM)"/>
<text x="170" y="550" font-size="11" font-weight="700" fill="#7FA0FF" text-anchor="middle" letter-spacing="2">GOAL</text>
<text x="170" y="576" font-size="15" font-weight="700" fill="#FFFFFF" text-anchor="middle">資産価値を最大限に高める</text>
<text x="170" y="622" font-size="10.5" fill="#8395A5" text-anchor="middle">法務／税務／保険／金融／建築 — ワンストップで</text>
</svg>
<p class="fig-cap">企業戦略と保有不動産の情報を突き合わせ、中長期目標に沿った打ち手を導きます。</p>
</div>
<!-- お困りごと -->
<div class="sec-head">
<span class="sec-ja">こんなお悩みはありませんか</span>
<span class="sec-en">Issues</span>
</div>
<div class="worry-grid">
<div class="worry"><span class="worry-check"><svg viewBox="0 0 12 12" fill="none"><path d="M2 6.2l2.6 2.6L10 3.2" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span>資産を増やしたい、利回りを高めたい</div>
<div class="worry"><span class="worry-check"><svg viewBox="0 0 12 12" fill="none"><path d="M2 6.2l2.6 2.6L10 3.2" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span>建物の経年により、家賃収入が下落している</div>
<div class="worry"><span class="worry-check"><svg viewBox="0 0 12 12" fill="none"><path d="M2 6.2l2.6 2.6L10 3.2" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span>空室を埋めたい</div>
<div class="worry"><span class="worry-check"><svg viewBox="0 0 12 12" fill="none"><path d="M2 6.2l2.6 2.6L10 3.2" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span>リノベーションしたい</div>
<div class="worry"><span class="worry-check"><svg viewBox="0 0 12 12" fill="none"><path d="M2 6.2l2.6 2.6L10 3.2" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span>煩雑業務を任せられる管理会社を探している</div>
<div class="worry"><span class="worry-check"><svg viewBox="0 0 12 12" fill="none"><path d="M2 6.2l2.6 2.6L10 3.2" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span>土地を持て余しているので有効活用したい</div>
<div class="worry"><span class="worry-check"><svg viewBox="0 0 12 12" fill="none"><path d="M2 6.2l2.6 2.6L10 3.2" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span>何から始めればよいか分からない</div>
<div class="worry"><span class="worry-check"><svg viewBox="0 0 12 12" fill="none"><path d="M2 6.2l2.6 2.6L10 3.2" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span>どこの会社に任せればいいか分からない</div>
</div>
<!-- 資格 -->
<div class="qual-card">
<p>当社は公認不動産コンサルティングマスター等の資格者がコンサルティングを行います。</p>
<a class="qual-link" href="/about">資格について詳しく →</a>
</div>
<!-- 選ばれる理由 -->
<div class="sec-head">
<span class="sec-ja">選ばれる理由</span>
<span class="sec-en">Reasons</span>
</div>
<ul class="point-list">
<li class="point">
<span class="point-num">Point 01</span>
<h3 class="point-title">課題とリスクを明確に</h3>
<p class="point-txt">ご相談をお伺いした上で、お客様の課題を抽出し、リスクを明確にします。保有不動産の情報と企業戦略に基づいて、中長期目標における不動産の最適化をご提案いたします。例えば、オフバランスして経営効率を上げること、老朽化した不動産の建て替えや売却などの解決策を実施して、資産価値を最大限に高めていきます。</p>
</li>
<li class="point">
<span class="point-num">Point 02</span>
<h3 class="point-title">事業内容や歴史なども考慮した不動産戦略を構築</h3>
<p class="point-txt">たとえば、オーナー様にとって創業の地であるなど特別な価値のある不動産をご所有の場合は、象徴的な場所として社員の士気向上に役立てるための活用をご提案するなど、単に効率や利益追求型ではなく、オーナー様のアイデンティティを理解したうえで、戦略的・総合的な価値の組み立てを行います。</p>
</li>
<li class="point">
<span class="point-num">Point 03</span>
<h3 class="point-title">ワンストップのご提案が可能です</h3>
<p class="point-txt">企業は、事業活動において様々な不動産を保有・賃借し、「利用」しています。企業を取りまく事業環境の変化のスピードはどんどん増しており、企業の競争力を維持・向上していくためには、経営的視点から不動産戦略を立案する必要があります。さまざまな角度からのご提案を、適切なタイミングを見極めつつワンストップで行うことが可能です。</p>
</li>
</ul>
<!-- CTA -->
<div class="cre-cta">
<h3 class="cta-title">何から始めればよいか、から一緒に。</h3>
<p class="cta-txt">保有不動産の情報を整理するところから、中長期の打ち手まで。まずは現状をお聞かせください。</p>
<a class="cta-btn" href="/contact">無料相談を申し込む</a>
<span class="cta-note">初回相談 無料 ／ 秘密厳守 ／ 売り込みはしません</span>
</div>
</div>