@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:#08151c;--guide-gold:#efc27c;--guide-text:#cbd0d0;--guide-display:"Noto Serif JP", "Yu Mincho", "Hiragino Mincho ProN", serif;background:var(--guide-bg);color:#f1eee7;font-family:Yu Gothic,Hiragino Kaku Gothic ProN,system-ui,sans-serif}.guide-page .page-width{width:min(100% - clamp(32px,12vw,160px),80rem)}.guide-page .site-header{z-index:2;background:#06101466;border:0;position:relative}.guide-page .site-nav a[href=\/guide]{color:var(--guide-gold);border-bottom:1px solid var(--guide-gold)}.guide-page .site-footer{background:#061017}.seo-main--hub{max-width:none;padding:0 0 3rem}.seo-main--hub .seo-article{max-width:none}.guide-page h1,.guide-page h2,.guide-page h3,.guide-hero-subtitle,.guide-final-title{font-family:var(--guide-display);font-weight:500}.guide-page .seo-article h2{letter-spacing:.06em;margin:.4rem 0 .75rem;font-size:clamp(1.5rem,2.2vw,2rem);line-height:1.6}.guide-page .seo-article h3{letter-spacing:.04em;margin:0 0 .65rem;font-size:clamp(1.1rem,1.6vw,1.45rem);line-height:1.6}.guide-page .seo-article p{color:var(--guide-text);font-size:clamp(.82rem,1.08vw,.95rem);line-height:1.8}.guide-section-kicker{letter-spacing:.24em;margin:0 0 .75rem;color:var(--guide-gold)!important;font:600 .7rem/1.6 system-ui,sans-serif!important}.guide-kicker-slash{font-family:Arial,Helvetica,sans-serif}.guide-section-heading{text-align:center;margin:0 auto 2rem}.guide-section-heading>p:last-child{margin-bottom:0}.guide-page .button{letter-spacing:.035em;border-radius:3rem;gap:1rem;padding:.7rem 1.6rem;font-size:.9rem}.guide-page .button--primary{color:#192027;background:#f3c984;border-color:#ffdaa0;box-shadow:0 .3rem 1rem #0003}.guide-page .button--primary:hover{background:#ffe0aa}.guide-hero{min-height:clamp(35rem,42vw,39rem);position:relative}.guide-hero-visual{margin:0;position:absolute;inset:-5.5rem 0 0}.guide-hero-visual picture,.guide-hero-visual img{width:100%;height:100%;display:block}.guide-hero-visual img{object-fit:cover;object-position:65% center}.guide-hero:after{content:"";pointer-events:none;background:linear-gradient(90deg,#031016a8,#03101638 44%,#0000 66%);position:absolute;inset:0}.guide-hero__inner{z-index:1;padding-block:1rem 3rem;position:relative}.guide-hero .seo-breadcrumb ol{margin-bottom:2rem}.guide-hero__copy{width:50%;max-width:36rem}.guide-page .guide-hero h1{letter-spacing:.075em;margin:0 0 .3rem;font-size:clamp(2rem,3.2vw,3rem);line-height:1.45}.guide-page .seo-article .guide-hero-subtitle{color:#f1eee7;margin:0 0 1.2rem;font-size:clamp(1.4rem,2.5vw,2.25rem);line-height:1.5}.guide-page .guide-lead{margin-bottom:.7rem}.guide-page .seo-article .guide-intro-copy{max-width:31rem;margin-bottom:1.2rem;font-size:clamp(.8rem,1vw,.87rem)}.guide-page .seo-article .guide-hero-note{color:#f1eee7;letter-spacing:.05em;font-size:.95rem}.guide-intro-link{margin:1.3rem 0 .8rem}.guide-page .seo-article .guide-intro-kicker{color:#b8c1c4;letter-spacing:.17em;margin:0;font-size:.6rem}.guide-points{border-block:1px solid #b5c4c329;padding-block:2.75rem;position:relative;overflow:hidden}.guide-points>.page-width{z-index:1;position:relative}.guide-point-decoration{object-fit:cover;opacity:.48;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.guide-point-list{grid-template-columns:repeat(3,minmax(0,1fr));margin:2rem 0 0;padding:0;list-style:none;display:grid}.guide-point-list li{min-width:0;padding-inline:clamp(.75rem,1.5vw,1.4rem)}.guide-point-list li+li{border-left:1px solid #b5c4c329}.guide-point-icon{object-fit:contain;width:3rem;height:2.8rem;margin:0 auto 1rem}.guide-page .guide-point-list h3{white-space:normal;font-size:clamp(1rem,1.15vw,1.125rem)}.guide-point-list h3 span{color:var(--guide-gold);margin-right:.4rem;font:400 1.7rem/1 Georgia,serif;display:inline-block}.guide-point-list p{margin:0}.guide-beginner{padding-block:2.75rem 1.5rem}.guide-step-list{margin:0;padding:0;list-style:none}.guide-step{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:clamp(1.5rem,4vw,3.5rem);padding-block:.9rem;display:grid}.guide-step+.guide-step{border-top:1px solid #b5c4c329}.guide-step-copy{grid-area:1/2;min-width:0}.guide-step-visual{border:1px solid #b5c4c35c;border-radius:.3rem;grid-area:1/1;min-width:0;margin:0;overflow:hidden}.guide-step:nth-child(2n) .guide-step-copy{grid-column:1}.guide-step:nth-child(2n) .guide-step-visual{grid-column:2}.guide-step-visual picture,.guide-step-visual img{width:100%;display:block}.guide-step-visual img{aspect-ratio:2060/763;object-fit:cover;object-position:center;height:auto}.guide-page .seo-article .guide-step-label{color:var(--guide-gold);margin:0 0 .3rem;font:italic 1.05rem/1.4 Georgia,serif}.guide-step-label>span:first-child{margin-right:.4rem;font-style:normal}.guide-step-label>span:last-child{font-size:1.45em}.guide-step-copy>p:last-child{margin:0}.guide-knowledge{border-block:1px solid #b5c4c329}.guide-knowledge>section{padding-block:clamp(2rem,4vw,3rem)}.guide-knowledge>section+section{border-top:1px solid #b5c4c329}.guide-knowledge .guide-section-heading{text-align:left;margin:0 0 1.5rem}.guide-page .guide-knowledge h2{font-size:1.5rem}.guide-path-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin:0;padding:0;list-style:none;display:grid}.guide-path{gap:.8rem;min-width:0;display:flex}.guide-path-copy{min-width:0;max-width:32rem}.guide-path-number{color:var(--guide-gold);font:1.25rem/1.5 Georgia,serif}.guide-page .guide-path-purpose{color:var(--guide-gold);margin:0 0 .3rem;font-size:.75rem}.guide-page .guide-path h3{margin-bottom:.5rem;font-family:inherit;font-size:1rem}.guide-page .guide-path-copy>p:last-of-type{margin:0 0 .4rem;font-size:.85rem}.guide-path-status{color:#a8b6bc;font-size:.75rem}.guide-first-steps>*,.guide-practice-link>*{max-width:46rem}.guide-first-steps ol{padding-left:1.3rem}.guide-first-steps li{padding-left:.3rem;font-size:.9rem}.guide-first-steps li+li{margin-top:1rem}.guide-first-steps li::marker{color:var(--guide-gold)}.guide-first-steps>p:last-child{margin-bottom:0}.guide-page .seo-play-cta{isolation:isolate;background:var(--guide-bg);border-color:#b5c4c35c;border-radius:.3rem;width:min(100% - 32px,80rem);max-width:none;min-height:18rem;margin:2.5rem auto 0;padding:2rem 3rem;position:relative;overflow:hidden}.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 64%}.guide-page .seo-play-cta:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#041016ed,#0410169e 36%,#0000 65%);position:absolute;inset:0}.guide-page .seo-play-cta__copy{width:47%;max-width:34rem}.guide-page .guide-final-title{color:#f1eee7;letter-spacing:.07em;margin:0 0 .6rem;font-size:clamp(1.5rem,2.25vw,2rem);line-height:1.5}.guide-page .seo-play-cta h2{margin:0 0 .4rem;font-family:inherit;font-size:.9rem;font-weight:500}.guide-page .seo-play-cta__copy>p:not(.guide-final-title){color:#d1d6d5;margin:0 0 .7rem;font-size:.85rem}.guide-page .seo-play-cta__copy>p:last-child{color:#b8c3c5;margin:.75rem 0 0;font-size:.75rem}@media (width>=701px){.guide-page .guide-points p,.guide-page .guide-step-copy>p:last-child{font-size:clamp(.9rem,1.08vw,.95rem);line-height:1.8}}@media (width<=1000px){.guide-hero__copy{width:58%}.guide-hero{min-height:34rem}.guide-page .seo-play-cta{padding:1.8rem}.guide-page .seo-play-cta__copy{width:60%}}@media (width>=701px) and (width<=1000px){.guide-page .site-header__inner{flex-wrap:nowrap}.guide-page .site-nav{order:0;width:auto;margin-inline:auto 0}.guide-page .brand img{width:13rem}.guide-hero{min-height:0}.guide-hero__copy{width:53%}.guide-hero__inner{padding-bottom:2rem}.guide-hero .seo-breadcrumb ol{margin-bottom:1.25rem}.guide-hero-visual img{object-position:right center}.guide-hero:after{background:linear-gradient(90deg,#031016d9,#03101680 48%,#0000 75%)}.guide-point-list{grid-template-columns:1fr;gap:1.5rem}.guide-point-list li{padding:0}.guide-point-list li+li{border-top:1px solid #b5c4c329;border-left:0;padding-top:1.5rem}.guide-point-icon{margin-inline:0;margin-bottom:.75rem}.guide-page .guide-point-list h3{letter-spacing:.02em;font-size:1.125rem}.guide-page .guide-step-copy h3{text-wrap:balance}.guide-beginner{padding-top:1.5rem}.guide-beginner .guide-section-heading{margin-bottom:1rem}.guide-step{padding-block:.6rem}}@media (width<=700px){.guide-page .page-width{width:calc(100% - 32px)}.guide-page .site-header{background:#061017}.guide-hero{flex-direction:column;min-height:0;display:flex}.guide-hero:after{display:none}.guide-hero__inner{padding-block:1rem 1.5rem}.guide-hero .seo-breadcrumb ol{margin-bottom:1.75rem}.guide-hero__copy{width:100%;max-width:none}.guide-page .guide-hero h1{font-size:clamp(1.65rem,6.9vw,2.5rem)}.guide-phrase{max-width:100%;display:inline-block}.guide-page .seo-article .guide-hero-subtitle{font-size:clamp(1.2rem,5.2vw,1.65rem)}.guide-hero-visual{order:2;position:relative;inset:auto}.guide-hero-visual img{aspect-ratio:800/521;object-position:67% center;height:auto}.guide-page .seo-article p{font-size:.94rem}.guide-page .seo-article .guide-hero-note{font-size:.85rem}.guide-page .seo-article .guide-intro-copy{font-size:.88rem}.guide-points,.guide-beginner{padding-block:2.5rem}.guide-point-decoration{opacity:.1;object-fit:cover;object-position:left}.guide-point-list{grid-template-columns:1fr;gap:1.75rem}.guide-point-list li{padding:0}.guide-point-list li+li{border-top:1px solid #b5c4c329;border-left:0;padding-top:1.75rem}.guide-point-icon{margin-inline:0;margin-bottom:.75rem}.guide-page .guide-point-list h3{font-size:1.15rem}.guide-step,.guide-step:nth-child(2n){flex-direction:column;align-items:stretch;gap:1.25rem;padding-block:1.75rem;display:flex}.guide-step-visual{width:100%}.guide-step:first-child img{object-position:52% center}.guide-step:nth-child(2) img{object-position:40% center}.guide-step:nth-child(3) img{object-position:50% center}.guide-step:nth-child(4) img{object-position:57% center}.guide-step:nth-child(5) img{object-position:50% center}.guide-path-list{grid-template-columns:1fr}.guide-page .seo-play-cta{flex-direction:column;min-height:0;margin-top:2rem;padding:0;display:flex}.guide-page .seo-play-cta:after{display:none}.guide-page .seo-play-cta__copy{width:100%;max-width:none;padding:1.5rem}.guide-page .seo-play-cta__visual{z-index:0;position:relative;inset:auto}.guide-page .seo-play-cta__visual img{aspect-ratio:2;object-position:65% center;height:auto}}@media (prefers-reduced-motion:reduce){.guide-page *,.guide-page :before,.guide-page :after{transition:none!important;animation:none!important}}
