/* ============================================================
   common.css — マナコア合同会社サイト共通スタイル
   変数 / リセット / 基本タイポグラフィ / フッター
   ============================================================ */

:root{
  --cream:#F9EDCF;
  --cream-deep:#F2E2BE;
  --paper:#FBF4E2;
  --brown:#5F4D40;
  --brown-deep:#46382E;
  --ink:#3A2F27;
  --red:#9B3023;
  --green:#5F8A72;
  --green-soft:#789F89;
  --amber:#C6A03A;
  --amber-deep:#B0862A;
  --line:rgba(95,77,64,.16);
  --shadow:0 18px 50px -24px rgba(70,56,46,.45);
  --maxw:1180px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:"Zen Kaku Gothic New","Zen Maru Gothic",system-ui,sans-serif;
  color:var(--ink);
  background:var(--paper);
  line-height:1.85;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px}
.serifnum{font-family:"Antic Slab",serif}
h1,h2,h3{font-family:"Zen Maru Gothic",sans-serif;font-weight:700;line-height:1.4;color:var(--brown-deep)}

/* ---------- footer ---------- */
footer{background:var(--ink);color:rgba(249,237,207,.7);padding:54px 0 30px}
.foot-top{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap;align-items:flex-start;padding-bottom:34px;border-bottom:1px solid rgba(249,237,207,.14)}
.foot-logo img{height:30px;margin-bottom:16px}
.foot-logo p{font-size:13px;max-width:24em;line-height:1.9}
.foot-nav{display:flex;gap:50px;flex-wrap:wrap}
.foot-col h4{font-family:"Zen Maru Gothic";font-size:13px;color:var(--cream);margin-bottom:14px;letter-spacing:.04em}
.foot-col a{display:block;font-size:13.5px;padding:5px 0;color:rgba(249,237,207,.7);transition:color .2s}
.foot-col a:hover{color:var(--amber)}
.foot-bottom{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;padding-top:24px;font-size:12px;color:rgba(249,237,207,.5)}
.foot-bottom .serifnum{letter-spacing:.08em}

@media(max-width:560px){
  .wrap{padding:0 20px}
}