html:has(.guide-page),body:has(.guide-page){background-color:#f8fbff}.guide-page{min-height:100vh;color:#101d38;background:#f8fbff;font-family:Noto Sans JP,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}.guide-page *{box-sizing:border-box}.guide-page a{text-decoration:none}.guide-page button{font:inherit;cursor:pointer}.guide-page :is(a,button):focus-visible{outline:3px solid #1687dd;outline-offset:5px}.guide-skip{position:absolute;left:16px;top:-80px;z-index:10;padding:12px;background:#fff}.guide-skip:focus{top:12px}.guide-stage{position:relative;isolation:isolate;overflow:hidden;background:#f8fbff}.guide-background-canvas{position:absolute;z-index:-1;inset:0;width:100%;height:100%;opacity:1;pointer-events:none}.guide-stage:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.64' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E")}.guide-shell{max-width:1480px;margin:auto}.guide-header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:28px;width:max-content;max-width:calc(100% - 40px);min-height:58px;margin:30px auto 0;padding:8px 9px 8px 20px;border:1px solid #dceaf6;border-radius:6px;background:#fff;box-shadow:0 4px 18px #20558217}.guide-logo{display:block;flex-shrink:0;width:155px}.guide-logo img{display:block;width:100%;height:auto}.guide-nav{display:flex;align-items:center;gap:26px;font-size:11px;font-weight:650}.guide-nav a{color:#233047;white-space:nowrap;transition:color .2s}.guide-nav a:hover,.guide-nav a[aria-current]{color:#1687dd}.guide-dashboard{padding:12px 16px;border-radius:4px;background:#1687dd;color:#fff;white-space:nowrap;font-size:11px;font-weight:650;transition:background .2s}.guide-dashboard:hover{background:#076fc0}.guide-header .sp-header-menu{position:relative;display:none;margin-left:auto}.guide-header .sp-menu-trigger{display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:4px;background:transparent;color:#233047}.guide-header .sp-menu-trigger svg{width:23px;height:23px}.guide-header .sp-header-menu nav{position:absolute;top:calc(100% + 10px);left:0;z-index:10;display:grid;width:200px;max-width:var(--sp-menu-space, 200px);padding:10px;border:1px solid #e1eaf4;border-radius:12px;background:#fff;box-shadow:0 12px 32px #2330471a;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-6px);transition:opacity .2s,transform .2s,visibility .2s}.guide-header .sp-header-menu nav:before{content:"";position:absolute;bottom:100%;left:0;right:0;height:12px}.guide-header .sp-header-menu--open nav{opacity:1;visibility:visible;pointer-events:auto;transform:none}.guide-header .sp-header-menu nav a{display:flex;align-items:center;min-height:44px;padding:10px 8px;border-radius:6px;color:#233047;font-size:13px}.guide-header .sp-header-menu nav a:hover{background:#f1f8ff;color:#1687dd}@media(max-width:900px){.guide-header{width:min(720px,calc(100% - 40px));gap:18px}.guide-nav{display:none}.guide-header .sp-header-menu{display:block}}.guide-hero{text-align:center;padding:85px 24px 0}.guide-hero h1{width:fit-content;margin:34px auto 28px;font-size:clamp(46px,6.3vw,84px);line-height:1.35;font-weight:750;letter-spacing:-.045em;background:linear-gradient(104deg,#0252a9 2%,#057cda 49%,#229ff1 97%);color:transparent;-webkit-background-clip:text;background-clip:text}.guide-videos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:28px;width:min(1120px,calc(100% - 64px));margin:48px auto 0;padding-bottom:96px}.guide-video-card{display:flex;flex-direction:column;min-width:0;min-height:100%;padding:26px;border:1px solid #dfebf6;border-radius:16px;background:#fff;box-shadow:0 12px 40px #3078ad0d}.guide-video-card h2{margin:26px 0 14px;font-size:clamp(20px,2vw,26px);line-height:1.5;font-weight:700;letter-spacing:-.02em}.guide-video-description{margin:0 0 28px;color:#607084;font-size:14px;line-height:1.9}.guide-video-play{display:block;text-align:center;width:100%;margin-top:auto;padding:14px 20px;border:0;border-radius:999px;background:#1687dd;color:#fff;font-size:14px;font-weight:700;transition:background .2s}.guide-video-play:hover{background:#076fc0}.guide-video-embed{aspect-ratio:16 / 9;overflow:hidden;border-radius:8px;background:#eaf3fb}.guide-video-embed iframe{display:block;width:100%;height:100%;border:0}@media(max-width:800px){.guide-videos{grid-template-columns:minmax(0,1fr);width:min(680px,calc(100% - 40px));gap:24px;padding-bottom:72px}.guide-header{max-width:calc(100% - 28px);margin-top:16px;gap:22px}.guide-logo{width:140px}.guide-nav{gap:16px;font-size:10px}.guide-hero{padding-top:80px}.guide-hero h1{font-size:clamp(46px,7.8vw,66px)}}@media(max-width:480px){.guide-videos{margin-top:36px;padding-bottom:56px}.guide-video-card{padding:16px}.guide-video-card h2{margin-top:22px;margin-bottom:12px}.guide-header{padding:9px 8px 9px 12px;gap:14px;min-height:51px}.guide-logo{width:118px}.guide-nav{gap:12px}.guide-dashboard{padding:10px 12px;font-size:10px}.guide-hero{padding:65px 14px 0}.guide-hero h1{font-size:clamp(35px,9.1vw,44px);margin-top:32px;line-height:1.45}}@media(max-width:360px){.guide-header{gap:8px}.guide-logo{width:104px}.guide-dashboard{padding:10px 8px}}@media(prefers-reduced-motion:reduce){.guide-page *,.guide-page *:before{transition:none!important;scroll-behavior:auto!important}}