<style>
.stpl-pm{
--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-pm *{box-sizing:border-box}
/* ---- ヒーロー ---- */
.stpl-pm .pm-hero{
background:linear-gradient(135deg,#0A2540 0%,#051C2C 60%,#0C2E4E 100%);
border-radius:20px;padding:44px 40px;color:#fff;
position:relative;overflow:hidden;
}
.stpl-pm .pm-hero::before{
content:"";position:absolute;inset:0;
background:radial-gradient(ellipse at 90% -10%,rgba(34,81,255,.35),transparent 55%);
}
.stpl-pm .pm-hero > *{position:relative}
.stpl-pm .hero-en{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:#7FA0FF;font-weight:700;margin:0 0 10px}
.stpl-pm .hero-name{font-size:25px;font-weight:700;letter-spacing:.05em;margin:0;line-height:1.5}
.stpl-pm .hero-desc{font-size:13.5px;color:#AEBECD;margin:14px 0 0;max-width:540px}
/* ---- セクション見出し ---- */
.stpl-pm .sec-head{display:flex;align-items:center;gap:14px;margin:56px 0 4px}
.stpl-pm .sec-ja{font-size:19px;font-weight:700;letter-spacing:.04em}
.stpl-pm .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-pm .sec-head::after{content:"";flex:1;border-top:1px solid var(--line)}
/* ---- リード ---- */
.stpl-pm .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-pm .lead p{margin:0}
.stpl-pm .lead p + p{margin-top:1em}
.stpl-pm .lead strong{color:var(--ink);font-weight:700}
.stpl-pm .mission{
margin-top:20px;padding-top:20px;border-top:1px solid var(--line);
font-size:15px;font-weight:700;color:var(--ink);line-height:1.7;
}
/* ---- 図解 ---- */
.stpl-pm .fig{
background:var(--card);border:1px solid var(--line);border-radius:16px;
padding:28px 24px 22px;margin-top:20px;
}
.stpl-pm .fig svg{display:block;width:100%;height:auto;font-family:"Noto Sans JP",sans-serif}
.stpl-pm .fig svg.fig-mobile{display:none}
.stpl-pm .fig-cap{font-size:12px;color:var(--ink-mute);text-align:center;margin:18px 0 0;line-height:1.7}
/* ---- 資格CTA ---- */
.stpl-pm .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-pm .qual-card p{margin:0;font-size:14.5px;font-weight:500;line-height:1.6;flex:1;min-width:240px}
.stpl-pm .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-pm .qual-link:hover{background:var(--blue);color:#fff}
/* ---- メリット ---- */
.stpl-pm .point-list{list-style:none;padding:0;margin:20px 0 0;display:flex;flex-direction:column;gap:16px}
.stpl-pm .point{
background:var(--card);border:1px solid var(--line);border-radius:16px;
padding:28px 30px;transition:border-color .2s,transform .2s;
}
.stpl-pm .point:hover{border-color:var(--blue);transform:translateY(-2px)}
.stpl-pm .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-pm .point-title{font-size:17px;font-weight:700;line-height:1.6;margin:0 0 12px;letter-spacing:.02em}
.stpl-pm .point-txt{font-size:14px;color:var(--ink-soft);margin:0}
.stpl-pm .point-txt + .point-txt{margin-top:1em}
/* ---- CTA ---- */
.stpl-pm .pm-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-pm .pm-cta::before{
content:"";position:absolute;inset:0;
background:radial-gradient(ellipse at 15% 120%,rgba(34,81,255,.3),transparent 55%);
}
.stpl-pm .pm-cta > *{position:relative}
.stpl-pm .cta-title{font-size:20px;font-weight:700;color:#fff;margin:0 0 12px;letter-spacing:.04em;line-height:1.6}
.stpl-pm .cta-txt{font-size:13.5px;color:#AEBECD;margin:0 auto 26px;max-width:520px}
.stpl-pm .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-pm .cta-btn:hover{background:#3D66FF;transform:translateY(-2px)}
.stpl-pm .cta-note{display:block;margin-top:14px;font-size:11.5px;color:#8FA3B5;letter-spacing:.06em}
@media (max-width:600px){
.stpl-pm .pm-hero{padding:32px 24px;border-radius:16px}
.stpl-pm .hero-name{font-size:20px}
.stpl-pm .sec-head{margin-top:44px}
.stpl-pm .sec-ja{font-size:17px}
.stpl-pm .lead{padding:22px 20px;border-radius:14px;font-size:14px}
.stpl-pm .mission{font-size:14px}
.stpl-pm .fig{padding:20px 14px 16px;border-radius:14px}
.stpl-pm .fig svg.fig-desktop{display:none}
.stpl-pm .fig svg.fig-mobile{display:block}
.stpl-pm .qual-card{padding:22px 20px;border-radius:14px}
.stpl-pm .qual-link{width:100%;justify-content:center}
.stpl-pm .point{padding:22px 20px;border-radius:14px}
.stpl-pm .point-title{font-size:15.5px}
.stpl-pm .pm-cta{padding:36px 24px;border-radius:16px;margin-top:44px}
.stpl-pm .cta-title{font-size:17px}
.stpl-pm .cta-btn{width:100%;padding:15px 20px}
}
</style>
<div class="stpl-pm">
<!-- ヒーロー -->
<div class="pm-hero">
<p class="hero-en">Business</p>
<p class="hero-name">プロパティマネジメント</p>
<p class="hero-desc">維持管理だけではありません。空室改善から事業再生まで、賃貸経営そのものを最適化します。</p>
</div>
<!-- PMとは -->
<div class="sec-head">
<span class="sec-ja">プロパティマネジメントとは</span>
<span class="sec-en">About</span>
</div>
<div class="lead">
<p>プロパティマネジメントとは、いわゆる維持管理的な建物運営の業務だけではありません。<strong>空室改善や事業再生といったコンサルティング業務が中心</strong>となるため、プロパティマネジャーには幅広い知識が必要となります。</p>
<p class="mission">私たちはプロパティマネジャーとして、オーナー様の実情に合わせた賃貸経営管理を行い、賃貸経営の最適化と資産価値の最大化を図ることを使命としています。</p>
</div>
<!-- 図解 -->
<div class="fig">
<!-- デスクトップ -->
<svg class="fig-desktop" viewBox="0 0 760 430" xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="pmFigTitle pmFigDesc">
<title id="pmFigTitle">プロパティマネジメントが担う領域</title>
<desc id="pmFigDesc">家賃収入を高める施策と、建物メンテナンス支出を適正化する施策の両輪をプロパティマネジャーが束ね、賃貸経営の最適化と資産価値の最大化を実現するプロセスの図</desc>
<defs>
<linearGradient id="pmNavy" x1="0" y1="0" x2="1" y2="1">
<stop offset="0%" stop-color="#0A2540"/><stop offset="100%" stop-color="#051C2C"/>
</linearGradient>
<marker id="pmArrow" 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="30" y="26" font-size="11" font-weight="700" fill="#8395A5" letter-spacing="2">INCOME</text>
<rect x="30" y="38" width="228" height="34" rx="10" fill="#EBF0FF"/>
<text x="144" y="60" font-size="13" font-weight="700" fill="#2251FF" text-anchor="middle">家賃収入を高める</text>
<rect x="30" y="82" width="228" height="32" rx="9" fill="#FFFFFF" stroke="#E3E9F0"/>
<text x="144" y="103" font-size="12" fill="#051C2C" text-anchor="middle">市場調査・的確な賃料設定</text>
<rect x="30" y="122" width="228" height="32" rx="9" fill="#FFFFFF" stroke="#E3E9F0"/>
<text x="144" y="143" font-size="12" fill="#051C2C" text-anchor="middle">空室改善・テナント誘致</text>
<rect x="30" y="162" width="228" height="32" rx="9" fill="#FFFFFF" stroke="#E3E9F0"/>
<text x="144" y="183" font-size="12" fill="#051C2C" text-anchor="middle">事業再生・付加価値の維持</text>
<!-- 右:支出 -->
<text x="502" y="26" font-size="11" font-weight="700" fill="#8395A5" letter-spacing="2">COST</text>
<rect x="502" y="38" width="228" height="34" rx="10" fill="#EBF0FF"/>
<text x="616" y="60" font-size="13" font-weight="700" fill="#2251FF" text-anchor="middle">支出を適正化する</text>
<rect x="502" y="82" width="228" height="32" rx="9" fill="#FFFFFF" stroke="#E3E9F0"/>
<text x="616" y="103" font-size="12" fill="#051C2C" text-anchor="middle">定期的な保守点検・報告</text>
<rect x="502" y="122" width="228" height="32" rx="9" fill="#FFFFFF" stroke="#E3E9F0"/>
<text x="616" y="143" font-size="12" fill="#051C2C" text-anchor="middle">改善・修繕の提案</text>
<rect x="502" y="162" width="228" height="32" rx="9" fill="#FFFFFF" stroke="#E3E9F0"/>
<text x="616" y="183" font-size="12" fill="#051C2C" text-anchor="middle">計画的な保全工事・予算配分</text>
<!-- 収束矢印 -->
<path d="M264,116 C310,116 320,190 356,214" stroke="#2251FF" stroke-width="1.6" fill="none" marker-end="url(#pmArrow)"/>
<path d="M496,116 C450,116 440,190 404,214" stroke="#2251FF" stroke-width="1.6" fill="none" marker-end="url(#pmArrow)"/>
<!-- 中央:PM -->
<rect x="248" y="228" width="264" height="82" rx="16" fill="url(#pmNavy)"/>
<text x="380" y="258" font-size="10.5" font-weight="700" fill="#7FA0FF" text-anchor="middle" letter-spacing="2">PROPERTY MANAGER</text>
<text x="380" y="284" font-size="15" font-weight="700" fill="#FFFFFF" text-anchor="middle">2つのバランスを取る</text>
<text x="380" y="302" font-size="10.5" fill="#AEBECD" text-anchor="middle">オーナー様の実情に合わせた賃貸経営管理</text>
<path d="M380,314 L380,330" stroke="#2251FF" stroke-width="1.6" fill="none"/>
<path d="M246,330 L514,330" stroke="#2251FF" stroke-width="1.6" fill="none"/>
<path d="M246,330 L246,344" stroke="#2251FF" stroke-width="1.6" fill="none" marker-end="url(#pmArrow)"/>
<path d="M514,330 L514,344" stroke="#2251FF" stroke-width="1.6" fill="none" marker-end="url(#pmArrow)"/>
<!-- ゴール2枚 -->
<rect x="120" y="352" width="252" height="48" rx="12" fill="#EBF0FF"/>
<text x="246" y="382" font-size="14" font-weight="700" fill="#2251FF" text-anchor="middle">賃貸経営の最適化</text>
<rect x="388" y="352" width="252" height="48" rx="12" fill="#EBF0FF"/>
<text x="514" y="382" font-size="14" font-weight="700" fill="#2251FF" text-anchor="middle">資産価値の最大化</text>
</svg>
<!-- モバイル -->
<svg class="fig-mobile" viewBox="0 0 340 690" xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="pmFigTitleM pmFigDescM">
<title id="pmFigTitleM">プロパティマネジメントが担う領域</title>
<desc id="pmFigDescM">家賃収入を高める施策と支出を適正化する施策の両輪をプロパティマネジャーが束ね、賃貸経営の最適化と資産価値の最大化を実現する図</desc>
<defs>
<linearGradient id="pmNavyM" x1="0" y1="0" x2="1" y2="1">
<stop offset="0%" stop-color="#0A2540"/><stop offset="100%" stop-color="#051C2C"/>
</linearGradient>
<marker id="pmArrowM" 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="10.5" font-weight="700" fill="#8395A5" letter-spacing="2">INCOME</text>
<rect x="0" y="24" width="340" height="36" rx="10" fill="#EBF0FF"/>
<text x="170" y="47" font-size="13.5" font-weight="700" fill="#2251FF" text-anchor="middle">家賃収入を高める</text>
<rect x="0" y="68" width="340" height="34" rx="9" fill="#FFFFFF" stroke="#E3E9F0"/>
<text x="170" y="90" font-size="12.5" fill="#051C2C" text-anchor="middle">市場調査・的確な賃料設定</text>
<rect x="0" y="110" width="340" height="34" rx="9" fill="#FFFFFF" stroke="#E3E9F0"/>
<text x="170" y="132" font-size="12.5" fill="#051C2C" text-anchor="middle">空室改善・テナント誘致</text>
<rect x="0" y="152" width="340" height="34" rx="9" fill="#FFFFFF" stroke="#E3E9F0"/>
<text x="170" y="174" font-size="12.5" fill="#051C2C" text-anchor="middle">事業再生・付加価値の維持</text>
<text x="0" y="214" font-size="10.5" font-weight="700" fill="#8395A5" letter-spacing="2">COST</text>
<rect x="0" y="226" width="340" height="36" rx="10" fill="#EBF0FF"/>
<text x="170" y="249" font-size="13.5" font-weight="700" fill="#2251FF" text-anchor="middle">支出を適正化する</text>
<rect x="0" y="270" width="340" height="34" rx="9" fill="#FFFFFF" stroke="#E3E9F0"/>
<text x="170" y="292" font-size="12.5" fill="#051C2C" text-anchor="middle">定期的な保守点検・報告</text>
<rect x="0" y="312" width="340" height="34" rx="9" fill="#FFFFFF" stroke="#E3E9F0"/>
<text x="170" y="334" font-size="12.5" fill="#051C2C" text-anchor="middle">改善・修繕の提案</text>
<rect x="0" y="354" width="340" height="34" rx="9" fill="#FFFFFF" stroke="#E3E9F0"/>
<text x="170" y="376" font-size="12.5" fill="#051C2C" text-anchor="middle">計画的な保全工事・予算配分</text>
<path d="M170,392 L170,414" stroke="#2251FF" stroke-width="1.8" fill="none" marker-end="url(#pmArrowM)"/>
<rect x="0" y="424" width="340" height="98" rx="16" fill="url(#pmNavyM)"/>
<text x="170" y="456" font-size="10" font-weight="700" fill="#7FA0FF" text-anchor="middle" letter-spacing="2">PROPERTY MANAGER</text>
<text x="170" y="482" font-size="15" font-weight="700" fill="#FFFFFF" text-anchor="middle">2つのバランスを取る</text>
<text x="170" y="504" font-size="10.5" fill="#AEBECD" text-anchor="middle">オーナー様の実情に合わせた賃貸経営管理</text>
<path d="M170,530 L170,552" stroke="#2251FF" stroke-width="1.8" fill="none" marker-end="url(#pmArrowM)"/>
<rect x="0" y="562" width="340" height="52" rx="12" fill="#EBF0FF"/>
<text x="170" y="594" font-size="14" font-weight="700" fill="#2251FF" text-anchor="middle">賃貸経営の最適化</text>
<rect x="0" y="624" width="340" height="52" rx="12" fill="#EBF0FF"/>
<text x="170" y="656" font-size="14" font-weight="700" fill="#2251FF" text-anchor="middle">資産価値の最大化</text>
</svg>
<p class="fig-cap">「家賃収入」と「建物メンテナンスによる支出」。この2つのバランスを取ることが、プロパティマネジャーの仕事です。</p>
</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">Merits</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>
<p class="point-txt">「家賃収入」と「建物メンテナンスによる支出」のバランスを適切に取るとともに、資産の組み換えや相続対策など、あらゆる方面からオーナー様をサポートいたします。</p>
</li>
</ul>
<!-- CTA -->
<div class="pm-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>