/* 教育資金なび ヘッダーボタン */
.header-in.wrap,#header-in{position:relative}
.ksn-header-btn{display:inline-flex;align-items:center;gap:8px;background:#fff;border:2px solid #F29C8F;color:#5B4038!important;font-weight:700;border-radius:999px;padding:7px 18px 7px 8px;text-decoration:none!important;font-size:14px;line-height:1.4;box-shadow:0 3px 0 #F2E4DB;transition:transform .15s,box-shadow .15s;white-space:nowrap}
.ksn-header-btn:hover{transform:translateY(-2px);box-shadow:0 5px 0 #F2E4DB}
.ksn-header-btn:focus-visible{outline:3px solid #6FBF98;outline-offset:2px}
.ksn-header-btn.is-current{background:#FFEDE8}
.ksn-hb-ic{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#F29C8F;color:#fff;font-size:13px;font-weight:800}
.ksn-header-btn.is-placed{position:absolute;right:16px;top:50%;transform:translateY(-50%);z-index:5}
.ksn-header-btn.is-placed:hover{transform:translateY(calc(-50% - 2px))}
.ksn-header-btn:not(.is-placed){margin:8px auto;display:flex;width:max-content}
@media (max-width:834px){
  .ksn-header-btn.is-placed{position:static;transform:none;display:flex;width:max-content;margin:6px auto 10px}
  .ksn-header-btn.is-placed:hover{transform:translateY(-2px)}
  .ksn-header-btn{font-size:13px;padding:5px 14px 5px 6px}
}
@media print{.ksn-header-btn{display:none!important}}