:root{--bz:#3ba1e8;--ink:#10242f;--muted:#52636c;--mist:#f4fbff;--line:#bdd3df}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font:16px/1.65 Inter,"Noto Sans JP","Noto Sans Arabic",Arial,sans-serif}a{color:inherit}.skip{position:fixed;z-index:99;top:8px;left:8px;transform:translateY(-150%);padding:.65rem 1rem;background:#fff;border:2px solid var(--ink)}.skip:focus{transform:none}:focus-visible{outline:3px solid var(--bz);outline-offset:4px}.service-nav{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:clamp(16px,3vw,45px);min-height:76px;padding:12px clamp(20px,5vw,76px);border-bottom:1px solid #d2dee4;background:rgba(255,255,255,.94);backdrop-filter:blur(14px)}.service-brand{font:800 clamp(20px,2vw,26px)/1 Arial,sans-serif;letter-spacing:-.07em;text-decoration:none}.service-brand::first-letter{color:var(--bz)}.service-nav nav{display:flex;gap:clamp(14px,2vw,30px);margin-inline:auto}.service-nav nav a{padding:8px 0;color:#52636c;font-size:14px;text-decoration:none;white-space:nowrap}.service-nav nav a[aria-current]{color:var(--ink);font-weight:800;border-bottom:2px solid var(--bz)}.service-consult{padding:10px 14px;background:var(--ink);color:#fff;font-size:14px;font-weight:800;text-decoration:none;white-space:nowrap}.service-consult span{margin-inline-start:8px;color:var(--bz)}.service-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,.75fr);gap:clamp(45px,10vw,160px);align-items:end;min-height:520px;padding:clamp(80px,11vw,165px) clamp(22px,7vw,112px) clamp(72px,8vw,116px);overflow:hidden;background:linear-gradient(135deg,#fff 0 52%,#e9f7ff 52%)}.service-hero-copy{max-width:800px}.service-eyebrow,.service-bridge>p:first-child,.service-contact>p{margin:0 0 22px;color:#176b9f;font:800 13px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em}.service-hero h1{max-width:14ch;margin:0;font-size:clamp(45px,6vw,84px);letter-spacing:-.07em;line-height:1.04;word-break:keep-all;overflow-wrap:normal}.service-hero-copy>p:last-child{max-width:40rem;margin:30px 0 0;color:#41525a;font-size:clamp(17px,1.45vw,20px);line-height:1.9}.route-map{position:relative;display:flex;align-items:center;gap:12px;margin:0 0 21px;color:#176b9f;font:800 17px/1 ui-monospace,monospace;letter-spacing:-.03em}.route-map i{width:clamp(32px,6vw,95px);height:2px;background:var(--ink);position:relative}.route-map i::after{content:'';position:absolute;right:0;top:-4px;border-width:5px 0 5px 7px;border-style:solid;border-color:transparent transparent transparent var(--ink)}.route-map span{display:grid;place-items:center;width:47px;height:47px;background:#fff;border:2px solid var(--ink);border-radius:50%;box-shadow:3px 3px 0 var(--bz)}.route-map b{display:grid;place-items:center;width:54px;height:54px;background:var(--bz);border-radius:50%;font-size:34px}.route-map em{position:absolute;right:0;bottom:-45px;width:18rem;max-width:100%;color:#536770;font:700 12px/1.5 Inter,"Noto Sans JP",sans-serif;letter-spacing:0;text-align:end}.service-list{padding:clamp(82px,11vw,155px) clamp(22px,7vw,112px);background:#fff}.service-group+.service-group{margin-top:clamp(86px,12vw,170px)}.service-group-head{display:grid;grid-template-columns:70px minmax(180px,.6fr) minmax(300px,1.2fr);gap:20px 30px;align-items:start;margin-bottom:44px}.service-group-head>span{grid-row:1/3;color:var(--bz);font:800 14px/1.2 ui-monospace,monospace}.service-group-head>p:first-of-type{margin:0;color:#607783;font:800 12px/1.3 ui-monospace,monospace;letter-spacing:.12em}.service-group-head h2{grid-column:2;margin:0;font-size:clamp(36px,4.8vw,66px);line-height:1.05;letter-spacing:-.06em}.service-group-head>p:last-child{grid-row:1/3;grid-column:3;max-width:32rem;margin:0;color:var(--muted);font-size:17px;line-height:1.85}.service-cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-top:1px solid var(--line)}.service-detail-card{position:relative;display:grid;grid-template-rows:auto auto 1fr auto;gap:21px;min-height:410px;padding:27px 25px 25px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;transition:background .25s,transform .25s}.service-detail-card:first-child{border-left:1px solid var(--line)}.service-detail-card:hover{z-index:1;background:var(--mist);transform:translateY(-6px);box-shadow:0 8px 0 var(--bz)}.service-group:first-child .service-detail-card{grid-column:span 3}.service-group:nth-child(2) .service-detail-card{grid-column:span 2}.card-number{margin:0;color:var(--bz);font:800 12px/1 ui-monospace,monospace}.card-sub{min-height:18px;margin:0 0 11px;color:#71828a;font:800 11px/1.3 ui-monospace,monospace;letter-spacing:.08em}.service-detail-card h3{min-height:2.55em;margin:0;font-size:clamp(22px,2vw,30px);line-height:1.27;letter-spacing:-.045em;word-break:keep-all}.card-body{margin:0;color:#44575f;font-size:15px;line-height:1.85}.service-detail-card ul{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.service-detail-card li{border:1px solid #accbdc;padding:4px 7px;background:#eff9ff;color:#176b9f;font-size:12px;line-height:1.3}.service-bridge{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(380px,1.15fr);column-gap:clamp(45px,12vw,195px);row-gap:24px;padding:clamp(86px,10vw,150px) clamp(22px,7vw,112px);background:var(--ink);color:#f7fcff}.service-bridge>p:first-child{grid-column:1/-1;margin:0;color:var(--bz)}.service-bridge h2{margin:0;font-size:clamp(42px,5vw,72px);line-height:1.06;letter-spacing:-.06em}.service-bridge>p:last-child{max-width:40rem;margin:0;color:#c4d1d7;font-size:clamp(17px,1.45vw,20px);line-height:1.9}.service-contact{display:grid;grid-template-columns:minmax(300px,1.1fr) minmax(300px,.8fr);column-gap:clamp(48px,12vw,190px);row-gap:24px;padding:clamp(86px,11vw,165px) clamp(22px,7vw,112px);background:var(--bz)}.service-contact>p{grid-column:1/-1;margin:0;color:#176b9f}.service-contact h2{margin:0;font-size:clamp(42px,5.5vw,78px);letter-spacing:-.07em;line-height:1.05}.service-contact div{align-self:end}.service-contact div p{margin:0 0 28px;font-size:clamp(17px,1.45vw,20px);line-height:1.9}.service-contact a{display:inline-block;padding:9px 1px;border-bottom:2px solid currentColor;font-size:17px;font-weight:800;text-decoration:none}.service-contact a span{margin-inline-start:10px;color:#fff}@media(max-width:900px){.service-nav nav{display:none}.service-nav{justify-content:space-between}.service-hero{grid-template-columns:1fr;min-height:auto}.route-map{justify-self:end;margin-top:25px}.service-group-head{grid-template-columns:45px 1fr}.service-group-head h2{grid-column:2}.service-group-head>p:last-child{grid-row:auto;grid-column:2}.service-detail-card,.service-group:first-child .service-detail-card,.service-group:nth-child(2) .service-detail-card{grid-column:span 3}.service-bridge,.service-contact{grid-template-columns:1fr;gap:28px}}@media(max-width:620px){body{font-size:16px}.service-nav{min-height:65px;padding:10px 18px}.service-nav nav{display:none}.service-consult{padding:9px 11px;font-size:13px}.service-hero{padding:76px 20px 75px;background:linear-gradient(145deg,#fff 0 57%,#e9f7ff 57%)}.service-hero h1{font-size:clamp(40px,12vw,54px)}.service-hero-copy>p:last-child{font-size:16px;line-height:1.8}.route-map{gap:7px;margin-top:14px}.route-map i{width:30px}.route-map span{width:38px;height:38px;font-size:13px}.route-map b{width:45px;height:45px;font-size:28px}.route-map em{bottom:-40px;font-size:11px;width:15rem}.service-list{padding:76px 20px}.service-group+.service-group{margin-top:88px}.service-group-head{gap:13px 12px;margin-bottom:30px}.service-group-head>span{font-size:12px}.service-group-head>p:first-of-type{font-size:11px}.service-group-head h2{font-size:clamp(38px,11vw,51px)}.service-group-head>p:last-child{font-size:16px;line-height:1.8}.service-cards{display:block;border:0}.service-detail-card,.service-group:first-child .service-detail-card,.service-group:nth-child(2) .service-detail-card{min-height:0;margin-bottom:13px;padding:24px 20px;border:1px solid var(--line);gap:17px}.service-detail-card h3{min-height:0;font-size:26px}.service-detail-card:hover{transform:none;box-shadow:none}.card-body{font-size:15px;line-height:1.8}.service-bridge,.service-contact{padding:80px 20px}.service-bridge h2,.service-contact h2{font-size:clamp(40px,12vw,54px)}.service-bridge>p:last-child,.service-contact div p{font-size:16px;line-height:1.8}}html[dir="rtl"] .service-brand,html[dir="rtl"] .service-nav nav{direction:rtl}html[dir="rtl"] .service-nav{font-family:"Noto Sans Arabic",Tahoma,Arial,sans-serif}html[dir="rtl"] .service-hero h1,html[dir="rtl"] .service-group-head h2,html[dir="rtl"] .service-bridge h2,html[dir="rtl"] .service-contact h2{letter-spacing:0}html[dir="rtl"] .route-map em{text-align:start}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.service-detail-card{transition:none}}
