/* ===========================================================
   livecreate 様 ご提案デモ — 共通デザインシステム
   LP / チラシ / 営業資料 すべてこの1ファイルのトークンだけで統一
   =========================================================== */
:root{
  --navy:        #0F2A4A;
  --navy-deep:   #091A30;
  --navy-light:  #1E3F63;
  --gold:        #B9924A;
  --gold-light:  #D8BA86;
  --bg:          #F7F5F0;
  --bg-card:     #FFFFFF;
  --ink:         #16212E;
  --muted:       #5B6B7D;
  --line:        #E3E0D8;
  --radius:      14px;
  --shadow:      0 20px 50px -25px rgba(9,26,48,.35);
  --maxw:        1180px;
  --ff-head:     'Zen Kaku Gothic New', 'Noto Sans JP', sans-serif;
  --ff-body:     'Noto Sans JP', sans-serif;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  font-family:var(--ff-body);
  color:var(--ink);
  background:var(--bg);
  -webkit-font-smoothing:antialiased;
  line-height:1.75;
}
h1,h2,h3,h4{font-family:var(--ff-head);margin:0;letter-spacing:.02em;}
p{margin:0;}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px;}
.eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  font-size:12.5px;letter-spacing:.18em;font-weight:700;
  color:var(--gold);text-transform:uppercase;
}
.eyebrow::before{content:"";width:28px;height:1px;background:var(--gold);}
.btn{
  display:inline-flex;align-items:center;gap:10px;
  padding:15px 30px;border-radius:999px;
  font-weight:700;font-size:15px;letter-spacing:.03em;
  background:var(--gold);color:var(--navy-deep);
  border:1px solid var(--gold);
  cursor:pointer;transition:all .25s ease;
}
.btn:hover{background:transparent;color:var(--gold);}
.btn.outline{background:transparent;color:#fff;border-color:rgba(255,255,255,.5);}
.btn.outline:hover{background:#fff;color:var(--navy-deep);}
.btn.dark{background:var(--navy);color:#fff;border-color:var(--navy);}
.btn.dark:hover{background:var(--navy-light);}

nav.topnav{
  position:sticky;top:0;z-index:50;
  background:rgba(247,245,240,.92);backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
}
nav.topnav .wrap{display:flex;align-items:center;justify-content:space-between;height:74px;}
.brandmark{display:flex;align-items:center;gap:10px;font-family:var(--ff-head);font-weight:700;font-size:19px;color:var(--navy);}
.brandmark .dot{width:9px;height:9px;border-radius:2px;background:var(--gold);transform:rotate(45deg);}
.navlinks{display:flex;gap:34px;font-size:14.5px;font-weight:600;color:var(--muted);}
.navlinks a:hover{color:var(--navy);}

footer.site-footer{
  background:var(--navy-deep);color:rgba(255,255,255,.7);padding:56px 0 30px;
}
footer.site-footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:30px;}
footer.site-footer .fcol h4{color:#fff;font-size:15px;margin-bottom:14px;}
footer.site-footer .fcol p,footer.site-footer .fcol a{font-size:13.5px;color:rgba(255,255,255,.6);display:block;margin-bottom:8px;}
.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:36px;padding-top:20px;font-size:12.5px;color:rgba(255,255,255,.4);text-align:center;}

@media(max-width:860px){
  .navlinks{display:none;}
}