@font-face{font-family:Noto Serif JP;font-style:normal;font-weight:500;font-display:swap;src:url(/guide/guide-display-jp.ttf)format("truetype")}.seo-main{max-width:64rem;padding-block:2rem 5rem}.seo-article{max-width:44rem}.seo-article h1{font-size:clamp(2rem,4vw,3.25rem)}.seo-article h2{margin:3rem 0 1rem;font-size:clamp(1.5rem,3vw,2rem)}.seo-article h3{margin:2rem 0 .7rem;font-size:1.2rem}.seo-article p,.seo-article li{line-height:1.9}.seo-article a{color:#ffe1a6;text-underline-offset:.3em}.seo-breadcrumb ol{color:#c0c9ce;flex-wrap:wrap;gap:.4rem;margin:0 0 1.5rem;padding:0;font-size:.75rem;list-style:none;display:flex}.seo-breadcrumb li+li:before{content:"›";color:#e3bd83;margin-right:.4rem}.seo-breadcrumb a{text-underline-offset:.25em}.seo-play-cta{background:#1b2940;border:1px solid #b8956d;border-radius:.6rem;max-width:46rem;margin:3rem auto;padding:2rem}.seo-play-cta h2{font-size:1.5rem}.seo-related{border-top:1px solid #ffffff30;max-width:44rem;padding-top:2rem}.guide-page{--guide-bg:#041724;--guide-gold:#f3b85f;--guide-text:#d7dce0;--guide-line:#81909c50;--guide-display:"Noto Serif JP", "Yu Mincho", "Hiragino Mincho ProN", serif;background:var(--guide-bg);color:#f3f3f0;font-family:var(--guide-display)}.guide-page .page-width:not(.site-header__inner){width:min(90%,80rem)}.guide-page .site-footer{background:#061521}.seo-main--hub{max-width:none;padding:0}.seo-main--hub .seo-article{max-width:none}.guide-page h1,.guide-page h2,.guide-page h3{font-family:var(--guide-display);font-weight:500}.guide-page .seo-article h2{letter-spacing:.075em;text-wrap:balance;margin:.7rem 0 1rem;font-size:clamp(1.65rem,2.7vw,2.6rem);line-height:1.6}.guide-page .seo-article h3{letter-spacing:.06em;text-wrap:balance;margin:0 0 1rem;font-size:clamp(1.3rem,2.1vw,2rem);line-height:1.65}.guide-page .seo-article p{color:var(--guide-text);letter-spacing:.045em;font-size:1rem;line-height:1.95}.guide-section-heading{text-align:center;margin:0 auto 2rem}.guide-section-heading>p:last-child{margin:0}.guide-page .seo-article .guide-section-kicker,.guide-page .guide-section-kicker{color:var(--guide-gold);letter-spacing:.2em;margin:0 0 .9rem;font:500 1rem/1.6 Georgia,serif}.guide-kicker-slash{font-family:Arial,sans-serif}.guide-page .button{min-height:3.6rem;font-family:var(--guide-display);letter-spacing:.04em;white-space:normal;text-align:center;border-radius:3px;gap:1.5rem;padding:.8rem 1.7rem;font-size:1rem}.guide-page .button--primary{color:var(--guide-gold);border:1px solid var(--guide-gold);background:#071b27c4;box-shadow:inset 0 0 18px #f9b8570d,0 0 15px #e5a54c13}.guide-page .button--primary:hover{color:#ffda98;background:#30403e;border-color:#ffda98}.guide-page a:focus-visible:not(.site-header a),.guide-page summary:focus-visible:not(.site-header summary){outline-offset:5px;outline:2px solid #ffe1a6}.guide-phrase{max-width:100%;display:inline-block}.guide-hero{isolation:isolate;min-height:clamp(42rem,53.4vw,53rem);position:relative}.guide-hero-visual{z-index:-2;margin:0;position:absolute;inset:0}.guide-hero-visual picture,.guide-hero-visual img{width:100%;height:100%;display:block}.guide-hero-visual img{object-fit:cover;object-position:center}.guide-hero__inner{padding-block:1.1rem 3rem}.guide-hero .seo-breadcrumb{margin-bottom:1.5rem}.guide-hero .seo-breadcrumb ol{color:#bac7cf;margin:0;font:.7rem/1.5 system-ui,sans-serif}.guide-hero__copy{width:42%;max-width:34rem;margin-left:2.4%}.guide-page .guide-hero h1{text-wrap:balance;letter-spacing:.14em;margin:.8rem 0 1rem;font-size:clamp(2.9rem,4.2vw,4rem);line-height:1.4}.guide-hero h1 span{display:block}.guide-page .seo-article .guide-hero-subtitle{color:#fff;letter-spacing:.08em;margin:0 0 1.7rem;font-size:clamp(1.2rem,1.85vw,1.8rem);line-height:1.5}.guide-page .guide-lead{margin:0 0 1rem;font-size:.94rem}.guide-page .seo-article .guide-intro-copy{max-width:30rem;margin:0 0 1rem;font-size:.94rem}.guide-page .seo-article .guide-hero-note{margin:1.2rem 0 1.5rem;font-size:.94rem}.guide-intro-link{margin:0 0 1.5rem}.guide-page .seo-article .guide-intro-kicker,.guide-page .seo-play-cta .guide-intro-kicker{color:#b8c8d6;letter-spacing:.24em;font:.75rem/1.8 Georgia,serif}.guide-points,.guide-keep-going{isolation:isolate;border-block:1px solid var(--guide-line);background:#071b29;padding-block:2.8rem 3.2rem;position:relative;overflow:hidden}.guide-point-decoration{z-index:-1;object-fit:cover;opacity:.09;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.guide-point-list{grid-template-columns:repeat(3,minmax(0,1fr));margin:3rem 0 0;padding:0;list-style:none;display:grid}.guide-point-list>li{min-width:0;padding-inline:clamp(1rem,1.8vw,1.6rem)}.guide-point-list>li+li{border-left:1px solid var(--guide-line)}.guide-point-icon{object-fit:contain;width:5.3rem;height:5.3rem;margin:-.8rem auto .9rem;display:block}.guide-page .guide-point-list h3{text-align:center;letter-spacing:.02em;font-size:clamp(1.15rem,1.7vw,1.5rem)}.guide-point-list h3 span{color:var(--guide-gold);letter-spacing:.08em;margin-bottom:.1rem;font:1.8rem/1.5 Georgia,serif;display:block}.guide-point-list p{margin:0}.guide-point-list p:before,.guide-step-copy>h3:after{content:"";background:var(--guide-gold);width:1.5rem;height:1px;margin-block:1rem;display:block}.guide-beginner{padding-block:2.5rem 1.8rem}.guide-step-list{margin:0;padding:0;list-style:none}.guide-practice>.guide-step-list{margin-inline:auto}.guide-step{grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);align-items:center;gap:clamp(2rem,5vw,4.5rem);padding-block:2.3rem;scroll-margin-top:1.5rem;display:grid}.guide-step-copy{min-width:0}.guide-step-visual{min-width:0;margin:0}.guide-step-visual img,.guide-step-visual picture{width:100%;height:auto;display:block}.guide-step-visual img{object-fit:contain}.guide-page .seo-article .guide-step-label{color:var(--guide-gold);letter-spacing:.15em;text-transform:uppercase;margin:0 0 .8rem;font:1.2rem/1.4 Georgia,serif}.guide-step-label>span:first-child{vertical-align:middle;background:var(--guide-gold);width:2.3rem;height:1px;margin-right:.6rem;font-size:0;display:inline-block}.guide-step-label>span:last-child{letter-spacing:.05em;font-size:2rem}.guide-step-copy>p{margin:0}.guide-page .guide-step-copy>h3{font-size:clamp(1.6rem,2.8vw,2.5rem);line-height:1.5}.guide-home-visual>img{width:100%}.guide-beginner .guide-step-copy h3 span{display:block}.guide-beginner .guide-step{padding-top:1rem}.guide-home-tips{border:1px solid var(--guide-line);background:#05131e80;border-radius:.5rem;margin-top:.6rem;padding:.8rem 1.2rem 1rem}.guide-page .guide-home-tips>p{color:var(--guide-gold);margin:0 0 .9rem;font-size:.9rem}.guide-home-tips ol{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin:0;padding:0;list-style:none;display:grid}.guide-home-tips li{min-width:0;padding-left:2rem;font-size:.8rem;line-height:1.8;position:relative}.guide-home-tips li+li{border-left:1px solid var(--guide-line);padding-left:2.5rem}.guide-home-tips li span{color:var(--guide-gold);font:1.3rem/1.5 Georgia,serif;position:absolute;left:.4rem}.guide-practice-heading{border-block:1px solid var(--guide-line);background:linear-gradient(90deg,#041724eb,#041724b0),url(/guide/renewal/rain-detail.webp) 50% 30%/cover;margin:0;padding:3.5rem 5%}.guide-practice .guide-step+.guide-step{border-top:1px solid #d1aa6b66}.guide-practice .guide-step:nth-child(2n){grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}.guide-practice .guide-step:nth-child(2n) .guide-step-visual{grid-area:1/1}.guide-practice .guide-step:nth-child(2n) .guide-step-copy{grid-area:1/2}.guide-step-advice{border-top:1px solid #e3b45b77;margin-top:1.5rem;padding-top:.8rem}.guide-page .guide-step-advice>p{color:var(--guide-gold);letter-spacing:.12em;margin:0 0 .4rem}.guide-step-advice ul{margin:0;padding-left:1.3rem;list-style:square}.guide-step-advice li{padding-left:.3rem;font-size:.95rem;line-height:1.85}.guide-step-advice li::marker{color:var(--guide-gold)}.guide-purpose{border-top:1px solid var(--guide-line);background:linear-gradient(#041724ed,#041724f5),url(/guide/renewal/rain-detail.webp) 0/cover;padding-block:3rem 2rem}.guide-purpose-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem;margin:0;padding:0;list-style:none;display:grid}.guide-purpose-card{background:#03142080;border:1px solid #c2ab8270;border-radius:.7rem;flex-direction:column;min-width:0;padding:1.25rem;display:flex}.guide-purpose-image{aspect-ratio:1672/941;object-fit:cover;border-radius:.3rem;width:100%;height:auto}.guide-purpose-card__body{flex-direction:column;flex:1;padding:1.1rem .5rem .3rem;display:flex;position:relative}.guide-page .seo-article .guide-card-number{color:var(--guide-gold);margin:0 0 .35rem;font:1.9rem/1.4 Georgia,serif}.guide-card-number span{margin-left:.5rem}.guide-lower-icon{object-fit:contain;width:3.7rem;height:3.7rem;position:absolute;top:1.5rem;right:.5rem}.guide-page .guide-purpose-card h3{margin:0 0 1rem;padding-right:3rem;font-size:clamp(1.2rem,2vw,1.85rem);line-height:1.5}.guide-purpose-card__body>p:not(.guide-card-number){margin:0 0 1.5rem}.guide-purpose-card .button{width:100%;margin-top:auto}.guide-reference{border-top:1px solid var(--guide-line);color:var(--guide-text);margin-top:1.8rem}.guide-reference summary{cursor:pointer;padding:1.2rem .2rem;font-size:.9rem}.guide-page .guide-knowledge{width:100%}.guide-knowledge>section{padding-block:1.5rem}.guide-knowledge>section+section{border-top:1px solid var(--guide-line)}.guide-knowledge .guide-section-heading{text-align:left;margin-bottom:1.5rem}.guide-page .guide-knowledge h2,.guide-page .guide-practice-link h2{font-size:1.5rem}.guide-path-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;padding:0;list-style:none;display:grid}.guide-path{gap:1rem;display:flex}.guide-path-copy{min-width:0}.guide-path-number{color:var(--guide-gold);font-size:1.5rem}.guide-page .guide-path h3{font-size:1.1rem}.guide-page .guide-path-purpose,.guide-path-status{color:var(--guide-gold);font-size:.85rem}.guide-first-steps>*,.guide-practice-link>*{max-width:46rem}.guide-practice-link{border-top:1px solid var(--guide-line);padding-block:1.5rem}.guide-practice-link>p:last-child{margin-bottom:0}.guide-practice-link a{text-decoration-line:underline}.guide-first-steps li{margin-bottom:1rem;line-height:1.9}.guide-keep-going{background-image:linear-gradient(#041724ed,#041724eb),url(/guide/renewal/rain-detail.webp);background-position:50%;background-size:cover}.guide-keep-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin:0;padding:0 1rem;list-style:none;display:grid}.guide-keep-list>li{align-items:flex-start;gap:1.5rem;min-width:0;display:flex}.guide-keep-list>li+li{border-left:1px solid var(--guide-line);padding-left:2rem}.guide-keep-list img{object-fit:contain;flex:none;width:4.4rem;height:4.4rem}.guide-page .guide-keep-list h3{letter-spacing:.03em;margin:0 0 .5rem;font-size:1.25rem}.guide-page .guide-keep-list p{margin:0;font-size:.95rem}.guide-page .seo-play-cta{isolation:isolate;background:#041724;border:0;border-radius:0;width:100%;max-width:none;min-height:clamp(32rem,38vw,40rem);margin:0;padding:3.5rem max(6.8%,50% - 40rem);position:relative}.guide-page .seo-play-cta__visual{z-index:-2;margin:0;position:absolute;inset:0}.guide-page .seo-play-cta__visual picture,.guide-page .seo-play-cta__visual img{width:100%;height:100%;display:block}.guide-page .seo-play-cta__visual img{object-fit:cover;object-position:center}.guide-page .seo-play-cta__copy{width:43%;max-width:34rem}.guide-page .guide-final-title{color:#fff;letter-spacing:.07em;margin:.8rem 0 1.2rem;font-size:clamp(1.8rem,2.9vw,2.7rem);line-height:1.6}.guide-page .seo-play-cta h2{font-size:1rem;line-height:1.8}.guide-page .seo-play-cta__copy>p:not(.guide-final-title,.guide-section-kicker,.guide-intro-kicker){color:var(--guide-text);font-size:.95rem;line-height:1.9}.guide-page .seo-play-cta__copy>a{margin-top:1rem}.guide-page .seo-play-cta__copy>a+p{font-size:.8rem!important}.guide-page .seo-play-cta .guide-intro-kicker{margin-top:1.8rem}@media (width>=1600px){.guide-hero__copy{margin-left:0}}@media (width<=1100px){.guide-hero{min-height:43rem}.guide-hero__copy{width:49%;margin-left:0}.guide-hero-visual img{object-position:59% center}.guide-hero:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#041724a6,#0000 75%);position:absolute;inset:0}.guide-point-list>li{padding-inline:1.25rem}.guide-step{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:2rem}.guide-home-tips ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.guide-home-tips li:nth-child(3){border-left:0;padding-left:2rem}.guide-purpose-list{gap:1rem}.guide-purpose-card{padding:.8rem}.guide-purpose-card__body{padding-inline:.2rem}.guide-lower-icon{width:2.9rem;height:2.9rem}.guide-page .guide-purpose-card h3{padding-right:0;font-size:1.3rem}.guide-keep-list{gap:1rem;padding:0}.guide-keep-list>li{gap:1rem}.guide-keep-list>li+li{padding-left:1rem}.guide-keep-list img{width:3rem;height:3rem}.guide-page .seo-play-cta__copy{width:50%}}@media (width<=800px){.guide-page .page-width:not(.site-header__inner){width:calc(100% - 40px)}.guide-hero{flex-direction:column;min-height:0;display:flex}.guide-hero:after{display:none}.guide-hero__inner{padding-block:1rem 2rem}.guide-hero__copy{width:100%;max-width:none;padding:.5rem 0}.guide-page .guide-hero h1{letter-spacing:.08em;font-size:clamp(2.3rem,6.8vw,3.5rem)}.guide-hero h1 span{display:block}.guide-hero-visual{z-index:0;order:2;position:relative;inset:auto}.guide-hero-visual img{aspect-ratio:1;object-fit:cover;object-position:center 37%;height:auto}.guide-page .seo-article .guide-hero-subtitle{font-size:clamp(1.2rem,3.5vw,1.7rem)}.guide-page .guide-lead,.guide-page .seo-article .guide-intro-copy{max-width:40rem;font-size:1rem}.guide-hero .seo-breadcrumb{margin-bottom:1.5rem}.guide-points,.guide-beginner,.guide-purpose,.guide-keep-going{padding-block:3rem}.guide-point-list{grid-template-columns:1fr;gap:2rem}.guide-point-list>li{padding:0}.guide-point-list>li+li{border-left:0;border-top:1px solid var(--guide-line);padding-top:2rem}.guide-point-icon{width:4rem;height:4rem;margin-top:0}.guide-page .guide-point-list h3{font-size:1.3rem}.guide-point-list h3 span{margin-right:.5rem;font-size:1.5rem;display:inline}.guide-step,.guide-practice .guide-step:nth-child(2n){flex-direction:column;align-items:stretch;gap:1.5rem;padding-block:2.5rem;display:flex}.guide-step-visual{width:100%}.guide-page .guide-step-copy>h3{font-size:clamp(1.5rem,4.5vw,2rem)}.guide-step-copy>h3:after{margin-block:.9rem}.guide-home-tips{padding-inline:.8rem}.guide-home-tips li{font-size:.85rem}.guide-practice-heading{padding-block:3rem}.guide-practice-heading br,.guide-purpose .guide-section-heading br,.guide-keep-going .guide-section-heading br{display:none}.guide-purpose-list,.guide-keep-list{grid-template-columns:1fr;gap:1.5rem}.guide-purpose-card{padding:1.2rem}.guide-purpose-card__body{padding:1.2rem .3rem .3rem}.guide-page .guide-purpose-card h3{padding-right:3.6rem;font-size:1.6rem}.guide-lower-icon{width:3.5rem;height:3.5rem}.guide-keep-list>li{gap:1.5rem;padding:.5rem 0}.guide-keep-list>li+li{border-left:0;border-top:1px solid var(--guide-line);padding:1.5rem 0 0}.guide-keep-list img{width:4rem;height:4rem}.guide-page .guide-keep-list h3{font-size:1.2rem}.guide-page .guide-keep-list p{font-size:1rem}.guide-path-list{grid-template-columns:1fr}.guide-page .seo-play-cta{flex-direction:column;min-height:0;padding:0;display:flex}.guide-page .seo-play-cta__copy{width:100%;max-width:none;padding:3rem 20px 2rem}.guide-page .seo-play-cta__visual{z-index:0;position:relative;inset:auto}.guide-page .seo-play-cta__visual img{aspect-ratio:1.35;object-position:78% center;height:auto}.guide-page .guide-final-title{font-size:clamp(1.65rem,5vw,2.3rem)}.guide-page .seo-play-cta__copy>a,.guide-intro-link .button{width:100%;max-width:28rem}}@media (width<=420px){.guide-page .seo-article h2{font-size:1.55rem}.guide-page .guide-hero h1{font-size:2.15rem}}@media (prefers-reduced-motion:reduce){.guide-page *,.guide-page :before,.guide-page :after{transition:none!important;animation:none!important}}@media (width>=1101px){.guide-page .seo-article p{font-size:clamp(1rem,1.4vw,1.125rem);line-height:1.85}.guide-page .seo-article h2{font-size:clamp(1.8rem,2.9vw,2.8rem)}.guide-page .guide-point-list h3{font-size:clamp(1.2rem,1.75vw,1.5rem)}.guide-step-visual:not(.guide-home-visual) img{aspect-ratio:1.65;object-fit:cover}.guide-home-tips li{font-size:.9rem}.guide-page .guide-step-copy>h3{text-wrap:pretty}.guide-practice .guide-step:nth-child(2n) .guide-step-copy{max-width:27rem}.guide-page .guide-purpose-card h3{font-size:clamp(1.4rem,2.2vw,2rem)}}
