/* 利用規約・プライバシー・特商法・ブログを、トップと同じ見た目にそろえる（書体・ナビ・白い地） */
:root{
  --font-telka:'Plus Jakarta Sans','Zen Kaku Gothic New','Hiragino Sans','Noto Sans JP',ui-sans-serif,
    system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
  --font-telkaextended:'Mona Sans','Zen Kaku Gothic New','Hiragino Sans',ui-sans-serif,system-ui,sans-serif;
  --surface-hero:#fff; --surface-gallery:#fff; --surface-footer:#fff;
}
body{background:#fff; font-weight:400}

/* ナビ：白いすりガラスの帯を浮かべる（トップで白い段の上にあるときと同じ） */
nav{background:transparent; -webkit-backdrop-filter:none; backdrop-filter:none; border:0;
  padding:14px 24px 0; pointer-events:none}
nav .wrap{pointer-events:auto; max-width:1032px; margin:0 auto; padding:9px 10px 9px 16px; border-radius:20px;
  background:linear-gradient(180deg, rgba(255,255,255,.66), rgba(255,255,255,.5));
  -webkit-backdrop-filter:blur(10px) saturate(170%); backdrop-filter:blur(10px) saturate(170%);
  box-shadow:0 0 0 1px rgba(20,50,110,.05), 0 12px 34px -18px rgba(20,50,110,.35)}
nav .logo{height:38px}
nav .nav-links{display:flex; align-items:center; gap:26px}
nav .nav-links a{font-family:var(--font-telka); font-size:14px; line-height:1.5; letter-spacing:-.28px; font-weight:700; color:#0d0d0d}
nav .nav-go{display:inline-flex; align-items:center; height:38px; padding:0 16px; border-radius:12px; color:#fff !important;
  font-size:14px; font-weight:800; text-decoration:none !important; background:linear-gradient(180deg, #3d8bff, #1f66ec)}
nav .nav-go:hover{opacity:1 !important; filter:brightness(1.06)}

/* アプリ名はページと同じ書体の文字で */
.brand{display:flex; align-items:center; gap:6px; text-decoration:none; color:#0d0d0d}
.brand .logo{position:relative; top:-3px}
.logo-name{display:block; width:auto; height:auto; font-family:var(--font-telkaextended); font-weight:500; font-stretch:125%; font-size:22px; line-height:1;
  letter-spacing:-.03em; white-space:nowrap}
html[lang="ja"] .logo-name{font-weight:700; letter-spacing:-.02em}
nav .logo-name, footer .logo-name, .void .logo-name{height:auto}
footer .logo-name{font-size:26px}

/* 見出しはトップと同じ、横に広い細い書体 */
h1{font-family:var(--font-telkaextended); font-weight:300; font-stretch:125%; letter-spacing:-.025em}
h2, h3, th{font-weight:700}

/* いちばん下：白い地に灰色の字 */
footer.void{background:#fff; color:#8a93a3}
footer.void hr{background:rgba(13,13,13,.1)}
.f-links a{color:#8a93a3}
.f-links a:hover{color:#0d0d0d}

@media (max-width:560px){
  nav{padding:10px 12px 0}
  nav .wrap{padding:7px 8px 7px 12px; border-radius:16px}
  nav .logo{height:30px}
  nav .logo-name{font-size:18px; height:auto}
  nav .nav-links{gap:11px}
  nav .nav-go{height:34px; padding:0 12px; font-size:12.5px; border-radius:10px}
}

/* ブログ：注目記事の帯も白に。見出しはトップと同じ書体 */
.g-top{background:#fff}
body.guide footer.void{border-top:0}
.a-head h1{font-family:var(--font-telkaextended); font-weight:400; font-stretch:125%; letter-spacing:-.025em}