/* Municipal recruitment pages share the established Japanese type and the site clock. */
#main .sr-city {
  --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:nliveCity / 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 .sr-city {
  --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 .sr-city *,#main .sr-city *::before,#main .sr-city *::after {box-sizing:border-box}
#main .sr-city :is(header,section,nav,figure,aside,details,dl,p,h1,h2,h3,ul,ol,dt,dd,li) {margin:0}
#main .sr-city :is(ul,ol) {list-style:none;padding:0}
#main .sr-city figure {padding:0}
#main .sr-city img {display:block;width:100%;height:auto}
#main .sr-city :is(h1,h2,h3,dt,strong,b,summary) {font-weight:700}
#main .sr-city :is(p,dd) {line-height:1.78}
#main .sr-city a {color:var(--sr-link);text-decoration-thickness:1px;text-underline-offset:.22em}
#main .sr-city :is(a,button,summary):focus-visible {outline:3px solid var(--sr-warm);outline-offset:3px}
#main .sr-city :is(section[id],nav[id]) {scroll-margin-block-start:14px}

/* A lined-paper heading follows the left-hand illustration on PC; the title leads on phones. */
#main .sr-city .sr-hero {
  display:grid; grid-template-columns:minmax(0,1fr); background-color:var(--sr-sand);
  background-image:repeating-linear-gradient(0deg,transparent 0 23px,color-mix(in srgb,var(--sr-warm) 9%,transparent) 23px 24px);
  border-top:3px solid var(--sr-gold); overflow:hidden;
}
#main .sr-city .sr-banner {grid-row:2;position:relative;min-width:0;overflow:hidden;background:var(--sr-sand)}
#main .sr-city .sr-banner img {
  width:100%;height:clamp(140px,40cqw,240px);object-fit:cover;object-position:50% 48%;
}
#main .sr-city .sr-lead {grid-row:1;position:relative;min-width:0;padding:1rem var(--sr-gutter) 1.1rem}
#main .sr-city .sr-location {font-size:.81rem;font-weight:700;color:var(--sr-muted);line-height:1.45}
#main .sr-city .sr-lead h1 {
  margin:.34rem 0 .42rem;padding:0;border:0;color:var(--sr-ink);
  font-size:clamp(1.75rem,6.7cqw,3.3rem);line-height:1.22;letter-spacing:.015em;
}
#main .sr-city .sr-city-name {display:block;font-size:.64em;line-height:1.38;margin-bottom:.13em}
#main .sr-city .sr-job-title,#main .sr-city .sr-title-end {display:block}
#main .sr-city .sr-title-end {font-size:.84em;line-height:1.52}
#main .sr-city .sr-lead>p:not(.sr-location) {max-width:33em;color:var(--sr-muted);font-size:.94rem}
#main .sr-city .sr-actions {
  display:flex;flex-direction:column;align-items:stretch;gap:.22rem;
  padding:.85rem var(--sr-gutter) .75rem;background:var(--sr-paper);
}
#main .sr-city .sr-actions :is(a,button) {
  display:inline-flex;align-items:center;justify-content:center;gap:.55em;
  min-height:46px;padding:.45rem .8rem;text-align:center;font-weight:700;line-height:1.48;
}
#main .sr-city .sr-actions .sr-line {
  min-height:52px;padding:.6rem 1.5rem;border:1px solid var(--sr-green);
  border-radius:999px;background:var(--sr-green);color:var(--sr-green-text);text-decoration:none;
  box-shadow:0 3px 0 #132e281b;
}
#main .sr-city .sr-line:hover {background:var(--sr-green-hover);color:var(--sr-green-text)}
#main .sr-city .sr-actions .sr-line svg {width:25px;height:25px;flex:0 0 25px}
#main .sr-city .sr-actions .sr-memo {color:var(--sr-link);text-underline-offset:.24em}
#main .sr-city .sr-actions .sr-memo>span {font-size:1.05em;line-height:1;flex:none}
#main .sr-city .sr-toc {
  display:grid;gap:.25rem 1rem;padding:.65rem var(--sr-gutter) .76rem;
  border-block:1px solid var(--sr-line);background:var(--sr-wash);
}
#main .sr-city .sr-toc :is(h2,h3,p,strong) {font-size:.91rem;line-height:1.45;color:var(--sr-ink)}
#main .sr-city .sr-toc ul {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:.75rem}
#main .sr-city .sr-toc li {min-width:0;border-bottom:1px solid var(--sr-line)}
#main .sr-city .sr-toc a {
  display:flex;align-items:center;justify-content:space-between;gap:.25em;min-height:44px;
  font-size:.87rem;font-weight:700;text-decoration:none;line-height:1.5;
}
#main .sr-city .sr-toc a::after {content:'↓';font-size:.85em;flex:none}
#main .sr-city .sr-toc a:hover {text-decoration:underline}

/* Each heading starts one job-seeker task. Sections stay dense on a small screen. */
#main .sr-city .sr-section {min-width:0;padding:clamp(22px,3.5cqw,43px) var(--sr-gutter)}
#main .sr-city .sr-section+.sr-section {border-top:1px solid var(--sr-line)}
#main .sr-city .sr-heading {margin:0 0 .95rem}
#main .sr-city .sr-heading h2 {
  position:relative;display:block;margin:0;padding:0 0 .48rem;color:var(--sr-ink);
  border-bottom:1px solid var(--sr-line);font-size:clamp(1.25rem,2.8cqw,1.9rem);line-height:1.45;
}
#main .sr-city .sr-heading h2::after {
  content:'';position:absolute;bottom:-2px;left:0;width:2.1em;border-bottom:3px solid var(--sr-warm);
}
#main .sr-city .sr-heading p {max-width:56em;margin:.8rem 0;color:var(--sr-muted)}
#main .sr-city .sr-section>p {margin:.62rem 0;color:var(--sr-muted);max-width:56em}
#main .sr-city .sr-scenarios {display:grid;grid-template-columns:minmax(0,1fr);gap:.55rem}
#main .sr-city .sr-scenarios>div {
  min-width:0;padding:.68rem .95rem .8rem;border-inline-start:3px solid var(--sr-gold);background:var(--sr-soft);
}
#main .sr-city .sr-scenarios dt {font-size:1.02rem;line-height:1.5;color:var(--sr-ink)}
#main .sr-city .sr-scenarios dd {margin:.18rem 0 0;color:var(--sr-muted);font-size:.94rem}
#main .sr-city .sr-terms {border-top:2px solid var(--sr-deep)}
#main .sr-city .sr-terms>div {
  display:grid;grid-template-columns:minmax(5.95em,26%) minmax(0,1fr);border-bottom:1px solid var(--sr-line);
}
#main .sr-city .sr-terms dt,#main .sr-city .sr-terms dd {padding:.72rem .68rem;font-size:.92rem;line-height:1.62}
#main .sr-city .sr-terms dt {background:var(--sr-wash);color:var(--sr-ink)}
#main .sr-city .sr-terms dd {color:var(--sr-ink)}
#main .sr-city .sr-environment {display:grid;align-items:start;gap:1rem 1.6rem}
#main .sr-city .sr-figure {min-width:0}
#main .sr-city .sr-detail-photo {overflow:hidden;border-radius:4px;background:var(--sr-wash)}
#main .sr-city .sr-detail-photo img {
  max-height:215px;aspect-ratio:2.05;object-fit:cover;object-position:80% 70%;
  transform:scale(1.25);transform-origin:85% 68%;
}
#main .sr-city figcaption {margin:.45rem 0 0;font-size:.79rem;color:var(--sr-muted);line-height:1.55}
#main .sr-city .sr-checks {border-top:1px solid var(--sr-line)}
#main .sr-city .sr-checks li {position:relative;padding:.6rem .2rem .65rem 1.2rem;border-bottom:1px solid var(--sr-line)}
#main .sr-city .sr-checks li::before {
  content:'';position:absolute;top:1.12rem;left:.08rem;width:.52rem;height:.32rem;
  border-left:2px solid var(--sr-warm);border-bottom:2px solid var(--sr-warm);transform:rotate(-45deg);
}
#main .sr-city .sr-checks strong {display:block;font-size:.98rem}
#main .sr-city .sr-checks p {font-size:.92rem;color:var(--sr-muted);margin:.14rem 0 0}
#main .sr-city .sr-contact-strip {
  display:grid;align-items:center;gap:.25rem 1.05rem;margin:0 var(--sr-gutter) clamp(23px,3.3cqw,40px);
  padding:1rem 1.05rem; border-block:1px solid var(--sr-line);background:var(--sr-wash);
}
#main .sr-city .sr-contact-strip .sr-contact-copy :is(h2,h3) {font-size:1.12rem;line-height:1.55}
#main .sr-city .sr-contact-strip .sr-contact-copy p {font-size:.9rem;margin:.3rem 0;color:var(--sr-muted)}
#main .sr-city .sr-contact-strip .sr-actions {padding:.4rem 0 0;background:transparent}
#main .sr-city .sr-questions {border-top:1px solid var(--sr-line)}
#main .sr-city .sr-questions details {
  margin:0;padding:0;border:0;border-bottom:1px solid var(--sr-line);border-radius:0;
  background:var(--sr-paper);box-shadow:none;
}
#main .sr-city .sr-questions summary {
  display:grid;grid-template-columns:1fr auto;align-items:center;gap:.75rem;min-height:52px;
  list-style:none;padding:.7rem .35rem .7rem .1rem;font-size:.96rem;color:var(--sr-ink);
}
#main .sr-city .sr-questions summary::-webkit-details-marker {display:none}
#main .sr-city .sr-questions summary::after {content:'＋';color:var(--sr-link);font-weight:700}
#main .sr-city .sr-questions details[open] summary::after {content:'−'}
#main .sr-city .sr-questions details[open] p {
  max-width:54em;margin:0 2rem .94rem 0;padding:0 0 0 .76rem;border-left:2px solid var(--sr-gold);
  color:var(--sr-muted);font-size:.94rem;
}
#main .sr-city .sr-guides {display:grid;gap:.65rem 1.2rem;grid-template-columns:minmax(0,1fr)}
#main .sr-city a.sr-card {
  display:flex;gap:.85rem;align-items:center;position:relative;min-height:68px;padding:.15rem 1.2rem .6rem 0;
  border-bottom:1px solid var(--sr-line);text-decoration:none;color:var(--sr-ink);
}
#main .sr-city .sr-card img {width:clamp(65px,20%,106px);height:auto;aspect-ratio:1.45;object-fit:cover;border-radius:3px}
#main .sr-city .sr-card strong,#main .sr-city .sr-card small {display:block}
#main .sr-city .sr-card strong {color:var(--sr-link);font-size:1.01rem}
#main .sr-city .sr-card small {color:var(--sr-muted);font-size:.8rem;line-height:1.55}
#main .sr-city .sr-card::after {content:'›';position:absolute;right:.1rem;color:var(--sr-link);font-size:1.4rem}
#main .sr-city .sr-card:hover strong {text-decoration:underline}
#main .sr-city .sr-ending {padding:1rem var(--sr-gutter);background:var(--sr-wash);border-block:1px solid var(--sr-line)}
#main .sr-city .sr-ending h2 {font-size:1.08rem;line-height:1.5}
#main .sr-city .sr-paused {padding:.9rem var(--sr-gutter);color:var(--sr-ink);background:var(--sr-soft);font-weight:700}
#main .sr-city .sr-region-nav {display:flex;flex-wrap:wrap;gap:.1rem 1.2rem}
#main .sr-city .sr-region-nav a {display:inline-flex;align-items:center;min-height:44px;font-size:.9rem;font-weight:700}

@container nliveCity (min-width:650px) {
  #main .sr-city .sr-hero {grid-template-columns:minmax(0,47%) minmax(0,1fr);align-items:stretch}
  #main .sr-city .sr-lead {grid-column:2;grid-row:1;align-self:center;padding:clamp(25px,4.1cqw,56px) var(--sr-gutter) clamp(25px,4.1cqw,56px) clamp(20px,3.2cqw,44px)}
  #main .sr-city .sr-lead h1 {font-size:clamp(1.95rem,3.65cqw,3.04rem);margin:.45rem 0 .85rem}
  #main .sr-city .sr-lead>p:not(.sr-location) {font-size:1rem}
  #main .sr-city .sr-banner {grid-column:1;grid-row:1;min-height:clamp(245px,28cqw,370px)}
  #main .sr-city .sr-banner img {position:absolute;inset:0;height:100%;object-position:52% 49%}
  #main .sr-city .sr-actions {flex-direction:row;align-items:center;justify-content:center;gap:.65rem 1.8rem;padding-block:1rem}
  #main .sr-city .sr-actions .sr-line {min-width:min(100%,18.5rem)}
  #main .sr-city .sr-toc {grid-template-columns:auto minmax(0,1fr);align-items:center;gap:1.3rem;padding-block:.65rem}
  #main .sr-city .sr-toc ul {display:flex;flex-wrap:wrap;gap:0 .55rem}
  #main .sr-city .sr-toc li {border-bottom:0}
  #main .sr-city .sr-toc a {gap:.4rem;padding:.1rem .47rem}
  #main .sr-city .sr-scenarios,#main .sr-city .sr-guides {grid-template-columns:repeat(2,minmax(0,1fr))}
  #main .sr-city .sr-scenarios>div {padding:1rem 1.1rem}
  #main .sr-city .sr-terms>div {grid-template-columns:minmax(9rem,24%) minmax(0,1fr)}
  #main .sr-city .sr-terms dt,#main .sr-city .sr-terms dd {padding:.8rem 1.05rem;font-size:.99rem}
  #main .sr-city .sr-environment {grid-template-columns:minmax(0,.83fr) minmax(0,1fr);align-items:center}
  #main .sr-city .sr-detail-photo img {max-height:245px;aspect-ratio:1.7}
  #main .sr-city .sr-contact-strip {padding:1rem clamp(18px,2.8cqw,38px);grid-template-columns:minmax(0,1fr) minmax(15rem,auto)}
  #main .sr-city .sr-contact-strip .sr-actions {display:flex;align-items:stretch;flex-direction:column;gap:0;padding:0}
}