/*
 * unazuku theme — service-real-estate page styles
 * Source of truth: service-real-estate.html (静的HTMLの<style>から抽出)
 * このファイルは scripts/sync-theme-css.py で service-real-estate.html から再生成されます。
 * 直接編集せず、静的HTMLを修正してから本スクリプトを実行してください。
 */
    :root{--bg:#fcfbff;--surface:#fff;--line:#e5ddef;--text:#262433;--muted:#666274;--navy:#2f3553;--accent:#9f8bbb}
    *{box-sizing:border-box}
    body{margin:0;font-family:"Hiragino Sans","Yu Gothic",sans-serif;color:var(--text);background:var(--bg)}
    .wrap{width:min(1080px,calc(100% - 40px));margin:0 auto}
    a{text-decoration:none;color:inherit}
    header{position:sticky;top:0;z-index:20;background:#fcfbff;border-bottom:1px solid var(--line)}
    .nav{min-height:74px;display:flex;align-items:center;justify-content:space-between}
    .brand{font-size:1.2rem;font-weight:700;letter-spacing:.08em}
    .brand span{color:var(--accent)}
    .menu{display:flex;gap:24px;color:var(--muted)}
    main{padding:40px 0 70px}
    .card{border:1px solid var(--line);border-radius:22px;background:var(--surface);padding:28px}
    .k{color:var(--accent);font-weight:700;font-size:.82rem;letter-spacing:.08em}
    .section-emph{margin:10px 0 10px;font-size:1.9rem;letter-spacing:.01em;color:var(--navy);padding-left:0;border-left:0}
    .grid{display:grid;grid-template-columns:1fr;gap:14px;margin-top:18px}
    .case{border:1px solid #dcccf1;border-radius:16px;padding:18px;background:linear-gradient(180deg, rgba(245,239,255,.78), rgba(255,255,255,.96));transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .55s ease,border-color .55s ease}
    .case:hover{transform:translateY(-3px);border-color:rgba(159,139,187,.48);box-shadow:0 18px 44px rgba(68,53,97,.14)}
    .tag{display:inline-block;padding:4px 9px;border:1px solid #d9cbef;border-radius:999px;font-size:.76rem;color:#6d46a8;background:#f3ecff}
    h3{margin:10px 0 8px;font-size:1.05rem}
    ul{margin:8px 0 0 18px;color:#4f4a5e;line-height:1.8}
    .case-feature{background:linear-gradient(180deg, rgba(243,236,255,.88), rgba(255,255,255,.96));border-color:#d8c7f0}
    .case-feature h3{font-size:1.16rem;margin-bottom:12px}
    .case-block{position:relative;margin:12px 0 0;padding:12px 12px 10px 16px;border-radius:12px;border:1px solid #ddcff3;background:rgba(247,241,255,.62)}
    .case-block::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:4px;border-radius:999px;background:#9f8bbb}
    .case-block li+li{margin-top:4px}
    .case-label{display:inline-flex;align-items:center;font-size:.78rem;font-weight:700;letter-spacing:.04em;border-radius:999px;padding:4px 10px;margin:0 0 6px;color:#7f68a8;background:#f3ecff;border:1px solid #dccff1}
    .case-label::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px;background:#9f8bbb}
    @keyframes fadeUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
    .case{animation:fadeUp .6s cubic-bezier(.16,1,.3,1) both}
    .case:nth-child(2){animation-delay:.08s}
    .case:nth-child(3){animation-delay:.16s}
    .cta{margin-top:20px;display:flex;gap:10px}
    .btn{padding:11px 15px;border-radius:999px;border:1px solid var(--line)}
    .btn.p{background:var(--navy);color:#fff;border-color:var(--navy)}
    @media(max-width:900px){.menu{display:none}}
  
.skip-link{position:absolute;left:-9999px;top:6px;padding:8px 16px;background:var(--navy,#2f3553);color:#fff;border-radius:999px;font-weight:700;z-index:9999;text-decoration:none}
.skip-link:focus{left:16px}
.breadcrumb{margin:18px 0 0;font-size:.82rem;color:var(--muted,#666274)}
.breadcrumb ol{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:0}
.breadcrumb li{display:inline-flex;align-items:center;gap:6px}
.breadcrumb li+li::before{content:"\203a";color:#b3aac4}
.breadcrumb a{color:var(--accent-deep,#9f8bbb);font-weight:600}
.breadcrumb a:hover{text-decoration:underline}
.breadcrumb [aria-current="page"]{color:var(--navy,#2f3553);font-weight:700}