/* Municipal recruitment pages share the established Japanese type and the site clock. */
#main .nw-monthly {
  --sr-paper:#fffefa; --sr-ink:#18344b; --sr-muted:#445b69;
  --sr-link:#175173; --sr-line:#c8d4d3; --sr-wash:#edf3f1; --sr-soft:#f7f5ee;
  --sr-sand:#faefd8; --sr-warm:#a86b25; --sr-gold:#e4bb77; --sr-deep:#224c60;
  --sr-green:#087343; --sr-green-hover:#075d39; --sr-green-text:#fff;
  --sr-gutter:clamp(14px,4.3%,55px);
  container:nliveWork / inline-size;
  width:100%; min-width:0; margin:0; padding:0; color:var(--sr-ink);
  background:var(--sr-paper); overflow-wrap:anywhere;
  font-family:'NLive JP','BIZ UDPGothic','Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif;
  font-size:1rem; line-height:1.7; line-break:strict;
}
html[data-nlive-tone="night"] #main .nw-monthly {
  --sr-paper:#152b3d; --sr-ink:#f2f5f6; --sr-muted:#c2d1d9;
  --sr-link:#b4e2ed; --sr-line:#526b78; --sr-wash:#213b48; --sr-soft:#1c3344;
  --sr-sand:#283d47; --sr-warm:#eac080; --sr-gold:#bd955c; --sr-deep:#adcfd8;
}
#main .nw-monthly *,#main .nw-monthly *::before,#main .nw-monthly *::after {box-sizing:border-box}
#main .nw-monthly :is(header,section,nav,figure,aside,details,dl,p,h1,h2,h3,ul,ol,dt,dd,li) {margin:0}
#main .nw-monthly :is(ul,ol) {list-style:none;padding:0}
#main .nw-monthly figure {padding:0}
#main .nw-monthly img {display:block;width:100%;height:auto}
#main .nw-monthly :is(h1,h2,h3,dt,strong,b,summary) {font-weight:700}
#main .nw-monthly :is(p,dd) {line-height:1.78}
#main .nw-monthly a {color:var(--sr-link);text-decoration-thickness:1px;text-underline-offset:.22em}
#main .nw-monthly :is(a,button,summary):focus-visible {outline:3px solid var(--sr-warm);outline-offset:3px}
#main .nw-monthly :is(section[id],nav[id]) {scroll-margin-block-start:14px}


#main .nw-monthly .sp-calc {--sp-panel:var(--sr-wash);--sp-result:var(--sr-link)}
#main .nw-monthly .sp-intro {margin:.5rem 0 .95rem}
#main .nw-monthly .sp-row {
  position:relative;min-width:0;margin:0;padding:.85rem 0 .65rem;border:0;
}
#main .nw-monthly .sp-row+.sp-row {margin-top:.5rem;border-top:1px solid var(--sr-line)}
#main .nw-monthly .sp-row legend {float:left;width:100%;padding:0;margin:0 0 .4rem;font-size:1rem;font-weight:700;color:var(--sr-ink)}
#main .nw-monthly .sp-fields {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.55rem .85rem;clear:both;align-items:end}
#main .nw-monthly .sp-group {grid-column:1/-1}
#main .nw-monthly .sp-clocks {display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:.3rem;align-items:end}
#main .nw-monthly .sp-clocks>span {line-height:44px;font-size:.85rem}
#main .nw-monthly .sp-row label {display:block;min-width:0;font-size:.86rem;font-weight:700;color:var(--sr-ink)}
#main .nw-monthly .sp-row :is(select,input) {
  display:block;width:100%;max-width:100%;min-width:0;min-height:44px;margin:.25rem 0 0;padding:.36rem .45rem;
  border:1px solid var(--sr-muted);border-radius:4px;background:var(--sr-paper);color:var(--sr-ink);font:inherit;font-size:1rem;font-weight:400;line-height:1.4;
}
#main .nw-monthly .sp-row :is(select,input):focus-visible,#main .nw-monthly .sp-calc button:focus-visible {outline:3px solid var(--sr-warm);outline-offset:2px}
#main .nw-monthly .sp-row input[aria-invalid=true],#main .nw-monthly .sp-row select[aria-invalid=true] {border-width:2px;border-style:dashed}
#main .nw-monthly .sp-count {display:flex;align-items:center;gap:.28rem}
#main .nw-monthly .sp-count input {width:3.4rem}
#main .nw-monthly .sp-calc .sp-next {max-width:19rem;margin-top:.5rem}
#main .nw-monthly .sp-row p {margin:.28rem 0 0;font-size:.82rem;color:var(--sr-muted)}
#main .nw-monthly .sp-row p:empty,#main .nw-monthly .sp-calc [hidden],#main .nw-monthly .sp-message:empty {display:none}
#main .nw-monthly .sp-calc button {min-height:44px;border:0;background:transparent;font:inherit;font-size:.9rem;text-decoration:underline;text-underline-offset:.2em;color:var(--sr-link)}
#main .nw-monthly button.sp-add {padding:.3rem .85rem;border:1px solid var(--sr-line);border-radius:4px;background:var(--sr-paper);text-decoration:none;font-weight:700}
#main .nw-monthly button.sp-remove {padding:0 .25rem;font-size:.8rem}
#main .nw-monthly .sp-result {display:grid;gap:.68rem 1.6rem;margin:1.1rem 0 .8rem;padding:1rem;background:var(--sp-panel);border-top:3px solid var(--sp-result);border-radius:3px}
#main .nw-monthly .sp-result h3 {margin:0;color:var(--sr-ink);font-size:1.13rem}
#main .nw-monthly .sp-headline small {margin-inline-start:.3rem;font-size:.78rem;font-weight:400;color:var(--sr-muted)}
#main .nw-monthly .sp-money {display:block;margin:.2rem 0;font-size:clamp(1.65rem,4.5cqw,2.4rem);line-height:1.35;color:var(--sp-result);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
#main .nw-monthly .sp-caveat,#main .nw-monthly .sp-message {font-size:.85rem;line-height:1.65;color:var(--sr-ink)}
#main .nw-monthly .sp-breakdown dl>div {display:flex;align-items:baseline;justify-content:space-between;gap:.4rem;border-bottom:1px solid var(--sr-line);padding:.22rem 0;font-size:.87rem}
#main .nw-monthly .sp-breakdown dd {font-weight:700;margin:0}
#main .nw-monthly .sp-zero {display:flex;align-items:center;min-height:44px;gap:.42rem;font-size:.85rem;color:var(--sr-ink)}
#main .nw-monthly .sp-zero input {width:18px;height:18px;margin:0;flex:none;accent-color:var(--sr-link)}
#main .nw-monthly .sp-support {border-inline-start:3px solid var(--sr-warm);padding:.6rem .85rem;background:var(--sr-soft)}
#main .nw-monthly .sp-support h3 {font-size:.98rem;color:var(--sr-ink)}
#main .nw-monthly .sp-support p {margin:.2rem 0 0;font-size:.88rem;color:var(--sr-muted)}
@container nliveWork (min-width:570px) {
  #main .nw-monthly .sp-fields {grid-template-columns:minmax(10.5rem,1fr) minmax(13rem,1.15fr) minmax(4.5rem,.45fr);gap:.85rem}
  #main .nw-monthly .sp-group {grid-column:auto}
  #main .nw-monthly .sp-result {grid-template-columns:1.2fr 1fr}
  #main .nw-monthly .sp-message {grid-column:1/-1}
}
@container nliveWork (max-width:350px) {
  #main .nw-monthly .sp-fields {grid-template-columns:1fr}
  #main .nw-monthly .sp-group {grid-column:auto}
}

#main .nw-monthly {margin-block:1.25rem; background:transparent}
#main .nw-monthly .sp-calc {padding:0; border:0}
#main .nw-monthly .sp-calc>h2 {font-size:1.4rem;line-height:1.5;color:var(--sr-ink)}
#main .nw-monthly .sp-result h3 {line-height:1.5}