.sub-hero { padding:150px 0 56px; background:linear-gradient(120deg,#FAFCFD 0%,#EEF2F6 100%); border-bottom:1px solid var(--line); }
.sub-breadcrumb { display:flex; align-items:center; gap:9px; color:#788897; font-size:12px; }
.sub-breadcrumb a:hover { color:var(--brand); }
.sub-breadcrumb i { font-style:normal; color:#AEC4D3; }
.sub-hero__category { margin:30px 0 10px; color:var(--brand); font-size:12px; font-weight:800; letter-spacing:.08em; text-align:center; }
.sub-hero h1 { margin:0; color:var(--navy); font-size:clamp(40px,5vw,68px); line-height:1.1; letter-spacing:-.05em; text-align:center; }
.sub-hero__desc { max-width:760px; margin:22px auto 0; color:#566878; font-size:16px; line-height:1.8; text-align:center; }
.local-nav { position:relative; z-index:5; border-bottom:1px solid var(--line); background:#fff; }
.local-nav__inner { display:flex; overflow:auto; scrollbar-width:none; }
.local-nav__inner::-webkit-scrollbar { display:none; }
.local-nav a { flex:0 0 auto; padding:20px 25px; border-bottom:2px solid transparent; color:#566878; font-size:14px; font-weight:650; }
.local-nav a.is-active { color:var(--brand); border-bottom-color:var(--brand); }
.sub-content { padding:100px 0 116px; }
.content-intro { display:grid; grid-template-columns:.72fr 1.28fr; gap:80px; padding-bottom:68px; border-bottom:1px solid var(--line); }
.content-intro__eyebrow { color:var(--brand); font-size:11px; font-weight:800; letter-spacing:.12em; }
.content-intro h2 { margin:12px 0 0; color:var(--navy); font-size:clamp(34px,4vw,54px); line-height:1.15; letter-spacing:-.045em; word-break:keep-all; }
.content-intro__desc { margin:32px 0 0; color:#566878; line-height:1.82; }
.content-block-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:54px; }
.content-block { min-height:230px; padding:28px; border:1px solid var(--line); border-radius:12px; background:#fff; box-shadow:0 8px 24px rgba(28,58,82,.05); }
.content-block__no { color:var(--brand); font-size:11px; font-weight:800; letter-spacing:.1em; }
.content-block h3 { margin:22px 0 12px; color:var(--navy); font-size:22px; }
.content-block p { margin:0; color:#566878; font-size:14px; line-height:1.8; word-break:keep-all; }
.content-panel { margin-top:50px; padding:38px; background:#F7F9FB; border:1px solid var(--line); border-radius:20px; }
.content-panel h3 { margin:0 0 12px; color:var(--navy); font-size:24px; }
.content-panel p { margin:0; color:#566878; line-height:1.8; }
.detail-list { display:grid; gap:14px; margin:44px 0 0; padding:0; list-style:none; }
.detail-list li { display:grid; grid-template-columns:150px 1fr; gap:28px; padding:22px 0; border-bottom:1px solid var(--line); }
.detail-list strong { color:var(--navy); }
.detail-list span { color:#566878; }
.timeline { margin:55px 0 0; border-top:1px solid var(--line); }
.timeline-item { display:grid; grid-template-columns:150px 1fr; gap:38px; padding:28px 0; border-bottom:1px solid var(--line); }
.timeline-item time { color:var(--brand); font-weight:800; font-size:18px; }
.timeline-item h3 { margin:0; color:var(--navy); }
.timeline-item p { margin:8px 0 0; color:#566878; }
.empty-state { padding:70px 24px; text-align:center; border:1px solid var(--line); border-radius:12px; background:#F7F9FB; color:#566878; }
.form-card { margin-top:50px; border:1px solid var(--line); border-radius:20px; padding:38px; background:#fff; box-shadow:0 8px 24px rgba(28,58,82,.05); }
.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:22px 20px; }
.form-group--full { grid-column:1/-1; }
.form-actions { display:flex; gap:10px; justify-content:flex-end; margin-top:26px; }
.check-line { display:flex; align-items:flex-start; gap:9px; color:#566878; font-size:13px; }
.check-line input { margin-top:4px; }
.status-box { padding:18px 20px; margin-bottom:28px; border-radius:10px; background:#EEF2F6; color:#173B59; border:1px solid #D6E1EA; }
.status-box.is-error { background:#fff6f6; border-color:#efd2d2; color:#8a3c3c; }
.data-table-wrap { overflow:auto; margin-top:40px; border:1px solid var(--line); border-radius:12px; }
.data-table { width:100%; min-width:760px; border-collapse:collapse; }
.data-table th,.data-table td { padding:16px 18px; border-bottom:1px solid var(--line); text-align:left; font-size:13px; }
.data-table th { background:#F7F9FB; color:var(--navy); }
.data-table td { color:#566878; }
.calc-layout { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(330px,.9fr); gap:28px; margin-top:50px; align-items:start; }
.calc-result { position:sticky; top:90px; padding:30px; border-radius:20px; background:#102D45; color:#fff; }
.calc-result small { color:#AEC4D3; }
.calc-result strong { display:block; margin:10px 0 6px; font-size:38px; letter-spacing:-.04em; }
.notice-strip { padding:18px 20px; margin-top:24px; background:#EEF2F6; border-left:3px solid var(--brand); color:#566878; font-size:13px; line-height:1.75; }
@media(max-width:900px){ .content-intro{grid-template-columns:1fr;gap:28px;} .content-block-grid{grid-template-columns:1fr 1fr;} .calc-layout{grid-template-columns:1fr;} .calc-result{position:static;} }
@media(max-width:760px){ .sub-hero{padding:118px 0 42px;} .sub-hero h1{font-size:38px;} .sub-hero__desc{font-size:14px;} .local-nav a{padding:16px 17px;font-size:12px;} .sub-content{padding:70px 0 80px;} .content-block-grid{grid-template-columns:1fr;} .content-panel,.form-card{padding:24px;border-radius:12px;} .form-grid{grid-template-columns:1fr;} .form-group--full{grid-column:auto;} .form-actions{justify-content:stretch;flex-direction:column;} .form-actions .btn-rns{width:100%;} .detail-list li,.timeline-item{grid-template-columns:1fr;gap:8px;} }