.guidance-page{overflow:hidden;overflow:clip;display:flow-root;font-feature-settings:"halt" 1}
.guidance-page h1,.guidance-page h2,.guidance-page h3,.guidance-page h4,.guidance-page p{margin:0}
.guidance-page img{display:block;max-width:100%}
.guidance-page section{scroll-margin-top:110px}
.guidance-hero{height:484px;margin:20px 20px 0;padding:0 80px;border-radius:16px;background:url('../assets/guidance-imgFrame285.png') center/cover;display:flex;align-items:center;justify-content:space-between;position:relative}
.guidance-hero-art{width:480px;height:320px;object-fit:contain}
.guidance-hero-title h1,.guidance-heading h2{font-family:Inter,Arial,sans-serif;font-size:80px;font-weight:600;line-height:1;letter-spacing:.04em;background:linear-gradient(90deg,#00a5dd,#54c7ee);background-clip:text;color:transparent}
.guidance-hero-title{display:flex;align-items:flex-end;flex-direction:column;gap:16px}
.guidance-hero-title p{display:flex;gap:16px;align-items:center;font-size:20px;font-weight:600}
.guidance-hero-title p img{width:32px;height:1px}
.guidance-heading{display:flex;flex-direction:column;gap:24px}
.guidance-heading h2>span{display:block;color:var(--ink)}
.guidance-label{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:600}
.guidance-label>img{width:20px;height:10px}
.guidance-personal,.guidance-business{position:relative;padding:200px 80px}
.guidance-section-inner{max-width:1280px;margin:auto;display:flex;flex-direction:column;gap:120px}
.guidance-intro{display:flex;gap:80px;align-items:center;position:relative}
.guidance-intro-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:80px;position:relative;z-index:1}
.guidance-intro-message{font-weight:500;font-size:16px;line-height:2.2;letter-spacing:.06em}
.guidance-intro-art{width:468px;height:260px;object-fit:contain;flex-shrink:0;position:relative;z-index:1}
.guidance-orbits{position:absolute;pointer-events:none;width:897px;height:1022px}
.guidance-orbits>img{position:absolute;width:897px;height:897px;max-width:none}
.guidance-orbits>img+img{left:288px;top:-125px}
.guidance-orbits-personal{left:526px;top:40px}
.guidance-orbits-business{left:-421px;top:40px;transform:scaleX(-1)}
.guidance-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:2px solid var(--pale);border-left:2px solid var(--pale);position:relative;z-index:1}
.guidance-card{border-right:2px solid var(--pale);border-bottom:2px solid var(--pale);padding:40px;background:#fff;display:flex;flex-direction:column;gap:40px}
.guidance-card-main{display:flex;gap:40px;align-items:flex-end}
.guidance-card-copy{flex:1;min-width:0}
.guidance-card-icon{width:90px;height:90px;border:2px solid var(--pale);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.guidance-card-icon img{width:36.486px;height:45px}
.guidance-card h3{font-size:24px;font-weight:600;line-height:1.7;letter-spacing:.06em;margin-bottom:4px}
.guidance-card-copy>p{font-size:13px;font-weight:400;line-height:1.7;letter-spacing:.06em}
.guidance-card-logos{display:flex;flex-direction:column;gap:16px;flex-shrink:0;width:166px}
.guidance-card-logos>span{width:100%;height:33px;background:#f4f4f4}
.guidance-card-actions{display:flex;gap:16px}
.guidance-contact-button,.guidance-detail-button{display:flex;flex:1;min-width:0;align-items:center;justify-content:space-between;gap:8px;height:50px;padding:8px 16px;border:0;border-radius:2px;font:500 16px/1.7 'Noto Sans JP',sans-serif;letter-spacing:.06em;text-decoration:none;color:var(--ink);cursor:pointer;white-space:nowrap}
.guidance-contact-button{color:#fff;background:linear-gradient(90deg,#00a5dd,#54c7ee)}
.guidance-detail-button{background:var(--pale)}
.guidance-contact-button>img,.guidance-detail-button>img{width:36px;height:32px;transition:transform .25s;flex-shrink:0}
.guidance-contact-button:hover>img,.guidance-detail-button:hover>img{transform:translateX(3px)}
.guidance-contact-button:hover,.guidance-detail-button:hover{filter:brightness(.97)}
/* Figma 141:1575 / 181:7243 share one solid fill; keep later polish gradients off this seam. */
.guidance-page .guidance-business,.guidance-page .guidance-business::before{background:var(--pale)}
.guidance-business:before{content:"";position:absolute;left:0;top:-20px;width:50%;height:40px;border-top-right-radius:8px}
.guidance-business:after{content:"";position:absolute;right:0;top:-20px;width:50%;height:40px;background:#fff;border-bottom-left-radius:8px}
.guidance-flow{padding:200px 80px 160px}
.guidance-flow-inner{display:grid;grid-template-columns:400px minmax(0,1fr);gap:40px;max-width:1280px;margin:auto;position:relative}
.guidance-flow-list{border-top:2px solid var(--pale)}
.guidance-flow-item{padding:64px 0;border-bottom:2px solid var(--pale);display:flex;align-items:flex-start;gap:40px}
.guidance-flow-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:16px}
.guidance-flow-copy h3{display:flex;align-items:center;gap:24px;font-size:24px;font-weight:600;line-height:1.7;white-space:nowrap}
.guidance-flow-copy h3>span{font-family:Inter,Arial,sans-serif;font-size:56px;font-weight:600;line-height:1;letter-spacing:.04em;color:transparent;-webkit-text-stroke:1px #00a5dd}
.guidance-flow-copy>p{font-size:16px;font-weight:500;line-height:2.2}
.guidance-flow-photo{width:300px;height:225px;object-fit:cover;border-radius:16px;flex-shrink:0}
.guidance-hearing{display:flex;flex-direction:column;gap:8px}
.guidance-hearing-box{background:var(--pale);padding:24px;border-radius:4px;display:flex;flex-direction:column;gap:8px}
.guidance-hearing-life{background:#f6e6e2}
.guidance-hearing-box h4{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:600;line-height:1.7}
.guidance-hearing-box h4>img{width:10px;height:10px}
.guidance-hearing-box>p{font-size:14px;font-weight:500;line-height:1.8}
.guidance-growth-art{position:absolute;left:-80px;top:1478px;width:370px;height:280px;overflow:hidden}
.guidance-growth-art>img{position:absolute;max-width:none;width:163.48%;height:155.04%;top:-22.81%;left:-31.92%}
.guidance-insurance-dialog{border:2px solid var(--pale);border-radius:16px;padding:48px;color:var(--ink);width:min(560px,calc(100vw - 32px));max-height:calc(100vh - 48px);font-family:'Noto Sans JP',sans-serif;line-height:1.8;box-shadow:0 20px 80px #003e6026}
.guidance-insurance-dialog::backdrop{background:#12384788;backdrop-filter:blur(5px)}
.guidance-insurance-dialog h2{font-size:28px;margin-bottom:16px}.guidance-insurance-dialog>p{font-size:16px}.guidance-insurance-dialog>.guidance-contact-button{margin-top:28px;flex:none}
.guidance-dialog-close{position:absolute;right:18px;top:12px;display:grid;place-items:center;width:44px;height:44px;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;appearance:none;-webkit-appearance:none;font-size:32px;line-height:1;color:var(--ink);cursor:pointer}
.guidance-insurance-dialog .guidance-dialog-close,.guidance-insurance-dialog .guidance-dialog-close:is(:focus,:focus-visible,:active,:hover){outline:none;outline-offset:0;border:0;background:transparent;box-shadow:none}
.guidance-insurance-dialog[data-dialog-input=keyboard] .guidance-dialog-close:focus-visible{color:#00769f;box-shadow:inset 0 -2px #00769f}
.guidance-insurance-dialog h2:focus{outline:none}
@media(prefers-reduced-motion:reduce){.guidance-insurance-dialog[open],.guidance-insurance-dialog[open]::backdrop{animation:none}}
@media(max-width:1250px){
 .guidance-hero{padding:0 5vw}.guidance-hero-art{width:40vw;height:auto}.guidance-hero-title h1,.guidance-heading h2{font-size:clamp(52px,5.56vw,80px)}
 .guidance-personal,.guidance-business,.guidance-flow{padding-left:5.56vw;padding-right:5.56vw}.guidance-intro{gap:5.56vw}.guidance-intro-art{width:36.6%;height:auto}.guidance-intro-message br{display:none}
 .guidance-card{padding:28px;gap:28px}.guidance-card-main{gap:20px}.guidance-card-logos{width:29%}.guidance-contact-button,.guidance-detail-button{padding-left:12px;padding-right:12px;font-size:13px}.guidance-card-actions{gap:10px}.guidance-contact-button>img,.guidance-detail-button>img{width:28px;height:25px}
 .guidance-flow-inner{grid-template-columns:28% minmax(0,1fr);gap:32px}.guidance-flow-item{gap:24px}.guidance-flow-photo{width:36%;height:auto;aspect-ratio:4/3}.guidance-flow-copy h3{font-size:20px;gap:16px}.guidance-flow-copy h3>span{font-size:46px}.guidance-growth-art{width:28vw;height:22vw;left:-5.56vw}
}
@media(max-width:760px){
 .guidance-hero{height:300px;margin:12px 12px 0;padding:26px 24px;align-items:flex-start}.guidance-hero-art{width:65%;height:190px;align-self:flex-end;margin-left:-24px}.guidance-hero-title{position:absolute;right:24px;top:35px;gap:12px}.guidance-hero-title h1{font-size:clamp(34px,8.8vw,54px)}.guidance-hero-title p{font-size:14px;gap:8px}.guidance-hero-title p img{width:22px}
 .guidance-heading{gap:16px}.guidance-heading h2{font-size:clamp(42px,11vw,65px)}.guidance-label{font-size:16px}
 .guidance-personal,.guidance-business{padding:90px 24px}.guidance-section-inner{gap:42px}.guidance-intro{flex-direction:column;align-items:flex-start;gap:34px}.guidance-intro-copy{gap:30px}.guidance-intro-message{font-size:14px;line-height:2.2}.guidance-intro-art{width:75%;max-width:350px;height:auto;align-self:center}.guidance-business .guidance-intro-art{order:2}.guidance-orbits-personal{left:0;top:160px}.guidance-orbits-business{left:-700px;top:140px}
 .guidance-cards{grid-template-columns:1fr}.guidance-card{padding:24px;gap:24px}.guidance-card-main{gap:24px}.guidance-card-icon{width:70px;height:70px;margin-bottom:12px}.guidance-card-icon>img{width:29px;height:36px}.guidance-card h3{font-size:21px}.guidance-card-copy>p{font-size:12px}.guidance-card-logos{width:30%;gap:12px}.guidance-card-logos>span{height:27px}.guidance-card-actions{gap:8px}.guidance-contact-button,.guidance-detail-button{font-size:11px;padding:8px;height:46px;gap:4px;letter-spacing:.02em}.guidance-contact-button>img,.guidance-detail-button>img{width:25px;height:23px}
 .guidance-flow{padding:90px 24px 80px}.guidance-flow-inner{grid-template-columns:1fr;gap:32px}.guidance-flow-item{padding:35px 0;gap:20px;flex-wrap:wrap}.guidance-flow-copy{flex-basis:100%;gap:18px}.guidance-flow-copy h3{font-size:20px;gap:18px}.guidance-flow-copy h3>span{font-size:44px}.guidance-flow-copy>p{font-size:14px}.guidance-flow-photo{width:70%;height:auto;aspect-ratio:4/3;margin-left:auto}.guidance-hearing-box{padding:18px}.guidance-hearing-box h4{font-size:16px}.guidance-hearing-box>p{font-size:13px}.guidance-growth-art{position:relative;top:auto;left:-24px;width:200px;height:150px;margin-top:-10px}.guidance-insurance-dialog{padding:34px 24px}
}
@media(prefers-reduced-motion:reduce){.guidance-contact-button>img,.guidance-detail-button>img{transition:none}}
@media(max-width:380px){.guidance-card-actions{flex-direction:column}.guidance-contact-button,.guidance-detail-button{flex:none;width:100%;font-size:13px}.guidance-flow-copy h3{font-size:18px;gap:14px}.guidance-flow-copy h3>span{font-size:40px}}

@media(max-width:760px){
 .guidance-hero-title p{font-size:16px}
 .guidance-label{font-size:18px}
 .guidance-intro-message,.guidance-flow-copy>p{font-size:16px;line-height:2.1;overflow-wrap:anywhere}
 .guidance-card-main{flex-direction:column;align-items:stretch;gap:20px}
 .guidance-card-copy{width:100%}
 .guidance-card h3{font-size:24px}
 .guidance-card-copy>p{font-size:16px;line-height:1.9;overflow-wrap:anywhere}
 .guidance-card-logos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%}
 .guidance-card-logos>span{height:30px}
 .guidance-card-actions{flex-direction:column;gap:10px}
 .guidance-contact-button,.guidance-detail-button{flex:none;width:100%;height:auto;min-height:52px;padding:12px 16px;font-size:16px;gap:12px;white-space:normal}
 .guidance-flow-copy h3{font-size:22px;gap:16px;white-space:normal;line-height:1.6}
 .guidance-flow-copy h3>span{flex-shrink:0}
 .guidance-hearing-box h4{font-size:18px}
 .guidance-hearing-box>p{font-size:16px;line-height:1.9;overflow-wrap:anywhere}
}
@media(max-width:380px){.guidance-flow-copy h3{font-size:20px}}
