/* 3案で共通：リセット・ヘッダー・ロゴ・日本語の折り返し */
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0}
body{background:var(--paper);color:var(--ink);font-family:var(--font);
  -webkit-font-smoothing:antialiased;word-break:auto-phrase;line-break:strict;font-feature-settings:"palt"}
a{color:inherit}

.head{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;
  padding:28px max(clamp(20px,4vw,56px),calc((100% - 1560px) / 2))}   /* 広い画面では本文の左端にそろえる */
.logo{display:block;width:112px;aspect-ratio:1615/309;background:var(--logo);
  -webkit-mask:url(/images/logo.webp) center/contain no-repeat;mask:url(/images/logo.webp) center/contain no-repeat}
.nav{display:flex;gap:clamp(18px,2.4vw,34px);font-size:14px;font-weight:500}
.nav a{text-decoration:none;padding:6px 0}
.nav a:last-child{border-bottom:2px solid currentColor}

/* スマホ幅のメニュー（menu.js が作るボタンと全画面の面） */
.mmenu-btn,.mpanel{display:none}
@media (max-width:860px){
  .nav{display:none}
  .mmenu-btn{display:inline-flex;align-items:center;gap:10px;margin:-10px -10px -10px 0;padding:10px;border:0;background:none;
    color:inherit;font:inherit;font-size:13px;font-weight:700;letter-spacing:.04em;cursor:pointer}
  .mmenu-btn__icon{position:relative;width:22px;height:2px;background:currentColor}
  .mmenu-btn__icon::before,.mmenu-btn__icon::after{content:"";position:absolute;left:0;width:22px;height:2px;background:currentColor}
  .mmenu-btn__icon::before{top:-7px}
  .mmenu-btn__icon::after{top:7px}
  .mmenu-btn--close .mmenu-btn__icon{background:transparent}
  .mmenu-btn--close .mmenu-btn__icon::before{top:0;transform:rotate(45deg)}
  .mmenu-btn--close .mmenu-btn__icon::after{top:0;transform:rotate(-45deg)}
  .mpanel:not([hidden]){display:block;position:fixed;inset:0;z-index:10000;overflow-y:auto;background:var(--paper,#fff);color:#0b2418}   /* VIDGET の丸ボタン（z-index:9998）より上に出す。開いている間はボタンを隠す */
  .mpanel__head{display:flex;align-items:center;justify-content:space-between;padding:28px clamp(20px,4vw,56px)}
  .mpanel .logo{--logo:#0b2418}
  .mpanel__nav{display:flex;flex-direction:column;padding:8px clamp(20px,4vw,56px) 40px;font-size:18px;font-weight:700}
  .mpanel__nav a{padding:18px 0;border-bottom:1px solid rgba(11,36,24,.12);text-decoration:none}
  .mpanel__nav a[aria-current="page"]{color:#13a263}
  html.menu-open{overflow:hidden}
}