:root{--ink:#14372e;--green:#155c49;--mint:#eaf3ef;--cream:#f7f5ef;--line:#d9e3de;--white:#fff;--amber:#9a5b15}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#18372f;background:var(--cream);font-family:"Noto Sans JP","Yu Gothic",system-ui,sans-serif;line-height:1.75}a{color:inherit;text-decoration:none}img{display:block;width:100%;object-fit:cover}.nav{height:76px;padding:0 max(24px,calc((100% - 1160px)/2));display:flex;align-items:center;justify-content:space-between;background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line)}.brand{display:flex;flex-direction:column;line-height:1.25}.brand b{font-size:15px}.brand span{font-size:12px;color:#60756f}.nav nav{display:flex;gap:24px;align-items:center;font-size:14px;font-weight:700}.nav .tel{background:var(--ink);color:#fff;padding:10px 17px;border-radius:999px}.hero{max-width:1320px;margin:0 auto;min-height:660px;display:grid;grid-template-columns:.9fr 1.1fr;background:var(--ink);color:#fff}.hero-copy{padding:96px 9%;display:flex;flex-direction:column;justify-content:center}.kicker{letter-spacing:.14em;font-size:12px;font-weight:800}.kicker.green{color:var(--green)}h1{font-family:Georgia,"Yu Mincho",serif;font-size:clamp(43px,5vw,70px);line-height:1.24;margin:18px 0 26px;font-weight:500}h2{font-family:Georgia,"Yu Mincho",serif;font-size:clamp(32px,4vw,48px);line-height:1.3;margin:8px 0 16px}h3{font-size:27px;margin:4px 0 12px}.hero-copy>p:not(.kicker){color:#d8e4df}.button{display:inline-flex;justify-content:center;align-items:center;width:max-content;background:#f2cc83;color:#18372f;font-weight:800;padding:14px 24px;border:0;border-radius:4px;margin-top:22px;cursor:pointer}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px}.hero-grid img{height:100%;min-height:644px}.section{max-width:1160px;margin:auto;padding:100px 24px}.section-head{max-width:760px;margin-bottom:42px}.section-head>p:last-child{color:#62736e}.property-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.property-card{background:#fff;border:1px solid var(--line);box-shadow:0 12px 36px #163d3010;transition:.2s}.property-card:hover{transform:translateY(-4px);box-shadow:0 18px 48px #163d3020}.card-photo{height:330px;position:relative;overflow:hidden}.card-photo img{height:100%;transition:.4s}.property-card:hover .card-photo img{transform:scale(1.025)}.status{position:absolute;left:18px;top:18px;background:var(--green);color:#fff;padding:7px 12px;font-size:12px;font-weight:800;border-radius:2px}.status.amber{background:var(--amber)}.card-body{padding:28px}.area{font-size:13px;color:#647871;margin:0}.rent{display:flex;gap:16px;align-items:baseline;border-top:1px solid var(--line);padding-top:18px}.rent b{font-size:30px}.rent small{font-size:13px}.rent span{font-size:13px;font-weight:700;color:var(--green)}.tags{display:flex;flex-wrap:wrap;list-style:none;padding:0;gap:7px}.tags li{background:var(--mint);padding:5px 9px;font-size:12px;font-weight:700}.text-link{display:block;margin-top:18px;font-weight:800;color:var(--green)}.compare{max-width:none;background:#e8f0ed}.compare>.section-head,.table-wrap{max-width:1112px;margin-left:auto;margin-right:auto}.table-wrap{overflow-x:auto;background:#fff}table{width:100%;border-collapse:collapse;min-width:680px}th,td{padding:18px 20px;text-align:left;border-bottom:1px solid var(--line)}thead th{background:var(--ink);color:#fff}tbody th{font-size:13px;background:#f7faf9}.contact{max-width:none;background:var(--ink);color:#fff;display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;padding-left:max(24px,calc((100% - 1112px)/2));padding-right:max(24px,calc((100% - 1112px)/2))}.phone,.mail{display:block;margin-top:14px;font-weight:800}.phone{font-size:25px}.contact form{background:#fff;color:var(--ink);padding:28px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact label{font-size:13px;font-weight:800}.contact input,.contact select,.contact textarea{width:100%;padding:12px;margin-top:5px;border:1px solid #bdccc6;background:#fff;font:inherit}.full{grid-column:1/-1}.hp{position:absolute;left:-9999px}footer{padding:50px max(24px,calc((100% - 1112px)/2));display:grid;grid-template-columns:1fr auto;gap:22px;background:#0d2922;color:#dce8e3;font-size:13px}footer div{display:flex;flex-direction:column}footer small{grid-column:1/-1;color:#809a90}.detail-hero{max-width:1320px;margin:auto;display:grid;grid-template-columns:1fr 1fr;background:#fff}.detail-photo{height:620px}.detail-photo img{height:100%}.detail-copy{padding:64px;display:flex;flex-direction:column;justify-content:center}.detail-copy .price{font-size:42px;margin:10px 0}.detail-copy .price small{font-size:15px}.badges{display:flex;flex-wrap:wrap;gap:7px}.badges span{background:var(--mint);padding:6px 10px;font-size:12px;font-weight:800}.facts{display:grid;grid-template-columns:repeat(4,1fr);max-width:1160px;margin:34px auto 0;background:var(--ink);color:#fff}.facts div{padding:26px;text-align:center;border-right:1px solid #ffffff30}.facts b,.facts span{display:block}.facts b{font-size:20px}.facts span{font-size:12px;color:#bfd0ca}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.gallery figure{margin:0;background:#fff}.gallery img{height:260px}.gallery figure.wide{grid-column:span 2}.gallery figcaption{padding:12px 14px;font-size:13px;font-weight:700}.cost-panel{display:grid;grid-template-columns:1fr 1fr;gap:40px}.cost-box{background:#fff;border:1px solid var(--line);padding:14px 28px}.cost-row{display:flex;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--line)}.cost-row.total{font-size:21px;font-weight:800;border:0}.cost-note{font-size:12px;color:#65766f}.map-link{color:var(--green);font-weight:800}.back{display:inline-block;margin:30px max(24px,calc((100% - 1160px)/2));font-weight:800;color:var(--green)}@media(max-width:800px){.nav{height:64px}.nav nav a:not(:last-child){display:none}.nav .tel{font-size:12px;padding:8px 12px}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:64px 24px}.hero-grid{height:340px}.hero-grid img{min-height:0}.section{padding:70px 18px}.property-grid,.contact,.detail-hero,.cost-panel{grid-template-columns:1fr}.card-photo{height:240px}.contact{gap:30px}.contact form{grid-template-columns:1fr;padding:20px}.full{grid-column:auto}.detail-photo{height:390px}.detail-copy{padding:36px 22px}.facts{grid-template-columns:1fr 1fr;margin:0}.facts div:nth-child(2){border-right:0}.gallery{grid-template-columns:1fr 1fr}.gallery figure.wide{grid-column:span 2}.gallery img{height:200px}footer{grid-template-columns:1fr}.rent{display:block}}