@charset "UTF-8";
:root { --navy:#082541;--deep:#051c31;--blue:#0b659f;--cyan:#18afc7;--orange:#ed9e40;--ink:#112f48;--sub:#526a7c;--paper:#f0f5f7;--line:#dde8ee; }
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#eaf0f4;color:var(--ink);font-family:"Noto Sans CJK JP","Noto Sans JP","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}button{font-family:inherit;cursor:pointer}img{max-width:100%}
.topbar{background:var(--deep);color:#f1f7fa;min-height:64px;padding:14px max(4%,calc((100vw - 1020px)/2));display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.topbrand{font-size:12px;font-weight:800;letter-spacing:.11em}.topbrand span{display:block;letter-spacing:.02em;font-size:10px;color:#b3c8d5;font-weight:400}.toolbar{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.toolbar a,.toolbar button{background:transparent;border:1px solid #657a8d;color:white;font-size:12px;text-decoration:none;padding:9px 12px;border-radius:3px}.toolbar a.primary{background:var(--orange);color:#0b2941;border-color:var(--orange);font-weight:800}
.reader{max-width:940px;margin:23px auto 45px;padding:0 18px}.reader-status{text-align:center;color:var(--sub);font-size:12px;margin-bottom:16px;letter-spacing:.06em}.paper-frame{padding:14px;background:#dce5eb;border:1px solid #cad7df;box-shadow:0 12px 55px #12304e16}.sheet{background:#fff;position:relative;overflow:hidden;width:100%;aspect-ratio:210 / 297;box-shadow:0 8px 25px #132e4618;display:none;isolation:isolate}.sheet.is-active{display:block;animation:fade .25s ease}@keyframes fade{from{opacity:.65;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
.p1{background:var(--deep);color:white;padding:8.2% 8% 7%;display:flex;flex-direction:column}.p1:after{position:absolute;content:'';width:60%;height:43%;border-radius:50%;right:-28%;top:12%;border:52px solid rgba(46,171,201,.13);transform:rotate(-24deg);z-index:-1}.p1:before{content:'';position:absolute;right:-14%;bottom:11%;width:85%;height:25%;background:linear-gradient(115deg,transparent 12%,rgba(42,141,178,.20) 12% 16%,transparent 16% 27%,rgba(245,162,66,.10) 27% 29%,transparent 29%);transform:rotate(-9deg);z-index:-1}
.cover-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.cover-logo{width:37%;background:rgba(255,255,255,.98);border-radius:4px;padding:9px 10px}.cover-logo img{width:100%;display:block}.cover-number{font-size:10px;letter-spacing:.28em;color:#b2d3e2;text-align:right}.cover-divider{margin:8% 0 16%;height:4px;width:110px;background:linear-gradient(90deg,var(--orange) 0 44%,var(--cyan) 44%)}.cover-cat{font-size:11px;letter-spacing:.24em;color:#7bd0e5;font-weight:800}.cover-title{margin:5% 0 5%;font-size:clamp(30px,4.5vw,54px);line-height:1.4;letter-spacing:-.05em;max-width:90%;font-weight:900}.cover-line{font-family:"Noto Serif CJK JP",serif;font-size:clamp(18px,2.55vw,31px);font-weight:700;line-height:1.52;max-width:94%;margin:0 0 4%}.cover-description{font-size:clamp(12px,1.58vw,16px);line-height:1.85;color:#d4e5ef;max-width:88%;margin:0}.cover-spacer{flex:1;min-height:25px}.cover-bottom{border-top:1px solid #456177;padding-top:21px;display:flex;align-items:flex-end;justify-content:space-between;gap:22px}.cover-pill{font-size:11px;color:#fff;border:1px solid #7894a7;padding:7px 11px}.cover-value{font-size:13px;font-weight:700;text-align:right}.cover-value em{color:var(--orange);font-style:normal}
.p2,.p3{padding:6.5% 7.4% 5%;display:flex;flex-direction:column}.page-band{height:9px;background:linear-gradient(90deg,var(--navy) 0 68%,var(--blue) 68% 89%,var(--orange) 89% 100%);position:absolute;top:0;left:0;right:0}.page-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:2.6%;gap:10px}.page-top .brand{font-size:11px;font-weight:900;letter-spacing:.08em}.page-top .kind{font-size:9px;letter-spacing:.13em;color:#687e8d}.page-kicker{font-size:10px;letter-spacing:.23em;color:var(--blue);font-weight:900;margin:4.8% 0 1%}.page-title{font-size:clamp(23px,3.2vw,35px);line-height:1.38;margin:0 0 2.4%;letter-spacing:-.04em}.page-intro{font-size:12px;color:var(--sub);line-height:1.75;margin:0 0 4%}.boxhead{display:flex;align-items:center;gap:12px;margin:0 0 2.5%;font-size:16px;font-weight:900}.boxhead:before{content:'';width:5px;height:19px;background:var(--orange)}
.issues{display:grid;gap:2.2%;margin-bottom:4.4%}.issue{display:grid;grid-template-columns:40% 60%;min-height:66px;background:linear-gradient(90deg,#edf4f8 0 40%,#f8fbfc 40% 100%);border:1px solid #e0eaef}.issue .q{padding:13px 13px 12px 17px;font-size:12px;font-weight:800;line-height:1.5}.issue .a{padding:13px 15px;font-size:12px;line-height:1.6}.issue .a:before{content:'→';color:var(--blue);margin-right:8px;font-weight:900}
.steps{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:4%}.step{position:relative;padding:17px 13px 16px;border-top:3px solid var(--blue);background:#f2f7fa;min-height:155px}.step small{color:#6892a9;font-weight:900;font-size:13px;letter-spacing:.06em}.step strong{display:block;margin:12px 0 8px;font-size:13px}.step p{font-size:11px;line-height:1.7;margin:0;color:#496276}
.page-foot{margin-top:auto;padding-top:12px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#677f8e;font-size:9px;letter-spacing:.04em}
.fee-grid{display:block;border-top:2px solid var(--navy);margin-top:2%}.fee-row{display:grid;grid-template-columns:31% 43% 26%;border-bottom:1px solid #dce7ed;font-size:11px;line-height:1.45;min-height:55px;align-items:center}.fee-row>*{padding:11px 8px}.fee-row .name{font-weight:800}.fee-row .conditions{color:#506a7b}.fee-row .price{font-size:12px;text-align:right;font-weight:900;color:#0b527e;word-break:keep-all}.fee-row.header{background:#e9f1f5;min-height:33px;color:#597789;font-size:10px;font-weight:700}.fee-row.header>*{padding:7px 8px}.fee-row.header .price{font-size:10px;color:#597789}
.notes{padding:16px 18px;margin-top:4%;background:#f3f8fa;border-left:3px solid var(--orange)}.notes h3{font-size:13px;margin:0 0 9px}.notes ul{padding-left:17px;margin:0}.notes li{font-size:11px;line-height:1.64;margin-bottom:5px;color:#425a69}.notes li:last-child{margin:0}
.cta{margin-top:auto;background:var(--deep);color:white;padding:19px 19px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px}.cta .eyebrow{font-size:9px;letter-spacing:.18em;color:#86d8e6;font-weight:900}.cta h3{font-size:17px;margin:8px 0;line-height:1.4}.cta p{font-size:11px;color:#d7e5ef;line-height:1.7;margin:0}.cta img{width:88px;height:88px;padding:5px;background:#fff;object-fit:contain}.noprint-only{display:block}.paper-frame > .sheet:not(.is-active){display:none}
.navfoot{display:flex;justify-content:center;align-items:center;gap:20px;padding:20px 0 3px}.navfoot button{min-width:125px;border-radius:4px;border:1px solid #0f557f;background:#fff;color:#123c5e;padding:13px;font-weight:700}.navfoot button:disabled{opacity:.3;cursor:default}.page-count{font-weight:800;color:#4d6b80;font-size:13px}.disclaimer{font-size:11px;color:#586f80;text-align:center;line-height:1.7;margin-top:12px}
@media(max-width:700px){.topbar{padding:12px 14px}.topbrand{font-size:11px}.toolbar a,.toolbar button{font-size:11px;padding:8px 10px}.reader{margin:12px auto 20px;padding:0 8px}.paper-frame{padding:3px}.sheet{aspect-ratio:auto;min-height:590px}.p1{padding:33px 27px 28px;min-height:610px}.cover-logo{width:45%}.cover-divider{margin:38px 0 58px}.cover-title{font-size:clamp(26px,7.3vw,35px);max-width:100%}.cover-line{font-size:clamp(19px,5vw,26px)}.cover-description{font-size:12px;max-width:96%}.cover-bottom{gap:7px}.cover-value{font-size:11px}.cover-pill{font-size:10px}.p2,.p3{padding:27px 22px 24px;min-height:660px}.page-title{font-size:25px}.page-intro{font-size:11px}.issues{gap:8px}.issue{grid-template-columns:1fr}.issue .q{padding:11px 12px 6px;font-size:12px}.issue .a{padding:5px 12px 12px;font-size:12px}.steps{grid-template-columns:1fr;gap:7px}.step{min-height:0;display:grid;grid-template-columns:38px 1fr;gap:0 7px;padding:11px}.step small{grid-row:span 2}.step strong{margin:0 0 4px}.step p{grid-column:2}.fee-row{grid-template-columns:36% 35% 29%;font-size:10px;min-height:55px}.fee-row>*{padding:9px 5px}.fee-row .price{font-size:11px}.notes{padding:13px;margin:17px 0}.notes li{font-size:10px}.cta{padding:14px;margin-top:12px}.cta h3{font-size:14px}.cta p{font-size:10px}.cta img{width:68px;height:68px}.navfoot{gap:8px}.navfoot button{min-width:90px;padding:11px}.page-count{font-size:11px}}
@media print{ @page{size:A4 portrait;margin:0} html,body{margin:0!important;padding:0!important;background:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.topbar,.reader-status,.navfoot,.disclaimer{display:none!important}.reader{max-width:none;margin:0;padding:0}.paper-frame{background:none;border:none;box-shadow:none;padding:0}.sheet,.sheet.is-active{display:flex!important;flex-direction:column;visibility:visible!important;opacity:1!important;transform:none!important;animation:none!important;width:210mm;height:297mm;min-height:297mm;max-height:297mm;break-after:page;page-break-after:always;box-shadow:none;margin:0}.sheet:last-child{break-after:auto;page-break-after:auto}.p1{padding:16mm 15mm 14mm}.p2,.p3{padding:15mm 15.5mm 11mm}.cover-title{font-size:33pt}.cover-line{font-size:23pt}.cover-description{font-size:11pt}.page-title{font-size:25pt}.page-kicker{font-size:8pt}.page-intro{font-size:10pt}.issue .q,.issue .a{font-size:10pt}.issue{min-height:18mm}.step{min-height:35mm}.step strong{font-size:10pt}.step p{font-size:9pt}.fee-row{font-size:8.5pt;min-height:12.8mm}.fee-row .price{font-size:9pt}.notes li{font-size:8.5pt}.cta{padding:16px}.page-foot{font-size:7pt}.sheet.p1{display:flex!important}}

/* ---------------------------------------------------------------
   Version 2 typography + cover editorial layout  (2026-11-07)
   Scope: 17 standalone service guides ONLY. Original service copy,
   price tables, website metadata and site-wide styles are preserved.
   --------------------------------------------------------------- */
.sheet { line-break:strict; word-break:normal; overflow-wrap:break-word; }
.cover-main{ flex:1; display:flex; flex-direction:column; min-height:0; }
.p1{ background:#061f36; }
.p1:after{ right:-27%; top:10%; width:57%; height:43%; border-width:34px; opacity:.68; }
.p1:before{ bottom:5%; right:-7%; opacity:.36; }
.cover-divider{ margin:6.8% 0 10%; width:102px; }
.cover-cat{ font-size:10px; letter-spacing:.24em; line-height:1.65; }
.cover-title{ font-size:clamp(29px,4.3vw,52px); max-width:97%; line-height:1.35; margin:3.6% 0 4.1%; text-wrap:balance; overflow-wrap:anywhere; }
.cover-line{ font-size:clamp(18px,2.45vw,30px); line-height:1.5; max-width:94%; margin:0 0 3.8%; text-wrap:balance; }
.cover-description{ font-size:clamp(13px,1.55vw,16px); line-height:1.95; max-width:90%; text-wrap:balance; hanging-punctuation:allow-end; }
.cover-focus{ margin-top:auto; padding:0 0 18px; width:100%; position:relative; z-index:1; }
.cover-focus-title{ display:flex; align-items:baseline; justify-content:space-between; padding-bottom:13px; gap:12px; border-bottom:1px solid rgba(174,217,234,.40); }
.cover-focus-eyebrow{ color:#92cbdc; font-size:10px; letter-spacing:.23em; font-weight:800; }
.cover-focus-title strong{ font-size:15px; font-weight:750; letter-spacing:.04em; }
.cover-focus-list{ list-style:none; padding:0; margin:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; }
.cover-focus-list li{ display:flex; align-items:flex-start; gap:12px; padding:17px 13px 15px 0; line-height:1.65; min-height:94px; }
.cover-focus-list li+li{ padding-left:17px; border-left:1px solid rgba(174,217,234,.25); }
.cover-focus-num{ color:#f5b55f; font-weight:900; font-size:11px; padding-top:2px; letter-spacing:.1em; }
.cover-focus-text{ color:#e4f2f8; font-size:13px; text-wrap:pretty; }
.cover-bottom{ gap:16px; padding-top:17px; }
.cover-pill{ white-space:nowrap; }
.cover-value{ white-space:nowrap; }
.p2 .page-intro,.p3 .page-intro{ text-wrap:pretty; max-width:96%; }
.issue .q,.issue .a,.step p,.notes li,.fee-row>div{ line-break:strict; overflow-wrap:break-word; text-wrap:pretty; }
.page-title,.boxhead,.cta h3{ text-wrap:balance; }
@media(max-width:700px){
  .p1{ padding:30px 22px 26px; min-height:730px; }
  .cover-logo{ width:43%; padding:6px; }
  .cover-number{ font-size:8px; letter-spacing:.19em; }
  .cover-divider{ margin:34px 0 49px; }
  .cover-cat{ font-size:9px; letter-spacing:.12em; }
  .cover-title{ font-size:clamp(24px,6.5vw,33px); margin:18px 0 24px; max-width:100%; }
  .cover-line{ font-size:clamp(17px,4.35vw,23px); max-width:100%; margin-bottom:17px; }
  .cover-description{ font-size:12px; max-width:100%; line-height:1.92; text-wrap:balance; }
  .cover-focus{ padding-bottom:12px; margin-top:38px; }
  .cover-focus-title{ padding-bottom:10px; }
  .cover-focus-title strong{ font-size:13px; }
  .cover-focus-eyebrow{ font-size:8px; letter-spacing:.1em; }
  .cover-focus-list{ display:block; }
  .cover-focus-list li,.cover-focus-list li+li{ min-height:0; border-left:none; border-bottom:1px solid rgba(174,217,234,.18); padding:9px 0; gap:12px; }
  .cover-focus-text{ font-size:11px; }
  .cover-bottom{ align-items:center; padding-top:15px; }
  .cover-pill{ font-size:8px; padding:6px; }
  .cover-value{ font-size:9px; line-height:1.55; }
}
@media print{
  .p1{ padding:15mm 15mm 12mm; }
  .cover-divider{ margin:8% 0 12%; }
  .cover-title{ font-size:32pt; }
  .cover-line{ font-size:21pt; }
  .cover-description{ font-size:11.5pt; line-height:1.9; max-width:95%; }
  .cover-focus{ padding-bottom:15px; }
  .cover-focus-title strong{ font-size:11pt; }
  .cover-focus-text{ font-size:10pt; }
  .cover-focus-list li{ min-height:28mm; }
  .cover-bottom{ padding-top:14px; }
}

/* Cover proof 2: balanced editorial information hierarchy */
.cover-focus{ width:100%; margin-top:70px; padding-bottom:0; }
.cover-focus-title{ justify-content:flex-start; gap:22px; padding-bottom:10px; border-bottom:1px solid rgba(153,199,219,.46); }
.cover-focus-title strong{ font-size:14px; }
.cover-focus-list{ display:block; }
.cover-focus-list li,.cover-focus-list li+li{ min-height:0; border-left:0; border-bottom:1px solid rgba(153,199,219,.16); padding:9px 2px; align-items:center; }
.cover-focus-num{ width:36px; flex:none; font-size:11px; }
.cover-focus-text{ font-size:13px; }
.cover-flow{ padding:22px 0 5px; }
.cover-flow-head{ display:flex; align-items:baseline; gap:22px; margin-bottom:14px; }
.cover-flow-head>span{ font-size:10px; color:#91c9d8; letter-spacing:.17em; font-weight:800; }
.cover-flow-head strong{ font-size:14px; }
.cover-flow-steps{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.cover-flow-step{ display:flex; align-items:center; gap:11px; padding:11px 13px; border-top:2px solid rgba(33,180,206,.67); background:rgba(21,78,115,.56); min-width:0; }
.cover-flow-step b{ font-size:11px; color:#f3ac50; }
.cover-flow-step span{ font-size:12px; text-wrap:pretty; }
.cover-bottom{ margin-top:auto; }
@media(max-width:700px){
 .cover-focus{ margin-top:33px; }
 .cover-focus-title{ gap:12px; }
 .cover-focus-title strong{ font-size:12px; }
 .cover-focus-list li,.cover-focus-list li+li{ padding:8px 0; }
 .cover-focus-text{ font-size:11px; }
 .cover-flow{ padding:17px 0 15px; }
 .cover-flow-head{ gap:10px; margin-bottom:9px; }
 .cover-flow-head>span{ font-size:8px; letter-spacing:.04em; }
 .cover-flow-head strong{ font-size:11px; }
 .cover-flow-steps{ gap:5px; }
 .cover-flow-step{ gap:4px; padding:7px 5px; display:block; }
 .cover-flow-step b{ display:block; margin-bottom:3px; font-size:9px; }
 .cover-flow-step span{ display:block; font-size:10px; }
}
@media print{
 .cover-focus{ margin-top:14mm; }
 .cover-focus-title strong{font-size:10.5pt;}
 .cover-focus-list li,.cover-focus-list li+li{ padding:8px 2px; min-height:0; }
 .cover-focus-text{ font-size:10pt; }
 .cover-flow{ padding:20px 0 3px; }
 .cover-flow-head strong{font-size:10.5pt;}
 .cover-flow-step{ padding:10px 11px; }
 .cover-flow-step span{font-size:9pt;}
}

/* Proof 3: avoid single-character breaks in narrow process cards and use negative space intentionally */
.cover-promise{ margin:38px 2px 0 auto; padding:2px 0 2px 18px; border-left:3px solid var(--orange); display:flex; flex-direction:column; gap:9px; width:max-content; max-width:85%; position:relative; z-index:2; }
.cover-promise span{ font-size:10px; font-weight:800; letter-spacing:.23em; color:#91cbdc; }
.cover-promise strong{ font-family:"Noto Serif CJK JP",serif; font-size:20px; line-height:1.45; letter-spacing:.045em; text-wrap:balance; }
.p2 .steps{ display:grid; grid-template-columns:1fr; gap:9px; margin:0 0 3%; }
.p2 .step{ min-height:70px; display:grid; grid-template-columns:45px 155px minmax(0,1fr); align-items:center; gap:10px; padding:13px 18px; }
.p2 .step small{ font-size:14px; grid-row:auto; }
.p2 .step strong{ font-size:14px; margin:0; }
.p2 .step p{ font-size:12px; line-height:1.75; grid-column:auto; text-wrap:pretty; }
@media(max-width:700px){
 .cover-promise{ margin:19px 0 20px auto; padding-left:10px; max-width:100%; }
 .cover-promise span{ font-size:8px; }
 .cover-promise strong{ font-size:15px; }
 .p2 .steps{ grid-template-columns:1fr; gap:8px; }
 .p2 .step{ min-height:0; grid-template-columns:32px minmax(0,1fr); padding:10px; gap:5px 10px; }
 .p2 .step small{ grid-row:span 2; font-size:12px; }
 .p2 .step strong{ margin:0; font-size:13px; }
 .p2 .step p{ grid-column:2; font-size:11px; }
}
@media print{
 .cover-promise{ margin-top:27px; }
 .cover-promise strong{ font-size:16pt; }
 .p2 .steps{ gap:8px; }
 .p2 .step{ min-height:18mm; grid-template-columns:38px 145px minmax(0,1fr); padding:12px 17px; }
 .p2 .step strong{ font-size:11pt; }
 .p2 .step p{ font-size:9pt; }
}

.no-break{white-space:nowrap;}
.p2 .issue{grid-template-columns:45% 55%;background:linear-gradient(90deg,#edf4f8 0 45%,#f8fbfc 45% 100%);}
.p2 .step{grid-template-columns:38px 225px minmax(0,1fr);gap:9px;}
.p2 .step strong{white-space:nowrap; font-size:13px;}
@media(max-width:700px){
 .p2 .issue{grid-template-columns:1fr; background:#f6fafb;}
 .p2 .step{grid-template-columns:32px minmax(0,1fr);}
 .p2 .step strong{white-space:normal;font-size:13px;}
}
@media print{
 .p2 .step{grid-template-columns:38px 225px minmax(0,1fr);}
 .p2 .step strong{font-size:10pt;}
}
/* Reader integrity: show exactly one page in HTML. Print still includes all three. */
@media screen {
  .reader .sheet:not(.is-active){display:none!important;}
  .reader .sheet.is-active{display:flex!important;flex-direction:column;}
  .reader .guide-pane[hidden]{display:none!important;}
}
/* 390px / narrow smartphone proof: no dangling brand character or fee-table orphans. */
@media screen and (max-width:700px) {
  .p2 .issue .a,.p2 .issue .q,.p2 .step p,.p3 .notes li {text-wrap:balance;}
  .page-top{flex-direction:column;align-items:flex-start;gap:4px;padding-bottom:12px;}
  .page-top .brand{font-size:10px;white-space:nowrap;letter-spacing:.01em;}
  .page-top .kind{font-size:9px;letter-spacing:.04em;}
  .fee-grid{border-top:2px solid var(--navy);margin-top:14px;}
  .fee-row.header{display:none;}
  .fee-row:not(.header){display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 14px;align-items:start;padding:13px 4px;border-bottom:1px solid var(--line);min-height:0;}
  .fee-row:not(.header) > *{padding:0;}
  .fee-row:not(.header) .name{grid-column:1 / -1;font-size:12px;line-height:1.55;text-wrap:balance;}
  .fee-row:not(.header) .conditions{grid-column:1;font-size:11px;line-height:1.6;text-wrap:pretty;}
  .fee-row:not(.header) .price{grid-column:2;font-size:13px;line-height:1.6;white-space:nowrap;}
  .page-foot{flex-direction:column;align-items:flex-start;gap:4px;font-size:9px;line-height:1.5;}
  .page-foot span:last-child{align-self:flex-end;white-space:normal;text-align:right;text-wrap:balance;}
}