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

.ntB{
  --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;
  background:#fff;padding:clamp(28px,4vw,48px) 24px;
}
.ntB__in{max-width:880px;margin:0 auto}
.ntB__box{
  display:grid;grid-template-columns:auto 1fr;gap:18px;background:#fff7ed;border-radius:12px;
  padding:24px 26px;box-shadow:inset 0 0 0 1px #f3d9b5;
}
.ntB__icon{
  width:32px;height:32px;border-radius:50%;background:#c77a1c;color:#fff;display:grid;place-items:center;
  font-size:17px;font-weight:800;flex:0 0 auto;
}
.ntB__label{margin:0;font-size:11px;font-weight:800;letter-spacing:.08em;color:#a8630f}
.ntB__box h2{margin:9px 0 0;font-size:16.5px;font-weight:800;line-height:1.65;color:#6b3f08}
.ntB__text{margin:11px 0 0;font-size:13.5px;line-height:1.95;color:#7a5320}
.ntB__box a{display:inline-block;margin-top:14px;font-size:13px;font-weight:700;color:#a8630f;text-decoration:none}
.ntB__box a:hover{text-decoration:underline}
@media (max-width:560px){ .ntB__box{grid-template-columns:1fr} }