@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+JP:wght@400;500;600;700;800&display=swap');
.saidai-common-shell { --lp-blue:#005fa5; --lp-blue-dark:#061d33; --lp-blue-light:#65b9ee; --lp-orange:#eb5a19; color:#08182c; background:#fff; font-family:"DM Sans","Noto Sans JP",sans-serif; }
.saidai-common-shell * { box-sizing:border-box; }.saidai-common-shell .lp-header { height:66px; padding:0 max(22px,calc((100vw - 1240px)/2)); display:flex; align-items:center; background:rgba(255,255,255,.95); border-bottom:1px solid #e4ecf2; position:sticky; top:0; z-index:40; backdrop-filter:blur(12px); }.saidai-common-shell .lp-header a { display:flex; align-items:center; gap:10px; color:#08182c; text-decoration:none; }.saidai-common-shell .lp-header img { width:32px; height:26px; object-fit:contain; }.saidai-common-shell .lp-header span { display:flex; flex-direction:column; line-height:1; }.saidai-common-shell .lp-header b { font-size:14px; }.saidai-common-shell .lp-header small { margin-top:6px; color:#6e7e8a; font-size:7px; letter-spacing:.14em; }
.saidai-common-shell .lp-hero,.saidai-common-shell .lp-outcomes,.saidai-common-shell .lp-service { min-height:calc(100svh - 66px); display:grid; place-items:center; }.saidai-common-shell .lp-hero { background:radial-gradient(circle at 75% 28%,rgba(0,95,165,.18),transparent 34%),#f7fafc; }.saidai-common-shell .lp-story { width:fit-content; max-width:calc(100% - 64px); margin-right:max(32px,calc((100vw - 1200px)/2)); justify-self:end; text-align:right; }.saidai-common-shell .lp-story h1,.saidai-common-shell .lp-service h2 { margin:0; font-size:clamp(60px,7.5vw,108px); line-height:.98; letter-spacing:-.075em; }.saidai-common-shell .lp-story h1 span { color:var(--lp-orange); }.saidai-common-shell .lp-service h2 span { color:var(--lp-blue-light); }.saidai-common-shell .lp-story>a { width:48px; height:48px; margin:58px 0 0 auto; display:grid; place-items:center; color:var(--lp-blue); border:1px solid rgba(0,95,165,.3); border-radius:50%; font-size:20px; text-decoration:none; }
.saidai-common-shell .lp-outcomes { position:relative; color:white; background:var(--lp-blue-dark); }.saidai-common-shell .lp-outcomes-title { position:absolute; top:34px; left:max(24px,calc((100vw - 1312px)/2)); margin:0; color:#fff; font-size:14px; font-weight:700; letter-spacing:.12em; }.saidai-common-shell .lp-outcome-grid { width:min(1360px,calc(100% - 32px)); display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }.saidai-common-shell .lp-outcome-grid article { min-height:390px; padding:45px 55px; display:flex; flex-direction:column; justify-content:center; }.saidai-common-shell .lp-outcome-grid article:first-child { padding-right:88px; padding-left:24px; }.saidai-common-shell .lp-outcome-grid article:last-child { padding-right:24px; padding-left:88px; }.saidai-common-shell .lp-outcome-grid article+article { border-left:1px solid rgba(255,255,255,.2); }.saidai-common-shell .lp-outcome-grid h2 { margin:0 0 26px; color:#fff; font-size:clamp(34px,3vw,44px); line-height:1.2; }.saidai-common-shell .lp-outcome-grid p { margin:0 0 38px; color:#87c9f5; font-size:clamp(18px,1.55vw,23px); font-weight:700; line-height:1.45; letter-spacing:.04em; }.saidai-common-shell .lp-outcome-grid p span { display:block; }.saidai-common-shell .lp-outcome-grid p span+span { margin-top:5px; }.saidai-common-shell .lp-outcome-grid article>div { display:flex; align-items:baseline; gap:clamp(10px,1.3vw,18px); }.saidai-common-shell .lp-outcome-grid s { color:rgba(255,255,255,.42); font-size:clamp(30px,2.7vw,39px); text-decoration-thickness:.06em; white-space:nowrap; }.saidai-common-shell .lp-outcome-grid i { color:rgba(255,255,255,.42); font-size:30px; font-style:normal; }.saidai-common-shell .lp-outcome-grid strong { color:var(--lp-orange); font-size:clamp(62px,5.4vw,80px); line-height:1; letter-spacing:-.065em; white-space:nowrap; }.saidai-common-shell .lp-outcome-note { max-width:560px; margin-top:22px; color:rgba(255,255,255,.58); font-size:11px; line-height:1.6; }.saidai-common-shell .lp-impact-note { position:absolute; right:max(28px,calc((100vw - 1280px)/2)); bottom:25px; max-width:620px; color:rgba(255,255,255,.38); font-size:9px; line-height:1.7; text-align:right; }.saidai-common-shell .lp-impact-note b { display:block; margin-bottom:2px; color:rgba(255,255,255,.5); font-size:10px; }.saidai-common-shell .lp-impact-note span { display:block; }.saidai-common-shell .lp-impact-note a { margin-left:9px; color:rgba(255,255,255,.48); text-underline-offset:2px; }
.saidai-common-shell .demo-section { padding:80px 0 96px; background:#f4f7f9; }.saidai-common-shell .ocr-demo-intro { width:min(1180px,calc(100% - 64px)); min-height:46svh; margin:0 auto 36px; display:flex; align-items:flex-end; justify-content:flex-end; text-align:right; }.saidai-common-shell .ocr-demo-intro h2 { margin:0; color:#08182c; font-size:clamp(68px,11vw,154px); line-height:.92; letter-spacing:-.075em; }.saidai-common-shell .ocr-demo-intro h2 span { display:block; margin-top:18px; color:var(--lp-blue); font-size:clamp(28px,5vw,70px); font-weight:700; letter-spacing:-.055em; }
.saidai-common-shell .lp-service { color:white; background:radial-gradient(circle at 78% 24%,rgba(0,95,165,.28),transparent 34%),var(--lp-blue-dark); text-align:center; }.saidai-common-shell .lp-service>div { width:fit-content; max-width:calc(100% - 64px); }.saidai-common-shell .lp-document { width:100%; min-height:104px; margin:78px auto 0; padding:28px 48px; display:flex; align-items:center; justify-content:center; color:#fff; background:var(--lp-orange); border-radius:18px; box-shadow:0 20px 48px rgba(235,90,25,.34); font-size:clamp(24px,2.2vw,34px); font-weight:700; }.saidai-common-shell .lp-footer { min-height:92px; padding:24px max(30px,calc((100vw - 1180px)/2)); display:flex; align-items:center; border-top:1px solid #e4ecf2; background:#fff; }.saidai-common-shell .lp-footer div { display:flex; align-items:center; gap:10px; }.saidai-common-shell .lp-footer img { width:30px; height:23px; object-fit:contain; }.saidai-common-shell .lp-footer b { font-size:12px; }
.saidai-common-shell .lp-reveal { opacity:0; transform:translateY(46px); transition:opacity 1s cubic-bezier(.2,.7,.2,1),transform 1s cubic-bezier(.2,.7,.2,1); }.saidai-common-shell .lp-reveal.is-visible { opacity:1; transform:none; }.saidai-common-shell .lp-hero .lp-story>* { opacity:0; }.saidai-common-shell .lp-hero.is-visible h1 { animation:lpHeroFromRight .55s .05s cubic-bezier(.16,1,.3,1) both; }.saidai-common-shell .lp-hero.is-visible a { animation:lpHeroFromRight .45s .35s cubic-bezier(.16,1,.3,1) both; }.saidai-common-shell .lp-outcome-grid.is-visible article:first-child { animation:lpOutcomeLeft 1s cubic-bezier(.16,1,.3,1) both; }.saidai-common-shell .lp-outcome-grid.is-visible article:last-child { animation:lpOutcomeRight 1s .12s cubic-bezier(.16,1,.3,1) both; }.saidai-common-shell .lp-outcome-grid.is-visible strong { animation:lpValuePop .7s .58s cubic-bezier(.2,1.45,.4,1) both; }.saidai-common-shell .lp-service.is-visible h2 { animation:lpServiceWipe 1.1s cubic-bezier(.16,1,.3,1) both; }.saidai-common-shell .lp-service.is-visible .lp-document { animation:lpServiceUp .9s .38s cubic-bezier(.16,1,.3,1) both; }
@keyframes lpHeroFromRight { from { opacity:0; transform:translateX(100px); } to { opacity:1; transform:none; } } @keyframes lpOutcomeLeft { from { opacity:0; transform:translateX(-80px); } to { opacity:1; transform:none; } } @keyframes lpOutcomeRight { from { opacity:0; transform:translateX(80px); } to { opacity:1; transform:none; } } @keyframes lpValuePop { from { opacity:0; transform:scale(.82); } to { opacity:1; transform:none; } } @keyframes lpServiceWipe { from { opacity:0; clip-path:inset(0 0 0 100%); transform:translateX(70px); } to { opacity:1; clip-path:inset(0); transform:none; } } @keyframes lpServiceUp { from { opacity:0; transform:translateY(55px) scale(.94); } to { opacity:1; transform:none; } }
@media (max-width:760px) { .saidai-common-shell .lp-header { height:64px; padding:0 18px; }.saidai-common-shell .lp-hero,.saidai-common-shell .lp-outcomes,.saidai-common-shell .lp-service { min-height:calc(100svh - 64px); }.saidai-common-shell .lp-story { width:calc(100% - 32px); max-width:none; margin:0 auto; justify-self:center; }.saidai-common-shell .lp-service>div { width:fit-content; max-width:calc(100% - 32px); }.saidai-common-shell .lp-story h1,.saidai-common-shell .lp-service h2 { font-size:clamp(34px,9vw,44px); line-height:1.12; }.saidai-common-shell .lp-outcomes-title { top:22px; left:24px; }.saidai-common-shell .lp-outcome-grid { width:calc(100% - 30px); margin-top:44px; grid-template-columns:1fr; }.saidai-common-shell .lp-outcome-grid article,.saidai-common-shell .lp-outcome-grid article:first-child,.saidai-common-shell .lp-outcome-grid article:last-child { min-height:300px; padding:36px 24px; }.saidai-common-shell .lp-outcome-grid article+article { border-top:1px solid rgba(255,255,255,.2); border-left:0; }.saidai-common-shell .lp-outcome-grid p { margin-bottom:26px; font-size:14px; }.saidai-common-shell .lp-outcome-grid h2 { margin-bottom:18px; font-size:30px; }.saidai-common-shell .lp-outcome-grid strong { font-size:clamp(48px,15vw,66px); }.saidai-common-shell .lp-outcome-grid article>div { align-items:flex-start; flex-direction:column; gap:12px; }.saidai-common-shell .lp-outcome-grid i { transform:rotate(90deg); }.saidai-common-shell .lp-outcome-note { margin-top:16px; font-size:9px; }.saidai-common-shell .ocr-demo-intro { width:calc(100% - 32px); }.saidai-common-shell .ocr-demo-intro h2 { font-size:clamp(46px,13vw,70px); }.saidai-common-shell .ocr-demo-intro span { font-size:12px; }.saidai-common-shell .lp-impact-note { right:18px; bottom:20px; left:18px; max-width:none; font-size:8px; }.saidai-common-shell .lp-document { min-height:86px; margin-top:64px; padding:24px 30px; font-size:21px; } }