はじまりを、かたちに。
不動産の売買・無料査定・収益物件のご相談まで。
一つひとつのご縁に誠実に向き合い、その先の未来を支えます。
不動産の売却をご検討の方へ。
ご事情やご希望を伺い、物件の価値を丁寧に査定して最適な売却方法をご提案します。
収益物件の購入・売却・運用をご検討の方へ。
目的に合わせた物件選びや活用方法を丁寧にご案内します。
<style>
#header a[href="/lend"],#header a[href$="/lend"]{box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;width:120px!important;height:35px!important;padding:0!important;border:1px solid #1a1a1a!important;border-radius:999px!important;color:#1a1a1a!important;font-family:"Zen Kaku Gothic New"!important;font-size:16px!important;font-weight:500!important;line-height:16px!important;letter-spacing:normal!important;text-align:center!important;white-space:nowrap!important}
body.hatsuki-rent #hatsuki-investment-intro h2{font-family:"Zen Kaku Gothic New",sans-serif!important;font-size:36px!important;font-weight:500!important;line-height:1.4!important;letter-spacing:0!important;text-align:center!important}
.hk-title-line{display:inline!important}
@media(max-width:840px){
#hatsuki-contact-extra .hk-checks label{display:inline-flex!important;align-items:center!important;gap:8px!important;min-height:44px!important;line-height:1.35!important}
#hatsuki-contact-extra .hk-checks input[type="checkbox"]{flex:0 0 auto!important;align-self:center!important;margin:0!important}
body.hatsuki-rent #hatsuki-investment-intro h2 .hk-title-line{display:block!important;white-space:nowrap!important}
}
</style>
<script>
(()=>{
const path=location.pathname.replace(/\/$/,'')||'/';
const run=()=>{
if(path.startsWith('/news')&&!document.querySelector('#hatsuki-top-back')){
const a=document.createElement('a');a.id='hatsuki-top-back';a.className='hk-top-back';a.href='/';a.setAttribute('aria-label','TOP\u3078\u623b\u308b');a.textContent='\u2039 TOP\u3078\u623b\u308b';document.body.appendChild(a);
}
if(path==='/rent'){
const h=document.querySelector('#hatsuki-investment-intro h2');
if(h&&!h.dataset.hkTitleFixed){h.dataset.hkTitleFixed='1';h.innerHTML='<span class="hk-title-line">\u53ce\u76ca\u7269\u4ef6\u306e\u8cfc\u5165\u3092</span><span class="hk-title-line">\u3054\u691c\u8a0e\u306e\u65b9\u3078</span>';}
}
};
if(document.readyState==='loading')document.addEventListener('DOMContentLoaded',run,{once:true});else run();
[300,900,1800].forEach(t=>setTimeout(run,t));
})();
</script>
<style>
#hatsuki-investment-intro .hk-investment-actions{display:flex!important;flex-direction:column!important;align-items:center!important;gap:14px!important;width:100%!important}
#hatsuki-investment-intro .hk-investment-actions .hk-investment-button{box-sizing:border-box!important;margin:0 auto!important}
#hatsuki-investment-intro .hk-investment-sale-button{background:#fff!important;color:#151515!important}
@media(max-width:840px){#hatsuki-investment-intro .hk-investment-actions .hk-investment-button{width:100%!important;min-height:58px!important;padding:12px 16px!important;text-align:center!important}}
</style>
<script>
(()=>{
const path=location.pathname.replace(/\/$/,'')||'/';
const addInvestmentButtons=()=>{
if(path!=='/rent'||document.querySelector('#hk-investment-sale-link'))return;
const buy=document.querySelector('#hatsuki-investment-intro a.hk-investment-button[href*="type=investment"]');
if(!buy)return;
buy.textContent='収益物件の購入を相談する';
const wrap=document.createElement('div');wrap.className='hk-investment-actions';buy.parentNode.insertBefore(wrap,buy);wrap.appendChild(buy);
const sell=document.createElement('a');sell.id='hk-investment-sale-link';sell.className='hk-investment-button hk-investment-sale-button';sell.href='/contact?type=investment-sale';sell.textContent='収益物件の売却を相談する';wrap.appendChild(sell);
};
const addInvestmentSaleForm=()=>{
if(path!=='/contact'||new URLSearchParams(location.search).get('type')!=='investment-sale'||document.querySelector('#hatsuki-contact-extra'))return;
const nativeText=document.querySelector('textarea');if(!nativeText)return;
const fields=[
['物件種別','select','一棟マンション,一棟アパート,区分マンション,店舗・事務所,ビル,戸建賃貸,倉庫,駐車場,土地,その他',1],
['その他の種別','text','種類をご入力ください',0],
['物件所在地','text','市区町村・番地まで',1],
['建物名・部屋番号','text','例:初紀マンション101号室',0],
['土地面積','text','例:200㎡',0],
['建物・専有面積','text','例:350㎡',0],
['築年数','text','例:築20年',0],
['総戸数','text','例:12戸',0],
['現在の稼働状況','select','満室,一部空室,全室空室,賃貸募集中,自用・未稼働,その他',1],
['年間賃料収入','text','例:年間720万円',0],
['現在の管理状況','select','自主管理,管理会社へ委託中,サブリース中,管理なし,その他',0],
['ローン残高','text','概算で構いません',0],
['売却希望時期','select','できるだけ早く,3か月以内,半年以内,1年以内,良い条件なら,時期未定',1],
['売却希望価格','text','例:1億2,000万円/未定',0],
['売却理由','select','資産整理,買い替え,相続,収益性の見直し,ローン・返済,その他',0],
['詳しい状況・ご希望','textarea','入居状況、修繕履歴、査定で重視したいことなどをご記入ください',1],
['連絡希望時間','text','例:平日18時以降',0]
];
const field=f=>{
const n='ご相談詳細|'+f[0],req=f[3]?' required':'';
if(f[1]==='select')return '<div class="hk-field"><label>'+f[0]+(f[3]?'<em>必須</em>':'')+'</label><select data-hk-label="'+n+'"'+req+'><option value="">選択してください</option>'+f[2].split(',').map(o=>'<option>'+o+'</option>').join('')+'</select></div>';
if(f[1]==='textarea')return '<div class="hk-field hk-wide"><label>'+f[0]+(f[3]?'<em>必須</em>':'')+'</label><textarea data-hk-label="'+n+'" placeholder="'+f[2]+'"'+req+'></textarea></div>';
return '<div class="hk-field"><label>'+f[0]+(f[3]?'<em>必須</em>':'')+'</label><input data-hk-label="'+n+'" type="text" placeholder="'+f[2]+'"'+req+'></div>';
};
const box=document.createElement('section');
box.id='hatsuki-contact-extra';
box.innerHTML='<h2>収益物件の売却相談</h2><p class="hk-intro">収益物件の売却をご検討中の方向けの専用フォームです。稼働状況や賃料収入、ご希望時期を確認し、物件の特性に合った査定と売却方法をご案内します。</p><div class="hk-grid">'+fields.map(field).join('')+'</div>';
nativeText.closest('div').insertAdjacentElement('beforebegin',box);
const nativeSelect=Array.from(document.querySelectorAll('select')).find(s=>Array.from(s.options).some(o=>o.textContent.trim()==='収益物件の購入・売却・運用'));
if(nativeSelect){const o=Array.from(nativeSelect.options).find(x=>x.textContent.trim()==='収益物件の購入・売却・運用');if(o){nativeSelect.value=o.value;nativeSelect.dispatchEvent(new Event('change',{bubbles:true}));}}
const btn=Array.from(document.querySelectorAll('button')).find(b=>/確認|送信/.test(b.textContent));
if(btn)btn.addEventListener('click',ev=>{
let bad=false;const lines=[];
box.querySelectorAll('[data-hk-label]').forEach(el=>{const val=(el.value||'').trim();if(el.hasAttribute('required')&&!val){bad=true;el.classList.add('hk-error')}else el.classList.remove('hk-error');if(val)lines.push(el.getAttribute('data-hk-label')+':'+val);});
if(bad){ev.preventDefault();ev.stopImmediatePropagation();box.scrollIntoView({behavior:'smooth',block:'start'});return;}
nativeText.value=(nativeText.value.trim()?nativeText.value.trim()+'\n\n':'')+'【収益物件・売却相談フォーム入力内容】\n'+lines.join('\n');nativeText.dispatchEvent(new Event('input',{bubbles:true}));nativeText.dispatchEvent(new Event('change',{bubbles:true}));
},true);
};
const run=()=>{addInvestmentButtons();addInvestmentSaleForm();};
if(document.readyState==='loading')document.addEventListener('DOMContentLoaded',run,{once:true});else run();
[300,900,1800].forEach(t=>setTimeout(run,t));
})();
</script>
<style>
#hatsuki-sale-consult,
#hatsuki-sale-faq{
box-sizing:border-box;
width:min(1120px,calc(100% - 48px));
margin:96px auto;
color:#151515;
font-family:inherit;
}
#hatsuki-sale-consult .hk-sale-eyebrow,
#hatsuki-sale-faq .hk-sale-eyebrow{
margin:0 0 14px;
color:#555;
font-size:15px;
font-weight:600;
letter-spacing:.08em;
}
#hatsuki-sale-consult h2,
#hatsuki-sale-faq h2{
margin:0;
font-size:clamp(32px,4vw,52px);
font-weight:600;
line-height:1.4;
letter-spacing:.02em;
}
#hatsuki-sale-consult .hk-sale-lead{
max-width:820px;
margin:22px 0 0;
color:#555;
font-size:16px;
line-height:2;
}
#hatsuki-sale-consult .hk-sale-methods{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:18px;
margin:42px 0 34px;
}
#hatsuki-sale-consult .hk-sale-method{
padding:30px 26px;
border-top:1px solid #222;
background:#f7f6f2;
}
#hatsuki-sale-consult .hk-sale-method strong{
display:block;
margin-bottom:12px;
font-size:21px;
line-height:1.5;
}
#hatsuki-sale-consult .hk-sale-method p{
margin:0;
color:#555;
line-height:1.9;
}
.hk-sale-primary{
display:flex;
box-sizing:border-box;
width:min(420px,100%);
min-height:64px;
margin:0 auto;
padding:14px 24px;
align-items:center;
justify-content:center;
border:1px solid #151515;
border-radius:999px;
background:#151515;
color:#fff!important;
text-align:center;
text-decoration:none!important;
font-weight:700;
letter-spacing:.06em;
}
#hatsuki-sale-faq .hk-faq-list{
margin-top:38px;
border-top:1px solid #aaa;
}
#hatsuki-sale-faq details{
border-bottom:1px solid #d5d5d5;
}
#hatsuki-sale-faq summary{
position:relative;
padding:24px 52px 24px 2px;
cursor:pointer;
list-style:none;
font-size:18px;
font-weight:600;
line-height:1.7;
}
#hatsuki-sale-faq summary::-webkit-details-marker{display:none}
#hatsuki-sale-faq summary::after{
content:'+';
position:absolute;
top:24px;
right:6px;
font-size:20px;
font-weight:400;
}
#hatsuki-sale-faq details[open] summary::after{content:'-'}
#hatsuki-sale-faq details p{
max-width:900px;
margin:0;
padding:0 44px 24px 2px;
color:#555;
line-height:1.95;
}
body.hatsuki-sale{padding-bottom:92px!important}
@media(max-width:840px){
#hatsuki-sale-consult,
#hatsuki-sale-faq{
width:calc(100% - 36px);
margin:68px auto;
}
#hatsuki-sale-consult h2,
#hatsuki-sale-faq h2{
font-size:30px;
line-height:1.45;
}
#hatsuki-sale-consult .hk-sale-lead{font-size:15px;line-height:1.9}
#hatsuki-sale-consult .hk-sale-methods{
grid-template-columns:1fr;
gap:12px;
margin:30px 0;
}
#hatsuki-sale-consult .hk-sale-method{padding:22px 18px}
#hatsuki-sale-faq summary{padding:20px 42px 20px 0;font-size:16px}
#hatsuki-sale-faq summary::after{top:20px;right:2px}
#hatsuki-sale-faq details p{padding:0 28px 20px 0;font-size:14px}
body.hatsuki-sale{padding-bottom:110px!important}
}
</style>
<script>
(()=>{
const path=location.pathname.replace(/\/$/,'')||'/';
if(path!=='/sale') return;
const exact=(selector,text)=>[...document.querySelectorAll(selector)]
.find(el=>(el.textContent||'').trim()===text);
const topLevelBlock=(el)=>{
const main=document.querySelector('main');
if(!main||!el) return null;
let block=el;
while(block.parentElement&&block.parentElement!==main) block=block.parentElement;
return block.parentElement===main?block:null;
};
const improveStrength=()=>{
const h=exact('main h3','豊富な経験と実績に基づく提案');
if(!h) return;
h.textContent='一つひとつの事情に合わせたご提案';
const p=h.nextElementSibling;
if(p&&p.tagName==='P'){
p.textContent='住み替え、相続、空き家など、売却の背景はそれぞれ異なります。物件の状況とご希望を整理し、納得して進められる方法を一緒に検討します。';
}
};
const addConsult=()=>{
if(document.querySelector('#hatsuki-sale-consult')) return;
const flow=exact('main h2','不動産売却の流れ');
if(!flow) return;
const anchor=topLevelBlock(flow);
if(!anchor||!anchor.parentElement) return;
const s=document.createElement('section');
s.id='hatsuki-sale-consult';
s.innerHTML='<p class="hk-sale-eyebrow">( Free Assessment )</p><h2>売却を決める前の相談から。</h2><p class="hk-sale-lead">京都市北区を中心に、土地・中古戸建・マンション・空き家・相続不動産のご相談を承ります。まだ売却時期が決まっていない段階でも、物件の状況やご希望に合う査定方法から一緒に整理します。</p><div class="hk-sale-methods"><div class="hk-sale-method"><strong>簡易査定</strong><p>所在地や面積、築年数などの情報をもとに、まずは概算の価格を確認したい方に適した方法です。</p></div><div class="hk-sale-method"><strong>訪問査定</strong><p>建物の状態や周辺環境などを現地で確認し、より具体的な査定価格をご案内します。</p></div><div class="hk-sale-method"><strong>まずは相談</strong><p>売却時期や方法が決まっていない場合も、ご事情と優先したいことから順に整理します。</p></div></div><a class="hk-sale-primary" href="/contact?type=sale">無料査定・売却相談を依頼する</a>';
anchor.parentElement.insertBefore(s,anchor);
};
const addFaq=()=>{
if(document.querySelector('#hatsuki-sale-faq')) return;
const access=exact('main h2','アクセス');
const anchor=topLevelBlock(access);
if(!anchor||!anchor.parentElement) return;
const s=document.createElement('section');
s.id='hatsuki-sale-faq';
s.innerHTML='<p class="hk-sale-eyebrow">( FAQ )</p><h2>売却・査定のよくあるご質問</h2><div class="hk-faq-list"><details><summary>査定に費用はかかりますか?</summary><p>査定は無料です。物件の状況やご希望を伺い、簡易査定または訪問査定をご案内します。</p></details><details><summary>簡易査定と訪問査定はどう違いますか?</summary><p>簡易査定は物件資料や周辺の取引事例などをもとに概算価格を確認する方法です。訪問査定は現地で建物の状態や周辺環境も確認し、より具体的な価格をご案内します。</p></details><details><summary>近所に知られずに相談できますか?</summary><p>まずは個別にご事情を伺い、広告方法や販売の進め方を含めてご相談します。ご希望がある場合は、最初のご相談時にお知らせください。</p></details><details><summary>住みながら売却できますか?</summary><p>住みながらの売却も可能です。内覧日時や販売スケジュールは、生活への負担を考慮しながら調整します。</p></details><details><summary>売却にはどのような費用がかかりますか?</summary><p>一般に仲介手数料、契約書の印紙代、登記に関する費用などがあり、物件や売却条件によって異なります。個別の状況を確認したうえでご説明します。</p></details></div>';
anchor.parentElement.insertBefore(s,anchor);
};
const run=()=>{improveStrength();addConsult();addFaq();};
if(document.readyState==='loading') document.addEventListener('DOMContentLoaded',run,{once:true});
else run();
[300,900,1800].forEach(t=>setTimeout(run,t));
})();
</script>
<style>
body.hatsuki-home .hk-home-services{
box-sizing:border-box!important;
padding-bottom:60px!important;
}
body.hatsuki-home .hk-home-services sd-carousel{
top:auto!important;
bottom:0!important;
}
.hk-investment-card-line{display:inline!important}
@media(max-width:840px){
body.hatsuki-home .hk-home-services .hk-service-head{
column-gap:24px!important;
}
body.hatsuki-home .hk-home-services .hk-service-title-wrap{
flex:0 1 calc(100% - 96px)!important;
width:calc(100% - 96px)!important;
}
body.hatsuki-home .hk-home-services .hk-service-arrow{
flex:0 0 57px!important;
}
body.hatsuki-home .hk-investment-card-line{
display:block!important;
white-space:nowrap!important;
}
body.hatsuki-home .hk-investment-card-title{
flex-direction:column!important;
align-items:flex-start!important;
}
}
</style>
<script>
(()=>{
if((location.pathname.replace(/\/$/,'')||'/')!=='/') return;
const apply=()=>{
const head=document.querySelector('.hk-service-head');
const section=head&&head.closest('.section');
if(section){
section.classList.add('hk-home-services');
const title=[...section.querySelectorAll('h2')]
.find(e=>(e.textContent||'').replace(/\s+/g,'')==='収益物件のご相談');
if(title&&!title.dataset.hkBalancedTitle){
title.dataset.hkBalancedTitle='1';
title.classList.add('hk-investment-card-title');
title.innerHTML='<span class="hk-investment-card-line">収益物件の</span><span class="hk-investment-card-line">ご相談</span>';
}
}
};
if(document.readyState==='loading') document.addEventListener('DOMContentLoaded',apply,{once:true});
else apply();
[300,900,1800].forEach(t=>setTimeout(apply,t));
})();
</script>
<style>
body.hatsuki-home main .sd-18,
body.hatsuki-home main .sd-29{
border-bottom:0!important;
}
@media(min-width:841px){
body.hatsuki-home main .sd-42,
body.hatsuki-home main .sd-46{
position:relative!important;
left:-10px!important;
}
body.hatsuki-home main p.sd-7{
font-size:16px!important;
line-height:1.9!important;
}
}
</style>
<style>
@media(max-width:840px){
body.hatsuki-rent #hatsuki-investment-intro .hk-investment-lead p{text-align:left!important;}
body.hatsuki-home main .sd-40,body.hatsuki-home main .sd-44{border-bottom:0!important;}
#hatsuki-company .hk-management-note{font-size:inherit!important;line-height:inherit!important;}
}
</style>
<script>
(()=>{
const apply=()=>{
const cleanPath=location.pathname.endsWith('/')?location.pathname.slice(0,-1):location.pathname;
if(cleanPath!=='/contact'||new URLSearchParams(location.search).get('type')!=='management')return;
document.querySelectorAll('#hatsuki-contact-extra .hk-checks label').forEach(label=>{
if((label.textContent||'').trim()==='管理会社の変更'){
const input=label.querySelector('input');
if(input)input.value='管理会社の対応';
[...label.childNodes].forEach(node=>{if(node.nodeType===3&&node.textContent.includes('管理会社の変更'))node.textContent=node.textContent.replace('管理会社の変更','管理会社の対応');});
}
});
};
if(document.readyState==='loading')document.addEventListener('DOMContentLoaded',apply,{once:true});else apply();
[300,900,1800].forEach(t=>setTimeout(apply,t));
})();
</script>
<style>
body.hatsuki-home .hk-entry-card{
position:relative!important;
box-sizing:border-box!important;
min-height:112px!important;
padding:20px 24px 20px 82px!important;
border:1px solid #d8d1bd!important;
border-radius:20px!important;
background:#fff!important;
box-shadow:0 8px 24px rgba(20,20,20,.05)!important;
cursor:pointer!important;
transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease!important;
}
body.hatsuki-home .hk-entry-card>*{
border-bottom-color:transparent!important;
}
body.hatsuki-home .hk-entry-card:hover{
border-color:#b5a25a!important;
box-shadow:0 12px 30px rgba(20,20,20,.09)!important;
transform:translateY(-2px)!important;
}
body.hatsuki-home .hk-entry-card:focus-visible{
outline:3px solid rgba(181,162,90,.42)!important;
outline-offset:3px!important;
}
body.hatsuki-home .hk-entry-card>div:first-child>a,
body.hatsuki-home .hk-entry-card>a{
position:absolute!important;
top:50%!important;
right:34px!important;
left:auto!important;
transform:translateY(-50%)!important;
background:#b5a25a!important;
border:1px solid #b5a25a!important;
color:#fff!important;
box-shadow:none!important;
opacity:1!important;
filter:none!important;
transition:background-color .25s ease,border-color .25s ease!important;
}
body.hatsuki-home .hk-entry-card:hover>div:first-child>a,
body.hatsuki-home .hk-entry-card:hover>a{
background:#8f7c39!important;
border-color:#8f7c39!important;
}
body.hatsuki-home .hk-service-arrow,
body.hatsuki-home a.symbol-3__sd-17[href="/contact"]{
background:#b5a25a!important;
border:1px solid #b5a25a!important;
color:#fff!important;
box-shadow:none!important;
opacity:1!important;
filter:none!important;
transition:background-color .25s ease,border-color .25s ease!important;
}
body.hatsuki-home .hk-service-arrow:hover,
body.hatsuki-home a.symbol-3__sd-17[href="/contact"]:hover{
background:#8f7c39!important;
border-color:#8f7c39!important;
}
body.hatsuki-home .hk-entry-icon{
position:absolute!important;
left:22px!important;
top:50%!important;
display:flex!important;
width:44px!important;
height:44px!important;
align-items:center!important;
justify-content:center!important;
transform:translateY(-50%)!important;
border:1px solid rgba(181,162,90,.34)!important;
border-radius:14px!important;
background:#f5f1e7!important;
color:#24211a!important;
pointer-events:none!important;
}
body.hatsuki-home .hk-entry-icon svg{width:24px!important;height:24px!important;stroke:currentColor!important}
body.hatsuki-home .hk-home-hero,
body.hatsuki-home .hk-home-hero-parent{
height:520px!important;
max-height:520px!important;
}
body.hatsuki-home .hk-home-hero-parent,
body.hatsuki-sale main .sd-18,
body.hatsuki-lend main .sd-18,
body.hatsuki-about main .sd-20{
width:min(1180px,calc(100% - 48px))!important;
height:520px!important;
max-height:520px!important;
margin-left:auto!important;
margin-right:auto!important;
}
body.hatsuki-sale main .sd-18 .image__bg-container,
body.hatsuki-lend main .sd-18 .image__bg-container,
body.hatsuki-about main .sd-20 .image__bg-container{
width:100%!important;
height:100%!important;
}
body.hatsuki-home .hk-home-hero{
position:relative!important;
overflow:hidden!important;
background:#ecece8!important;
}
body.hatsuki-home .hk-home-hero::before{opacity:0!important}
body.hatsuki-home .hk-hero-layer{
position:absolute!important;
inset:0!important;
z-index:0!important;
background-position:center center!important;
background-repeat:no-repeat!important;
background-size:cover!important;
opacity:0!important;
transition:opacity .9s ease!important;
}
body.hatsuki-home .hk-hero-layer.is-active{opacity:1!important}
body.hatsuki-home .hk-hero-dots{
position:absolute!important;
left:50%!important;
bottom:16px!important;
z-index:3!important;
display:flex!important;
gap:9px!important;
transform:translateX(-50%)!important;
}
body.hatsuki-home .hk-hero-dot{
box-sizing:border-box!important;
width:10px!important;
height:10px!important;
padding:0!important;
border:1px solid rgba(255,255,255,.95)!important;
border-radius:999px!important;
background:rgba(20,20,20,.35)!important;
box-shadow:0 1px 6px rgba(0,0,0,.22)!important;
cursor:pointer!important;
}
body.hatsuki-home .hk-hero-dot[aria-current="true"]{background:#b5a25a!important}
@media(max-width:840px){
body.hatsuki-home main.section.sd-2{margin-top:72px!important}
body.hatsuki-home .hk-home-hero-shell{height:342px!important;min-height:342px!important;max-height:342px!important}
body.hatsuki-home .hk-entry-list{margin-top:28px!important}
body.hatsuki-home .hk-home-hero,
body.hatsuki-home .hk-home-hero-parent{
height:310px!important;
max-height:310px!important;
}
body.hatsuki-home .hk-home-hero-parent,
body.hatsuki-sale main .sd-18,
body.hatsuki-lend main .sd-18,
body.hatsuki-about main .sd-20,
#hatsuki-investment-intro .hk-investment-photo{
position:relative!important;
left:50%!important;
width:calc(100vw - 32px)!important;
max-width:1180px!important;
height:310px!important;
max-height:310px!important;
margin-left:0!important;
margin-right:0!important;
transform:translateX(-50%)!important;
}
body.hatsuki-home .hk-home-hero-parent{transform:translateX(calc(-50% - 6px))!important}
body.hatsuki-home .hk-entry-card{
min-height:96px!important;
padding:0 18px 0 68px!important;
border-radius:17px!important;
}
body.hatsuki-home .hk-entry-card>div:first-child>a,
body.hatsuki-home .hk-entry-card>a{
right:18px!important;
}
body.hatsuki-home .hk-entry-card>div:first-child{position:static!important;box-sizing:border-box!important;width:100%!important;height:100%!important;min-height:94px!important;align-items:center!important;justify-content:space-between!important}
body.hatsuki-home .hk-entry-card>div:first-child>p,
body.hatsuki-home .hk-entry-card>p{
position:absolute!important;
top:50%!important;
left:78px!important;
width:calc(100% - 142px)!important;
margin:0!important;
transform:translateY(-50%)!important;
display:flex!important;
align-items:center!important;
line-height:1.2!important;
}
body.hatsuki-home .hk-entry-icon{
left:16px!important;
width:40px!important;
height:40px!important;
border-radius:12px!important;
}
body.hatsuki-sale main .sd-25{position:relative!important;left:50%!important;width:calc(100vw - 32px)!important;height:310px!important;max-height:310px!important;margin-left:0!important;margin-right:0!important;transform:translateX(-50%)!important}
body.hatsuki-sale main .sd-26,body.hatsuki-sale main .sd-26 .image__bg-container{width:100%!important;height:100%!important;max-height:310px!important}
body.hatsuki-sale main .sd-18::after,body.hatsuki-lend main .sd-18::after{left:14px!important;bottom:14px!important;font-size:26px!important}
body.hatsuki-home .hk-hero-dots{bottom:12px!important}
}
@media(prefers-reduced-motion:reduce){
body.hatsuki-home .hk-entry-card,
body.hatsuki-home .hk-hero-layer{transition:none!important}
}
</style>
<script>
(()=>{
if((location.pathname.replace(/\/$/,'')||'/')!=='/')return;
const entries={
'売買物件':{href:'/buy',icon:'<svg viewBox="0 0 24 24" fill="none" stroke-width="1.7"><path d="M3.5 10.5 12 3l8.5 7.5"/><path d="M5.5 9.5V21h13V9.5M9.5 21v-6h5v6"/></svg>'},
'収益物件':{href:'/rent',icon:'<svg viewBox="0 0 24 24" fill="none" stroke-width="1.7"><path d="M5 21V5h10v16M15 9h4v12M8 8h2M8 12h2M8 16h2M18 12h1M3 21h18"/></svg>'},
'売却・査定':{href:'/sale',icon:'<svg viewBox="0 0 24 24" fill="none" stroke-width="1.7"><path d="M6 3.5h9l3 3V21H6z"/><path d="M15 3.5V7h3M9 11h6M9 15h6"/><path d="M12 9v8" opacity=".35"/></svg>'},
'賃貸管理':{href:'/lend',icon:'<svg viewBox="0 0 24 24" fill="none" stroke-width="1.7"><circle cx="8" cy="10" r="3.2"/><path d="m10.4 12.3 7.9 7.2M15.5 17l2-2M13.5 15l2-2"/><path d="M4.8 17.5h5.4"/></svg>'}
};
const compact=s=>(s||'').replace(/\s+/g,'').trim();
const decorateEntries=()=>{
[...document.querySelectorAll('main p,main h2,main h3')].forEach(node=>{
const key=compact(node.textContent);
const cfg=entries[key];
if(!cfg||node.closest('.hk-entry-card'))return;
const row=node.parentElement;
const group=row&&row.parentElement;
const labels=group?[...group.querySelectorAll('p,h2,h3')]
.map(el=>compact(el.textContent)).filter(text=>entries[text]):[];
const card=labels.length>1?row:group;
if(!card||card.closest('#hatsuki-investment-intro'))return;
card.classList.add('hk-entry-card');
if(card.parentElement&&card.parentElement.parentElement)card.parentElement.parentElement.classList.add('hk-entry-list');
card.setAttribute('role','link');
card.setAttribute('tabindex','0');
card.setAttribute('aria-label',key+'ページへ');
const icon=document.createElement('span');
icon.className='hk-entry-icon';
icon.setAttribute('aria-hidden','true');
icon.innerHTML=cfg.icon;
card.appendChild(icon);
card.addEventListener('click',ev=>{if(!ev.target.closest('a'))location.href=cfg.href});
card.addEventListener('keydown',ev=>{if(ev.key==='Enter'||ev.key===' '){ev.preventDefault();location.href=cfg.href}});
});
};
const slides=[
'https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&q=84&w=1800',
'https://images.unsplash.com/photo-1600585152915-d208bec867a1?auto=format&fit=crop&q=84&w=1800',
'https://images.unsplash.com/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&q=84&w=1800'
];
const initHero=()=>{
if(document.querySelector('.hk-home-hero'))return;
const hero=[...document.querySelectorAll('main .image__bg-container')]
.find(el=>{const r=el.getBoundingClientRect();return r.width>280&&r.height>250});
if(!hero)return;
hero.classList.add('hk-home-hero');
if(hero.parentElement)hero.parentElement.classList.add('hk-home-hero-parent');
if(hero.parentElement&&hero.parentElement.parentElement)hero.parentElement.parentElement.classList.add('hk-home-hero-shell');
const layers=slides.map((src,i)=>{
const layer=document.createElement('span');
layer.className='hk-hero-layer'+(i===0?' is-active':'');
layer.style.backgroundImage='url("'+src+'")';
hero.appendChild(layer);
return layer;
});
const dots=document.createElement('div');
dots.className='hk-hero-dots';
dots.setAttribute('aria-label','メイン画像');
const buttons=slides.map((_,i)=>{
const b=document.createElement('button');
b.type='button';
b.className='hk-hero-dot';
b.setAttribute('aria-label',(i+1)+'枚目の画像を表示');
b.setAttribute('aria-current',i===0?'true':'false');
dots.appendChild(b);
return b;
});
hero.appendChild(dots);
let index=0,timer=null;
const show=i=>{
index=(i+slides.length)%slides.length;
layers.forEach((el,n)=>el.classList.toggle('is-active',n===index));
buttons.forEach((el,n)=>el.setAttribute('aria-current',n===index?'true':'false'));
};
const stop=()=>{if(timer){clearInterval(timer);timer=null}};
const start=()=>{
stop();
if(!matchMedia('(prefers-reduced-motion: reduce)').matches)timer=setInterval(()=>show(index+1),5000);
};
buttons.forEach((b,i)=>b.addEventListener('click',()=>{show(i);start()}));
hero.addEventListener('pointerenter',stop);
hero.addEventListener('pointerleave',start);
hero.addEventListener('focusin',stop);
hero.addEventListener('focusout',start);
start();
};
const run=()=>{decorateEntries();initHero()};
if(document.readyState==='loading')document.addEventListener('DOMContentLoaded',run,{once:true});else run();
[300,900,1800].forEach(t=>setTimeout(run,t));
})();
</script>
<style>body.hatsuki-rent #hatsuki-investment-intro .hk-investment-photo{background-image:url("https://images.unsplash.com/photo-1781512436292-f2687f67f605?auto=format&fit=crop&q=84&w=1800")!important;background-position:center 48%!important}body.hatsuki-lend main .sd-18 .image__bg-container::before{background-image:url("https://images.unsplash.com/photo-1560518883-ce09059eeffa?auto=format&fit=crop&q=84&w=1800")!important;background-position:center!important}body.hatsuki-sale main .sd-18,body.hatsuki-lend main .sd-18{position:relative!important;overflow:hidden!important}body.hatsuki-sale main .sd-18::after,body.hatsuki-lend main .sd-18::after{content:none!important}body.hatsuki-sale main .sd-19,body.hatsuki-lend main .sd-19{display:flex!important;position:absolute!important;left:0!important;bottom:8px!important;z-index:3!important;width:100%!important;height:76px!important;overflow:hidden!important;pointer-events:none!important}body.hatsuki-sale main .sd-19__content__sd-1,body.hatsuki-lend main .sd-19__content__sd-1{font-size:clamp(42px,7vw,84px)!important;line-height:1!important}@media(max-width:840px){body.hatsuki-home :is(.hk-home-hero-shell,.hk-home-hero,.hk-home-hero-parent),body.hatsuki-sale main :is(.hk-main-hero-outer,.sd-18,.sd-25,.sd-26),body.hatsuki-lend main :is(.hk-main-hero-outer,.sd-18),#hatsuki-investment-intro .hk-investment-photo{left:50%!important;width:100vw!important;max-width:100vw!important;height:320px!important;min-height:320px!important;max-height:320px!important;margin-left:0!important;margin-right:0!important;transform:translateX(-50%)!important;overflow:hidden!important}body.hatsuki-sale main .sd-26 .image__bg-container{width:100%!important;height:100%!important;max-height:320px!important}body.hatsuki-sale main .sd-19,body.hatsuki-lend main .sd-19{height:58px!important}body.hatsuki-sale main .sd-19__content__sd-1,body.hatsuki-lend main .sd-19__content__sd-1{font-size:44px!important}}</style>