/* First view: continuous white-to-blue gradient, with no hard boundary around copy or image. */
.fv-saitama{position:relative;isolation:isolate;overflow:hidden;background:#fff;color:#122450}
.fv-saitama:before{content:"";position:absolute;z-index:-2;inset:0;background:linear-gradient(105deg,#fff 0%,#fff 37%,#f0f8ff 45%,#bfdef5 55%,#2c89c9 73%,#12366e 100%)}
.fv-county{position:absolute;z-index:-1;inset:20px -80px 100px 42%;background:url('saitama-outline.svg') center/contain no-repeat;filter:brightness(0) invert(1);opacity:.14;pointer-events:none}
.fv-layout{position:relative;display:grid;grid-template-columns:1.06fr 1fr;grid-template-rows:auto auto;column-gap:18px;padding-top:42px;padding-bottom:34px;min-height:710px}
.fv-heading{grid-column:1;grid-row:1;position:relative;z-index:2}
.fv-status{display:flex;align-items:center;gap:13px;margin-bottom:17px;line-height:1.6;color:#214d7d}
.fv-status strong{font-size:15px;letter-spacing:.05em}
.fv-status span{font-size:11px;border-left:1px solid #99b7d1;padding-left:13px}
.fv-audience{font-size:11px;line-height:1.7;color:#53697f;margin-bottom:12px}
.fv-saitama h1{font-size:clamp(45px,4.5vw,63px);line-height:1.27;letter-spacing:-.055em;font-weight:850;margin:0}
.fv-saitama h1 em{color:#005fc7;font-style:normal;white-space:nowrap}
.fv-art{grid-column:2;grid-row:1/3;align-self:center;justify-self:center;position:relative;margin:0;width:112%;max-width:660px;z-index:1;transform:translate(9px,-4px)}
.fv-art img{display:block;width:100%;height:auto;object-fit:contain}
.fv-art figcaption{font-size:8px;line-height:1.6;text-align:right;color:#e3f1ff;margin-top:9px;padding-right:15px}
.fv-detail{grid-column:1;grid-row:2;position:relative;z-index:2;padding-top:19px;max-width:480px}
.fv-lead{font-size:14px;line-height:1.9;color:#435c78;margin:0 0 18px}
.fv-lead strong{font-size:16px;color:#142d56;font-weight:700}
.fv-grant{border-block:1px solid #b5ccdf;padding:12px 0 11px;margin-bottom:21px}
.fv-grant>p{font-size:10px;color:#536b84;line-height:1.6}
.fv-grant>p>span{border-left:1px solid #9bb5ca;margin-left:9px;padding-left:9px;font-size:9px}
.fv-figures{display:flex;gap:35px;margin-top:4px}
.fv-figures>div{display:flex;align-items:baseline;gap:13px;white-space:nowrap}
.fv-figures>div>span{font-size:12px;color:#375d85}
.fv-figures strong{font-size:49px;font-weight:800;letter-spacing:-.035em;color:#005fc7;line-height:1.2}
.fv-figures small{font-size:19px;letter-spacing:0;margin-left:3px}
.fv-cta{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:58px;padding:16px 20px;background:#ffc45e;color:#14274f;border:1px solid #e9af44;border-radius:2px;font-size:14px;font-weight:750;line-height:1.5}
.fv-cta>span{font-size:23px;font-weight:400}
.fv-cta:hover{background:#ffd182}
.fv-free{font-size:9px;color:#566d85;line-height:1.7;margin-top:9px}
.fv-estimate{display:inline-flex;gap:20px;align-items:center;font-size:11px;color:#285584;border-bottom:1px solid #8eacc6;padding-bottom:3px;margin-top:12px}
.fv-bottom{position:relative;z-index:1;background:#11295b;color:white;border-top:1px solid #315587}
.fv-bottom>.wrap{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:15px}
.fv-bottom span{font-size:12px;font-weight:700;white-space:nowrap}
.fv-bottom p{font-size:9px;line-height:1.7;color:#d0e1f4;max-width:520px}
@media(min-width:1500px){.fv-layout{min-height:755px;padding-top:48px;padding-bottom:42px}}
@media(max-width:1000px) and (min-width:701px){.fv-layout{grid-template-columns:1.2fr 1fr;min-height:650px;column-gap:5px}.fv-saitama h1{font-size:45px}.fv-status{gap:9px}.fv-status strong{font-size:13px}.fv-status span{font-size:9px;padding-left:9px}.fv-art{width:118%;transform:translate(12px,0)}.fv-detail{max-width:430px}.fv-figures{gap:24px}.fv-figures strong{font-size:42px}.fv-figures small{font-size:16px}.fv-cta{font-size:12px}.fv-saitama:before{background:linear-gradient(105deg,#fff 0%,#fff 43%,#edf7ff 53%,#7ab9e1 70%,#16487e 100%)}}
@media(max-width:700px){
 .fv-saitama:before{inset:0;height:100%;background:radial-gradient(ellipse 95% 26% at 105% 46%,#16528f 0%,#1481c6 25%,#b5dff7 62%,#ffffff00 100%)}
 .fv-county{inset:175px -45px auto 5px;height:260px;opacity:.2;background-position:center;filter:brightness(0) invert(1)}
 .fv-layout{display:flex;flex-direction:column;gap:0;min-height:0;padding-top:20px;padding-bottom:22px}
 .fv-heading{order:0}
 .fv-status{gap:8px;margin-bottom:11px}.fv-status strong{font-size:13px}.fv-status span{font-size:8px;padding-left:8px}
 .fv-audience{font-size:9px;margin-bottom:8px}
 .fv-saitama h1{font-size:clamp(33px,9.35vw,41px);line-height:1.26;letter-spacing:-.055em}
 .fv-art{order:1;position:relative;transform:none;width:100%;height:202px;max-width:none;margin:5px 0 9px;display:flex;flex-direction:column;align-items:center;justify-content:center}
 .fv-art img{width:100%;height:192px;object-fit:contain}
 .fv-art figcaption{font-size:7px;padding:0;margin-top:2px;color:#eef6ff;align-self:flex-end;line-height:1.4}
 .fv-detail{order:2;max-width:none;width:100%;padding-top:0}
 .fv-lead{font-size:10px;line-height:1.7;margin-bottom:12px}.fv-lead strong{font-size:12px}
 .fv-grant{padding:9px 0;margin-bottom:14px;background:transparent}
 .fv-grant>p{font-size:8px}.fv-grant>p>span{font-size:7px;margin-left:6px;padding-left:6px}
 .fv-figures{gap:25px;margin-top:4px}.fv-figures>div{gap:9px}.fv-figures>div>span{font-size:10px}.fv-figures strong{font-size:36px}.fv-figures small{font-size:14px}
 .fv-cta{font-size:11px;min-height:52px;padding:12px 14px}.fv-cta>span{font-size:21px}
 .fv-free{font-size:8px;margin-top:7px}.fv-estimate{font-size:9px;gap:17px;margin-top:8px}
 .fv-bottom>.wrap{display:block;padding-block:12px}.fv-bottom span{font-size:10px;white-space:normal;display:block;margin-bottom:5px}.fv-bottom p{font-size:8px}
}

/* One coherent consultation photograph, rather than three independent cutouts. */
.fv-region{display:flex;align-items:center;gap:14px;margin:0 0 18px;position:relative;z-index:2}
.fv-region>img{width:100px;height:64px;object-fit:contain;flex:none}
.fv-region strong{display:block;font-size:21px;line-height:1.5;color:#12386c;letter-spacing:.05em;font-weight:750}
.fv-region strong>span{font-size:15px;margin-left:9px;font-weight:700;letter-spacing:.02em}
.fv-region p{font-size:10px;color:#50708d;margin-top:4px;line-height:1.7}
.fv-layout{isolation:isolate;grid-template-columns:1.08fr 1fr;min-height:745px;padding-top:30px;padding-bottom:30px}
.fv-art{position:absolute;z-index:-1;inset:0 -110px 0 35%;width:auto;max-width:none;transform:none;margin:0;height:100%;mask-image:linear-gradient(90deg,transparent 0%,#000 31%,#000 100%)}
.fv-art img{width:100%;height:100%;object-fit:cover;object-position:64% center}
.fv-art figcaption{position:absolute;right:24px;bottom:14px;padding:5px 9px;background:#10284fbf;color:#fff;font-size:8px;line-height:1.6;margin:0}
.fv-saitama:before{background:linear-gradient(100deg,#fff 0%,#fff 39%,#f2f8fd 54%,#96c5e8 77%,#1c5691 100%)}
.fv-audience{margin-bottom:10px}
.fv-saitama h1{font-size:clamp(45px,4.4vw,61px);line-height:1.26}
.fv-detail{padding-top:16px}
.fv-lead{margin-bottom:15px}
.fv-grant{background:linear-gradient(90deg,#ffffff 0%,#ffffffdc 78%,#ffffff00 100%);margin-bottom:18px}
@media(min-width:1550px){.fv-art{right:-180px;left:37%}.fv-layout{min-height:775px}}
@media(max-width:1000px) and (min-width:701px){.fv-region>img{width:80px;height:52px}.fv-region{gap:10px}.fv-region strong{font-size:18px}.fv-region strong>span{font-size:12px;margin-left:6px}.fv-region p{font-size:9px}.fv-layout{min-height:730px;grid-template-columns:1.22fr 1fr}.fv-saitama h1{font-size:43px}.fv-art{left:35%;right:-70px}.fv-art img{object-position:69% center}.fv-saitama:before{background:linear-gradient(90deg,#fff 0%,#fff 44%,#f3f8fd 57%,#9bc5e6 100%)}}
@media(max-width:700px){
 .fv-saitama:before{background:linear-gradient(180deg,#fff 0%,#fff 28%,#e1effa 49%,#fff 73%);inset:0;height:100%}
 .fv-region{gap:10px;margin-bottom:12px}.fv-region>img{width:73px;height:47px}.fv-region strong{font-size:18px}.fv-region strong>span{font-size:12px;margin-left:7px}.fv-region p{font-size:8px;margin-top:2px}
 .fv-layout{display:flex;min-height:0;padding-top:16px;padding-bottom:20px}
 .fv-audience{font-size:8px;margin-bottom:8px}
 .fv-saitama h1{font-size:clamp(32px,9.15vw,40px);line-height:1.25}
 .fv-art{position:relative;inset:auto;z-index:1;order:1;width:calc(100% + 40px);height:auto;aspect-ratio:3/2;max-width:none;mask-image:none;transform:none;margin:13px -20px 13px;display:block}
 .fv-art img{width:100%;height:100%;object-fit:contain;object-position:center}
 .fv-art figcaption{position:absolute;right:8px;bottom:6px;background:#10284fc7;padding:3px 6px;font-size:7px;color:#fff;line-height:1.4}
 .fv-detail{padding-top:0;z-index:2}.fv-lead{font-size:10px;margin-bottom:11px;line-height:1.7}.fv-lead strong{font-size:11px}.fv-grant{margin-bottom:13px;background:transparent;padding-block:8px}.fv-figures strong{font-size:35px}
}

@media(min-width:1001px){.fv-art{inset:100px -65px auto 36%;height:auto;aspect-ratio:3/2;mask-image:linear-gradient(90deg,transparent 0%,#000 22%,#000 100%)}.fv-art img{object-fit:contain;object-position:center}.fv-art figcaption{right:70px;bottom:12px}}

@media(min-width:1001px){.fv-art{grid-column:1/-1;grid-row:1/-1;inset:55px -65px 45px 38%;height:auto;aspect-ratio:auto;mask-image:linear-gradient(90deg,transparent 0%,#000 24%,#000 100%)}.fv-art img{object-fit:cover;object-position:right center}}

/* Saitama watermark behind the copy: retain the full outline and soften the white field. */
.fv-saitama:before{background:linear-gradient(100deg,#eef6fd 0%,#f0f7fd 39%,#e6f2fc 54%,#96c5e8 77%,#1c5691 100%)}
.fv-layout:before{content:"";position:absolute;z-index:0;pointer-events:none;top:105px;left:-43px;width:620px;aspect-ratio:800/510;background:url('saitama-watermark.svg') center/contain no-repeat;opacity:.22}
.fv-region{min-height:64px}
.fv-grant{background:transparent}
@media(max-width:1000px) and (min-width:701px){.fv-layout:before{top:110px;left:-30px;width:510px}}
@media(max-width:700px){
 .fv-saitama:before{background:linear-gradient(180deg,#eaf4fd 0%,#edf6fd 28%,#d8eafa 49%,#f3f8fd 76%,#edf5fd 100%)}
 .fv-layout:before{top:30px;left:0;width:100%;opacity:.24}
 .fv-region{min-height:47px}
}

/* Compact animated advance-survey notice. */
.fv-reception{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;gap:9px;margin-top:8px;padding:9px 14px;background:#065eb4;border:1px solid #0b71cc;border-radius:3px;color:#fff;font-size:12px;font-weight:700;line-height:1.5;letter-spacing:.02em;box-shadow:0 3px 12px #065eb41a}
.fv-reception:before{content:"";position:absolute;pointer-events:none;inset:-50% auto -50% -45%;width:30%;background:linear-gradient(90deg,transparent,#ffffff36,transparent);transform:skewX(-22deg);animation:reception-shine 5s ease-in-out infinite}
.fv-reception-dot{flex:none;width:6px;height:6px;border-radius:50%;background:#ffce6c;box-shadow:0 0 0 0 #ffce6c66;animation:reception-pulse 2.6s ease-out infinite}
.fv-reception-divider{opacity:.5;margin-inline:3px;font-weight:400}
.fv-reception-arrow{display:inline-block;margin-left:3px;font-size:16px;animation:reception-arrow 2.6s ease-in-out infinite}
.fv-reception:hover{background:#064c97}
.fv-reception:focus-visible{outline:3px solid #eba83c;outline-offset:3px}
@keyframes reception-shine{0%,30%{left:-45%}65%,100%{left:130%}}
@keyframes reception-pulse{0%{box-shadow:0 0 0 0 #ffce6c66}70%,100%{box-shadow:0 0 0 5px #ffce6c00}}
@keyframes reception-arrow{0%,100%{transform:translateX(0)}50%{transform:translateX(3px)}}
@media(max-width:700px){.fv-reception{font-size:10px;gap:7px;padding:7px 10px;margin-top:7px}.fv-reception-arrow{font-size:14px}.fv-region{margin-bottom:13px}.fv-layout:before{top:55px}}
@media(prefers-reduced-motion:reduce){.fv-reception:before,.fv-reception-dot,.fv-reception-arrow{animation:none}.fv-reception:before{display:none}}