/* ===== base.css ===== */

/* Vars */
:root{
  --c-bg:#fff;
  --c-ink:#2b2118;
  --c-muted:#6f675f;
  --c-main:#b97a2f;    /* CTA */
  --c-accent:#f2d46f;  /* 補助（星やリンク強調） */
  --radius:16px;
  --shadow:0 8px 24px rgba(0,0,0,.06);
  --w-max:1200px;
}

/* Reset-ish */
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body{font-family:"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;color:var(--c-ink);background:var(--c-bg);line-height:1.8}
img{max-width:100%;display:block;height:auto}

/* Layout */
.container{width:90%;max-width:var(--w-max);margin:0 auto}
.section{padding:60px 0}
.section-title{font-size:clamp(22px,3.6vw,32px);margin-bottom:14px}
.section-lead{color:var(--c-muted);margin-bottom:26px}

/* Card / Button / Tags */
.card{background:#fff;border:1px solid #eadfcf;border-radius:var(--radius);box-shadow:var(--shadow);padding:22px}
.btn{display:inline-block;background:var(--c-main);color:#fff;text-decoration:none;border-radius:6px;padding:12px 24px;font-weight:700;transition:opacity .2s}
.btn:hover{opacity:.9}
.badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#ffeec5;padding:.4em .75em;font-weight:700}

/* Header & Nav */
.site-header{position:fixed;top:0;left:0;width:100%;z-index:1000;background:#f4eef0}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:56px}
.site-logo img{max-height:38px}
.site-nav ul{list-style:none;display:flex;gap:28px}
.site-nav a{text-decoration:none;color:#b97a2e;transition:color .2s}
.site-nav a:hover{color:#b97a2e}

/* hamburger (SPで表示) */
.hamburger{display:none;flex-direction:column;gap:5px;width:28px;cursor:pointer}
.hamburger span{height:3px;background:#7b6651;border-radius:2px}

/* Hero base
.section-hero{position:relative;color:#fff;padding:120px 0 100px;background-position:center;background-size:cover;margin-top:56px}
.hero-bg-blur{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,.25))}
.hero-content{position:relative}
.hero-title{font-size:clamp(28px,6vw,54px);line-height:1.25;margin:0 0 .35em}
.hero-lead{font-size:clamp(16px,2.4vw,18px);color:#f3eee7;margin:0 0 1em}
 */
 
/* Footer base */
.site-footer{background:#6b7a60;color:#fff}
.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:40px 0}
.footer-title{font-weight:800;margin-bottom:4px}
.footer-sub{font-weight:700;margin-bottom:6px}
.footer-desc{color:rgba(255,255,255,.8)}
.footer-heading{color:var(--c-accent);font-weight:700;margin-bottom:8px}
.footer-list{list-style:none}
.footer-list li{color:rgba(255,255,255,.85);margin:.25em 0}
.footer-list a{color:var(--c-accent);text-decoration:none}
.footer-bottom{border-top:1px solid rgba(255,255,255,.2);text-align:center;padding:14px 0}
.footer-powered a{color:#fff;text-decoration:none;font-weight:normal}

/*-------*/
.fade-in {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.9s ease;
}

.fade-in.visible {
  opacity: 1;
  transform: translateY(0);
}