/* Initial application guide: scoped independently from form and portal styles. */
.ag-body{margin:0;background:#f8fafb;color:#173347;font-family:"Noto Sans JP",-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif}.ag-guide{--ag-navy:#14364c;--ag-teal:#086b67;--ag-line:#d5e2e6;max-width:1120px;margin:0 auto;padding:32px 28px 0;font-size:18px;line-height:1.85;color:var(--ag-navy);overflow-wrap:anywhere}.ag-guide *,.ag-site-header *{box-sizing:border-box}.ag-guide h1,.ag-guide h2,.ag-guide h3,.ag-guide p,.ag-guide ol{margin-top:0}.ag-guide h1{font-size:clamp(36px,4.8vw,58px);line-height:1.35;letter-spacing:.025em;margin-bottom:22px}.ag-guide h2{font-size:clamp(27px,3vw,36px);line-height:1.55;margin-bottom:10px}.ag-guide h3{font-size:25px;line-height:1.5;margin-bottom:16px}.ag-guide p{margin-bottom:16px}.ag-guide a{color:#075e75;text-underline-offset:4px}.ag-guide a:hover{text-decoration-thickness:2px}.ag-guide a:focus-visible,.ag-guide summary:focus-visible,.ag-site-header a:focus-visible{outline:3px solid #b86800;outline-offset:5px}.ag-guide section[id]{scroll-margin-top:24px}.ag-site-header{padding:20px max(24px,calc((100vw - 1120px)/2 + 28px));display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;border-bottom:1px solid #d5e2e6}.ag-site-header img{display:block;max-width:100%;object-fit:contain}.ag-site-header nav{display:flex;gap:24px;align-items:center}.ag-site-header a,.ag-site-footer a{color:#173347;font-size:16px;text-decoration:none}.ag-tab{font-size:14px;font-weight:600;white-space:nowrap}.ag-skip{position:absolute;top:-80px;left:20px;background:white;padding:16px;z-index:10}.ag-skip:focus{top:10px}.ag-hero{background:#eaf2f3;border-radius:24px;padding:48px;display:grid;grid-template-columns:1.25fr 1fr;gap:40px;align-items:center;border:1px solid #d6e5e7}.ag-eyebrow{font-size:16px;font-weight:700;color:#086b67;letter-spacing:.08em}.ag-lead{font-size:19px}.ag-hero-map{background:white;border:1px solid #d5e2e6;border-radius:18px;padding:25px 28px;box-shadow:0 12px 36px #17334709}.ag-mini-title{font-size:16px;font-weight:700;color:#086b67;border-bottom:1px solid #d5e2e6;padding-bottom:12px}.ag-hero-map ol{list-style:none;margin:0;padding:0}.ag-hero-map li{display:flex;align-items:center;gap:17px;padding:12px 0;position:relative}.ag-hero-map li>span{display:grid;place-items:center;background:#eaf4f3;border:1px solid #c0dad6;border-radius:50%;width:42px;height:42px;font-weight:700;font-size:16px;flex-shrink:0}.ag-hero-map li:not(:last-child):after{content:"";height:16px;border-left:2px solid #c0dad6;position:absolute;left:20px;bottom:-8px}.ag-hero-map strong,.ag-hero-map small{display:block}.ag-hero-map small{font-size:15px;color:#516777}.ag-button{display:flex;justify-content:center;align-items:center;gap:12px;min-height:58px;padding:14px 18px;background:var(--ag-teal);color:#fff!important;font-weight:700;border:2px solid var(--ag-teal);border-radius:9px;text-decoration:none!important;line-height:1.6;transition:background .15s,transform .15s}.ag-button:hover{background:#064f4b;border-color:#064f4b;box-shadow:0 4px 12px #14364c20}.ag-button:active{transform:translateY(2px)}.ag-button-outline{color:var(--ag-teal)!important;background:#fff}.ag-button-outline:hover{background:#eaf4f3;border-color:var(--ag-teal)}.ag-hero .ag-button{max-width:350px}.ag-tab-note{display:flex;gap:18px;padding:25px 10px;font-size:16px}.ag-tab-note>span{font-size:30px;color:#086b67}.ag-tab-note p{margin:0}.ag-toc{display:flex;flex-wrap:wrap;background:white;border:1px solid var(--ag-line);border-radius:12px;padding:10px;gap:4px}.ag-toc a{flex:1;text-align:center;min-width:150px;padding:12px 8px;font-size:16px;font-weight:700;text-decoration:none;border-radius:6px}.ag-toc a:hover{background:#eaf4f3}.ag-section{padding:68px 0 0}.ag-heading{display:flex;align-items:center;gap:22px;margin-bottom:25px}.ag-number{display:grid;place-items:center;flex-shrink:0;min-width:66px;min-height:66px;padding:8px;background:#14364c;color:white;font-size:20px;border-radius:14px;font-weight:700}.ag-kicker{font-size:16px;color:#086b67;font-weight:700;margin-bottom:3px!important}.ag-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.ag-card{background:#fff;border:1px solid var(--ag-line);border-radius:16px;padding:30px;display:flex;flex-direction:column}.ag-label{display:inline-block;font-size:15px;line-height:1.6;color:#086b67;font-weight:700;margin-bottom:12px}.ag-note{font-size:16px;color:#455e70;margin-top:16px}.ag-card>.ag-note:last-child{margin-bottom:0}.ag-document svg{width:76px;height:64px;stroke:#086b67;stroke-width:2;fill:none;margin-bottom:18px}.ag-document p{margin-bottom:0}.ag-callout{margin-top:24px;border-left:4px solid #0a7772;background:#eaf4f3;padding:22px 26px;border-radius:0 10px 10px 0}.ag-callout p{margin:7px 0}.ag-checklist{counter-reset:step;list-style:none;padding:0;margin-bottom:24px}.ag-checklist li{counter-increment:step;position:relative;padding-left:38px;margin:20px 0}.ag-checklist li:before{content:counter(step);position:absolute;left:0;top:0;width:27px;height:27px;background:#eaf4f3;border-radius:50%;color:#086b67;text-align:center;line-height:27px;font-size:16px;font-weight:700}.ag-checklist p{font-size:17px;margin:5px 0 0}.ag-actions{display:grid;gap:12px;margin-top:auto}.ag-methods .ag-button{font-size:17px}.ag-timeline{list-style:none;padding:0;margin:0}.ag-timeline>li{display:grid;grid-template-columns:54px 1fr;gap:22px;position:relative;padding-bottom:30px}.ag-timeline>li:not(:last-child):before{content:"";position:absolute;top:48px;bottom:0;left:25px;width:3px;background:#cbdcde}.ag-timeline>li>div{background:#fff;padding:28px 32px;border:1px solid var(--ag-line);border-radius:14px;min-width:0}.ag-timeline-no{display:grid;place-items:center;width:54px;height:54px;background:#e4f0ee;border:2px solid #8cb7b3;border-radius:50%;font-size:22px;font-weight:700;z-index:1}.ag-timeline .ag-button{width:fit-content;max-width:100%;font-size:17px}.ag-paper-pair{display:flex;gap:18px;margin-bottom:20px}.ag-paper-pair span{padding:18px 22px;background:#f8fafb;border:1px solid #c9d9e0;border-top:4px solid #759dba;border-radius:3px;font-weight:700}.ag-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;list-style:none;padding:0;margin:25px 0}.ag-flow li{position:relative;background:#eaf4f3;border:1px solid #b3d4d0;border-radius:10px;padding:15px;text-align:center}.ag-flow li:not(:last-child):after{content:"→";position:absolute;right:-26px;top:25px;color:#086b67;font-weight:700}.ag-flow small,.ag-flow strong{display:block}.ag-flow small{font-size:15px;color:#435e65}.ag-flow strong{font-size:23px}.ag-deadline{border:1px solid #dfc899;background:#fff8ea;border-radius:12px;padding:20px 24px;margin:20px 0}.ag-deadline>span{display:block;font-size:16px;color:#755014}.ag-deadline strong{font-size:24px}.ag-deadline b{font-size:36px}.ag-deadline p{font-size:17px;margin:6px 0 0}.ag-finish{color:#086b67;font-weight:700;margin-bottom:0!important}.ag-faq{border-top:1px solid var(--ag-line)}.ag-faq details{border-bottom:1px solid var(--ag-line);background:#fff}.ag-faq summary{padding:23px;cursor:pointer;font-weight:700}.ag-faq details p{padding:0 23px 23px;margin:0}.ag-closing{text-align:center;background:#eaf2f3;padding:40px;border-radius:20px;margin:64px 0 48px}.ag-closing .ag-button{max-width:400px;margin:20px auto}.ag-closing p{margin-bottom:0;font-size:16px}.ag-site-footer{max-width:1120px;margin:auto;padding:24px 28px 40px;display:flex;justify-content:space-between;gap:20px}.ag-guide.ag-portal{padding:0;max-width:1100px}.ag-portal .ag-hero{grid-template-columns:1fr;padding:36px}.ag-portal .ag-hero h1{font-size:38px}.ag-money{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:28px 0}.ag-money>div{padding:24px;background:#fff;border:1px solid var(--ag-line);border-radius:12px;position:relative}.ag-money>div:not(:last-child):after{content:"→";position:absolute;right:-26px;top:45%;font-size:22px;font-weight:700;color:#086b67}.ag-money strong{display:block;font-size:23px;margin-bottom:10px}.ag-money p{font-size:17px;margin:0}.ag-equation{display:flex;align-items:center;justify-content:center;gap:15px;background:#14364c;color:#fff;padding:28px;border-radius:14px;text-align:center;font-weight:700}.ag-equation span{flex:1}.ag-equation b{font-size:25px}.ag-equation small{display:block;font-size:15px;font-weight:400}.ag-portal .ag-section:last-child{padding-bottom:32px}@media(max-width:760px){.ag-guide{padding:20px 18px 0}.ag-site-header{padding:14px 18px;flex-wrap:wrap}.ag-site-header img{width:190px;height:auto}.ag-site-header nav{gap:18px;flex-wrap:wrap}.ag-site-header a{font-size:14px}.ag-hero{grid-template-columns:1fr;padding:28px 24px;gap:25px}.ag-hero-map{padding:20px}.ag-grid{grid-template-columns:1fr;gap:18px}.ag-card{padding:24px}.ag-section{padding-top:45px}.ag-heading{gap:14px;align-items:flex-start}.ag-number{min-width:54px;min-height:54px;font-size:16px;border-radius:10px}.ag-guide h3{font-size:23px}.ag-toc a{min-width:135px;font-size:15px}.ag-tab-note{padding:22px 0}.ag-timeline>li{grid-template-columns:36px 1fr;gap:12px}.ag-timeline-no{width:36px;height:36px;font-size:18px}.ag-timeline>li:not(:last-child):before{left:17px;top:34px}.ag-timeline>li>div{padding:23px 19px}.ag-flow,.ag-money{grid-template-columns:1fr;gap:28px}.ag-flow li:not(:last-child):after,.ag-money>div:not(:last-child):after{content:"↓";top:auto;bottom:-29px;right:calc(50% - 9px)}.ag-flow li{padding:12px}.ag-paper-pair{flex-direction:column;gap:10px}.ag-callout{padding:20px}.ag-deadline{padding:18px}.ag-deadline strong{font-size:21px}.ag-closing{padding:30px 22px}.ag-button{flex-wrap:wrap;gap:4px 12px}.ag-site-footer{flex-wrap:wrap}.ag-equation{flex-direction:column;padding:24px}.ag-equation span{width:100%}.ag-portal .ag-hero{padding:26px}.ag-portal .ag-hero h1{font-size:32px}}@media(prefers-reduced-motion:reduce){.ag-button{transition:none}}@media print{.ag-guide{max-width:none;padding:0;font-size:12pt}.ag-site-header,.ag-site-footer,.ag-toc,.ag-closing,.ag-tab-note{display:none}.ag-hero{padding:20px}.ag-section{padding-top:28px}.ag-card,.ag-timeline>li,.ag-callout{break-inside:avoid}.ag-guide h1{font-size:28pt}.ag-guide h2{font-size:20pt}.ag-guide h3{font-size:16pt}.ag-button{color:#14364c!important;background:white;border:1px solid #14364c}.ag-faq details{display:block}}
/* Keep the shared portal header inside narrow screens on this guide only. */
@media (max-width:380px){
    body:has(.ag-portal) .portal-header-inner{height:auto;min-height:56px;flex-wrap:wrap;gap:8px;padding-top:8px;padding-bottom:8px}
    body:has(.ag-portal) .portal-header-right{flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:100%;min-width:0;margin-left:auto}
    body:has(.ag-portal) .portal-agency-name{max-width:100%;overflow-wrap:anywhere}
    body:has(.ag-portal) .portal-agency-switch{flex-wrap:wrap;max-width:100%;min-width:0}
    body:has(.ag-portal) .portal-agency-switch-select{min-width:0;width:100%}
}
/* Large, readable notices shared by both application guides. */
.ag-guide .ag-highlight{display:block;font-size:clamp(21px,2.5vw,26px);line-height:1.6}
.ag-choice-note{padding:16px 18px;background:#eaf4f3;border:2px solid #73a9a4;border-radius:10px;font-size:17px;line-height:1.75}
.ag-choice-note strong{font-size:20px;color:#075953}
.ag-renewal-summary{padding:26px 30px;margin-bottom:24px;background:#eaf4f3;border:2px solid #73a9a4;border-radius:14px}
.ag-renewal-summary>.ag-label,.ag-renewal-summary>strong{display:block}
.ag-renewal-summary>strong{font-size:clamp(23px,3vw,30px);line-height:1.6;margin-bottom:12px}
.ag-renewal-summary p:last-child{margin-bottom:0}
.ag-renewal-methods .ag-finish{margin-top:auto;padding-top:16px;border-top:1px solid var(--ag-line)}
@media(max-width:760px){.ag-renewal-summary{padding:22px}.ag-choice-note{padding:14px}}

/* Illustrated overview sits beside the introduction on wide screens. */
.ag-hero.ag-hero-illustrated{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;padding:36px}
.ag-hero-illustrated .ag-lead{max-width:760px}
.ag-hero-illustrated>.agv{margin:0}
@media(max-width:1000px){.ag-hero.ag-hero-illustrated{grid-template-columns:1fr;padding:26px}}
.ag-card>.agv{margin-top:0}
/* Avoid nested padding squeezing the illustrated steps on small phones. */
@media(max-width:600px){
 .ag-hero.ag-hero-illustrated{padding:0;background:transparent;border:0;gap:20px}
 .ag-hero-illustrated>div{padding:24px 20px;background:#eaf2f3;border:1px solid #d6e5e7;border-radius:20px}
 .ag-card>.agv{margin-left:-12px;margin-right:-12px}
 .ag-timeline>li>div>.agv{margin-left:-10px;margin-right:-10px}
}
@media(max-width:380px){.ag-portal .ag-hero h1{font-size:28px}}