.notice-page{background:var(--paper)}
.notice-page .site-header{position:sticky;top:0}
.notice-page .nav>a[aria-current="page"]{color:var(--violet)}
.notice-page .nav>a[aria-current="page"]::after{right:0}
.notice-hero{width:min(100%,var(--quiet-container));margin:0 auto;padding:clamp(72px,9vw,128px) clamp(20px,4vw,64px) clamp(58px,7vw,92px);display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.55fr);gap:48px;align-items:end;border-bottom:1px solid var(--line)}
.notice-kicker{margin:0 0 19px;color:var(--violet);font-size:11px;font-weight:850;letter-spacing:.14em}
.notice-hero h1{max-width:820px;margin:0;font-size:clamp(54px,7vw,104px);line-height:.94;letter-spacing:-.07em}
.notice-hero-copy{max-width:420px;margin:0 0 4px;color:var(--muted);font-size:15px;line-height:1.75}
.notice-shell{width:min(100%,var(--quiet-container));margin:0 auto;padding:54px clamp(20px,4vw,64px) 120px}
.notice-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:38px}
.notice-filter{min-height:42px;padding:0 17px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--muted);font:inherit;font-size:12px;font-weight:750;cursor:pointer}
.notice-filter:hover,.notice-filter[aria-pressed="true"]{border-color:var(--ink);background:var(--ink);color:#fff}
.notice-list{display:grid;border-top:1px solid var(--ink)}
.notice-card{display:grid;grid-template-columns:120px minmax(0,1fr) 150px;gap:28px;align-items:center;min-height:158px;padding:26px 4px;border-bottom:1px solid var(--line);transition:padding .2s,background .2s}
.notice-card:hover{padding-inline:18px;background:rgba(255,255,255,.58)}
.notice-card[hidden]{display:none}
.notice-category{width:max-content;padding:8px 11px;border-radius:999px;background:var(--violet-soft);color:var(--violet-strong);font-size:10px;font-weight:850}
.notice-card[data-category="service"] .notice-category{background:var(--ink);color:#fff}
.notice-card[data-category="operation"] .notice-category{background:var(--lime);color:var(--ink)}
.notice-card-copy h2{margin:0 0 10px;font-size:clamp(19px,2vw,25px);letter-spacing:-.035em}
.notice-card-copy p{max-width:720px;margin:0;color:var(--muted);font-size:13px;line-height:1.65}
.notice-meta{display:grid;justify-items:end;gap:8px;color:#77747c;font-size:11px}
.notice-meta strong{color:var(--ink);font-size:12px}.notice-meta strong span{margin-left:7px;color:var(--violet)}
.notice-empty{padding:70px 20px;text-align:center;color:var(--muted);font-size:14px}
.notice-empty[hidden]{display:none}
.notice-pagination{margin-top:38px;display:flex;align-items:center;justify-content:center;gap:7px}.notice-pagination[hidden]{display:none}.notice-page-button{min-width:42px;height:42px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--muted);font:inherit;font-size:12px;font-weight:780;cursor:pointer}.notice-page-button:hover:not(:disabled),.notice-page-button[aria-current="page"]{border-color:var(--ink);background:var(--ink);color:#fff}.notice-page-button:disabled{opacity:.35;cursor:not-allowed}.notice-page-button.direction{min-width:66px}
.notice-trust{margin-top:48px;padding:24px 26px;display:flex;gap:16px;align-items:flex-start;border-radius:var(--quiet-radius);background:var(--ink);color:#fff}
.notice-trust span{width:28px;height:28px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:var(--lime);color:var(--ink);font-size:12px;font-weight:900}
.notice-trust strong{display:block;margin-bottom:5px;font-size:13px}.notice-trust p{margin:0;color:rgba(255,255,255,.67);font-size:12px;line-height:1.65}
.article-shell{width:min(100%,920px);margin:0 auto;padding:clamp(62px,8vw,110px) 24px 120px}
.article-head{padding-bottom:42px;border-bottom:1px solid var(--ink)}
.article-back{display:inline-flex;margin-bottom:45px;padding-bottom:5px;border-bottom:1px solid var(--ink);font-size:12px;font-weight:760}.article-breadcrumb{margin-bottom:28px;display:flex;align-items:center;gap:11px;color:#8a878f;font-size:11px;font-weight:760;letter-spacing:.02em}.article-breadcrumb a{color:var(--ink);transition:color .2s}.article-breadcrumb a:hover{color:var(--violet)}.article-breadcrumb span:last-child{color:var(--violet)}
.article-head .notice-category{margin-bottom:22px}.article-head h1{max-width:780px;margin:0;font-size:clamp(42px,6vw,76px);line-height:1.04;letter-spacing:-.06em}
.article-lead{max-width:700px;margin:25px 0 0;color:var(--muted);font-size:17px;line-height:1.75}
.article-byline{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:27px;color:#77747c;font-size:12px}.article-byline strong{color:var(--ink)}
.article-body{max-width:720px;margin:54px auto 0}.article-body h2{margin:56px 0 18px;font-size:26px;letter-spacing:-.04em}.article-body p,.article-body li{color:#46464e;font-size:16px;line-height:1.9}.article-body ul{padding-left:22px}.article-body li+li{margin-top:10px}
.article-source{margin-top:50px;padding:24px;border:1px solid var(--line);border-radius:var(--quiet-radius);background:#fff}.article-source strong{display:block;margin-bottom:10px;font-size:12px}.article-source a{color:var(--violet);font-size:14px;font-weight:760;text-decoration:underline;text-underline-offset:4px}.article-caution{margin:28px 0 0;padding-left:16px;border-left:3px solid var(--lime);color:var(--muted);font-size:13px;line-height:1.7}
.reply-example{margin:22px 0;padding:24px 26px;border-radius:var(--quiet-radius);background:#fff}.reply-example small{display:block;margin-bottom:11px;color:var(--violet);font-size:11px;font-weight:820}.reply-example p{margin:0;color:var(--ink);font-weight:650}.reply-example.bad{background:#eceae5}.reply-example.bad small{color:#77747c}.reply-template{margin-top:46px;padding:28px;border-radius:var(--quiet-radius);background:var(--violet);color:#fff}.reply-template h2{margin-top:0;color:#fff}.reply-template p{margin:0;color:#fff;font-weight:650}.reply-template small{display:block;margin-top:15px;color:rgba(255,255,255,.7);font-size:12px;line-height:1.65}
.article-navigation{margin-top:88px;padding-top:24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--ink)}.article-navigation a{min-height:112px;padding:20px 24px 20px 0;display:flex;flex-direction:column;justify-content:space-between;gap:13px}.article-navigation .next{padding-right:0;padding-left:24px;border-left:1px solid var(--line);text-align:right;align-items:flex-end}.article-navigation a>span{color:#8a878f;font-size:11px;font-weight:760}.article-navigation a>strong{max-width:360px;font-size:17px;line-height:1.45;letter-spacing:-.025em;transition:color .2s}.article-navigation a:hover>strong{color:var(--violet)}.article-navigation-empty{min-height:112px}.article-navigation-empty.next{border-left:1px solid var(--line)}
.article-list-button{width:max-content;min-height:46px;margin:30px auto 0;padding:0 21px;display:flex;align-items:center;justify-content:center;border:1px solid var(--ink);border-radius:999px;background:transparent;color:var(--ink);font-size:12px;font-weight:780;transition:background .2s,color .2s}.article-list-button:hover{background:var(--ink);color:#fff}
@media(max-width:800px){.notice-hero{grid-template-columns:1fr}.notice-hero-copy{margin:0}.notice-card{grid-template-columns:1fr auto;gap:12px 18px}.notice-card-copy{grid-column:1/-1;grid-row:2}.notice-meta{grid-column:2;grid-row:1;justify-items:end}.notice-card:hover{padding-inline:8px}}
@media(max-width:600px){.notice-hero{padding-top:58px}.notice-hero h1{font-size:49px}.notice-shell{padding-top:38px;padding-bottom:82px}.notice-card{min-height:0;padding:24px 2px}.notice-meta span{display:none}.notice-pagination{gap:5px}.notice-page-button{min-width:40px;height:40px;padding:0 10px}.notice-page-button.direction{min-width:58px}.notice-trust{padding:20px}.article-shell{padding-top:42px}.article-breadcrumb{margin-bottom:23px}.article-head h1{font-size:42px}.article-lead{font-size:15px}.article-body p,.article-body li{font-size:15px}.article-navigation{margin-top:64px;grid-template-columns:1fr}.article-navigation a{min-height:96px;padding:18px 0}.article-navigation .next{padding:18px 0;border-left:0;border-top:1px solid var(--line);text-align:left;align-items:flex-start}.article-navigation-empty{display:none}.article-list-button{width:100%;margin-top:24px}}