html,body{margin:0;background:#fff}

.ntA{
  --acc:#635bff; --ink:#0a2540; --body:#374151; --sub:#4b5563; --line:#e6e9ee;
  font-family:system-ui,-apple-system,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;
}
.ntA__x{position:absolute;opacity:0;width:0;height:0}
.ntA__bar{
  background:var(--ink);color:#fff;padding:12px 24px;display:flex;align-items:center;gap:16px;
  justify-content:center;flex-wrap:wrap;
}
.ntA__x:checked ~ .ntA__bar{display:none}
.ntA__bar p{margin:0;font-size:13px;line-height:1.7}
.ntA__bar b{font-weight:800}
.ntA__bar a{font-size:12.5px;font-weight:700;color:#9fb8ff;text-decoration:none;white-space:nowrap}
.ntA__bar a:hover{text-decoration:underline}
.ntA__btn{
  position:absolute;right:16px;cursor:pointer;width:26px;height:26px;display:grid;place-items:center;
  border-radius:6px;font-size:11px;color:rgba(255,255,255,.6);
}
.ntA__btn:hover{background:rgba(255,255,255,.14);color:#fff}
.ntA__bar{position:relative}
@media (max-width:640px){ .ntA__bar{padding-right:48px;justify-content:flex-start} }