        <style>
/* ===== SMARTUI LP BASE ===== */
#onetrust-banner-sdk {display: none;}
#su-lp{font-family:'YuGothic','Yu Gothic',sans-serif;color:#1B1C1E;overflow-x:hidden}
#su-lp *{box-sizing:border-box;margin:0;padding:0}
#su-lp sup{vertical-align:super;font-size:.6em;line-height:1;font-family:'Roboto','Arial',sans-serif;font-feature-settings:normal;letter-spacing:0}
#su-lp a{text-decoration:none;color:inherit}
#su-lp h2,#su-lp h3{font-weight:700!important}
.su-wrap{max-width:1280px;margin:0 auto}
.su-inner{max-width:1280px;margin:0 auto!important;padding:0 100px!important}
/* ===== BUTTON COMPONENT ===== */
/* Base — display:inline-flex!important to override base_lp.css a{display:block} */
.su-btn{display:inline-flex!important;align-items:center;justify-content:center;position:relative;isolation:isolate;overflow:hidden;border-radius:9999px;font-weight:700;color:#fff!important;text-decoration:none!important;cursor:pointer;white-space:nowrap;border-style:solid;flex-grow:0;flex-shrink:0;width:auto!important}
/* Color: blue (資料請求) */
.su-btn-blue::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(103deg,#0E87BB 0%,#65C9D4 100%);transition:opacity .35s}
.su-btn-blue::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(107deg,#0C1D83 0%,#2678B2 60%,#2ECAA5 100%);opacity:0;transition:opacity .35s}
.su-btn-blue:hover::after{opacity:1}
.su-btn-blue{border-color:#65C9D4}
/* Color: green (お問い合わせ FV) */
.su-btn-green::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(167deg,#0CCAB7 0%,#3EBF98 105%);transition:opacity .35s}
.su-btn-green::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(107deg,#0C1D83 0%,#2678B2 60%,#2ECAA5 100%);opacity:0;transition:opacity .35s}
.su-btn-green:hover::after{opacity:1}
.su-btn-green{border-color:#3BDEB0}
/* Color: navy (header お問い合わせ — node 18726:10574) */
.su-btn-navy::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(104.44deg,#0C1D83 0%,#2678B2 60%,#2ECAA5 100%);transition:opacity .35s}
.su-btn-navy::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(104.44deg,#2ECAA5 0%,#2678B2 40%,#0C1D83 100%);opacity:0;transition:opacity .35s}
.su-btn-navy:hover::after{opacity:1}
.su-btn-navy{border-color:#0C1D83}
/* Size: small */
.su-btn-sm{height:40px;min-width:151px;padding:0 20px!important;font-size:16px;line-height:1.5;letter-spacing:.8px;font-feature-settings:'palt' 1;border-width:0.672px}
/* Size: large */
.su-btn-lg{width:256px;min-width:224px;padding:20px 40px!important;font-size:18px;line-height:1;border-width:1px}
/* Size: header (node 18726:10574) */
.su-btn-hd{min-width:144px;padding:14px 32px!important;font-size:14px;line-height:1;border-width:0}
/* ===== FLOAT ===== */
#su-float{position:fixed;right:56px;bottom:40px;z-index:999;opacity:0;pointer-events:none;transition:opacity .3s}
#su-float.is-visible{opacity:1;pointer-events:auto}
.su-float-btn{display:block!important;position:relative;width:148px;height:100px;border-radius:12px;background:linear-gradient(94.65deg,#0E87BB 0%,#65C9D4 100%);box-shadow:0 0 5px rgba(0,0,0,.05);overflow:visible;text-decoration:none}
.su-float-btn::after{content:'';position:absolute;inset:0;border-radius:12px;background:linear-gradient(96.17deg,#0C1D83 0%,#2678B2 60%,#2ECAA5 100%);opacity:0;transition:opacity .3s;z-index:1}
.su-float-btn:hover::after{opacity:1}
.su-float-doc{position:absolute;left:13px;top:-21px;width:123px;height:91px;pointer-events:none;display:block!important;z-index:2}
.su-float-doc-sp{display:none!important;pointer-events:none;z-index:2}
.su-float-badge{position:absolute;left:22px;top:74px;width:28px;height:14px;display:block!important;z-index:2}
.su-float-label{position:absolute;left:54px;top:71px;font-size:18px;font-weight:700;color:#fff;white-space:nowrap;line-height:1;z-index:2}
/* ===== NAVIBAR ===== */
/* Component: navi-item (NaviAct / Annotation) */
.su-navibar{display:flex;width:100%;position:relative;z-index:150}
.su-navi-item{flex:1;display:flex;align-items:center;justify-content:center;gap:16px;height:41px;background:#fff;padding:4px 0;text-decoration:none;color:#1B1C1E;transition:background .2s}
/* NaviAct */
.su-navi-naviact{border-top:3px solid #2B7DE9}
.su-navi-naviact:hover{background:#E6F2FB}
/* Annotation */
.su-navi-annotation{border-top:3px solid #EEBB40}
.su-navi-annotation:hover{background:#FEF5E1}
/* Inner parts */
.su-navi-label{font-size:14px;font-weight:500;color:#1B1C1E;white-space:nowrap}
.su-navi-logo-img{display:block;object-fit:contain;flex-shrink:0}
.su-navi-arr-icon{display:block;flex-shrink:0;transform:rotate(90deg)}
/* ===== FV ===== */
#su-fv{position:relative;height:720px;overflow:hidden;background:#0C1D83}
.su-fv-bg{position:absolute;inset:0;background-image:url(/products/bizfront/sui/img/fv-bg.jpg);background-size:cover;background-position:center bottom}
.su-fv-canvas{position:relative;width:1280px;height:720px;margin:0 auto!important;display:flex;flex-direction:column;align-items:flex-start;padding:231px 0 0 100px!important}
/* Text */
.su-fv-textblock{display:contents}
.su-fv-logo2{display:block;margin-bottom:16px!important}
.su-fv-h12{font-family:'YuGothic','Yu Gothic',sans-serif;font-size:52px;font-weight:700;color:#fff;line-height:1.3;letter-spacing:5.2px;font-style:normal;font-feature-settings:'halt' 1,'palt' 1;-webkit-font-smoothing:antialiased;font-synthesis:none;margin-bottom:22px!important}
.su-fv-h12 .hs{font-family:'YuGothic','Yu Gothic',sans-serif;font-weight:700;font-size:58px;letter-spacing:-.58px;font-style:normal;-webkit-font-smoothing:antialiased;font-synthesis:none}
.su-fv-h12-br{display:block;margin-bottom:16px}
.su-fv-sub2{font-family:'YuGothic','Yu Gothic',sans-serif;font-size:16px;font-weight:400;color:#fff;letter-spacing:.8px;line-height:1.5;font-feature-settings:'palt' 1;margin-bottom:32px!important}
.su-fv-btns2{display:flex;gap:16px}
/* Illustration */
.su-fv-ill{position:absolute;left:530px;top:157px;width:750px;height:582px}
.su-fv-ill-sp{display:none}
.su-fv-ill-wide{display:none}
/* ===== SV ===== */
#su-sv{background:#F5FAFF;padding:90px 0}
.su-sv-text{max-width:1280px;margin:0 auto!important;padding:0 100px!important}
.su-sv-h2{font-size:36px;font-weight:700;color:#0C1266;line-height:1.5;letter-spacing:1.8px;font-feature-settings:'palt' 1;margin-bottom:16px!important}
.su-sv-h2 br{display:none}
.sp-br{display:none}
.su-sv-body{font-size:16px;font-weight:500;color:#1B1C1E;line-height:1.8;margin-bottom:28px!important}
.su-sv-link{color:#0099C0!important;text-decoration:underline!important;display:inline!important}
.su-sv-link:hover{text-decoration:none!important}
.su-sv-clabel{font-size:18px;font-weight:700;color:#0099C0;text-align:center;letter-spacing:.9px;font-feature-settings:'palt' 1;line-height:1.5;display:block;margin-bottom:16px!important}
.su-sv-carousel{width:100vw;overflow:hidden}
.su-sv-track{display:flex;transition:transform .5s cubic-bezier(.4,0,.2,1)}
.su-sv-slide{flex:0 0 800px;display:flex!important;justify-content:center;padding:0 20px!important;opacity:.5;transition:opacity .5s,transform .5s cubic-bezier(.4,0,.2,1);transform:scale(0.93)}
.su-sv-slide.is-active{opacity:1;transform:scale(1)}
.su-sv-slide img{display:block!important;width:760px;height:auto}
.su-sv-pbar{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:32px!important}
.su-sv-pdots{display:flex;align-items:center;gap:12px;height:40px;padding:0 16px!important;background:rgba(255,255,255,.8);border:1px solid #fff;border-radius:9999px;box-shadow:0 0 10px rgba(0,0,0,.05)}
.su-sv-dot{display:block;width:8px;height:8px;border-radius:9999px;background:#DCDFE5;transition:background .3s,width .3s;flex-shrink:0;cursor:pointer}
.su-sv-dot:hover:not(.is-on){background:rgba(12,29,131,.6)}
.su-sv-dot.is-on{width:40px;background:#0C1D83;cursor:default}
.su-sv-ppause{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:rgba(255,255,255,.8);border:1px solid #fff;border-radius:9999px;box-shadow:0 0 10px rgba(0,0,0,.05);cursor:pointer;flex-shrink:0;padding:0!important;color:#AFB3BA;transition:color .2s}
.su-sv-ppause:hover{color:rgba(12,29,131,.6)}
.su-sv-ppause.is-paused{color:#0C1D83}
.su-sv-ppause .su-sv-icon-play{display:none}
.su-sv-ppause.is-paused .su-sv-icon-pause{display:none}
.su-sv-ppause.is-paused .su-sv-icon-play{display:block}
/* ===== FUNCTION ===== */
#su-fn{background:url(/products/bizfront/sui/img/fn-bg.jpg) center center/cover no-repeat;padding:62px 0 100px}
.su-fn-inner{max-width:1280px;margin:0 auto!important;padding:0 100px!important}
.su-fn-hero{display:flex!important;align-items:flex-start;justify-content:space-between;margin-bottom:0!important}
.su-fn-herotext{max-width:650px;padding-top:58px!important}
.su-fn-h2{font-size:36px;font-weight:700;color:#F5FAFF;line-height:1.5;letter-spacing:1.8px;font-feature-settings:'palt' 1;margin-bottom:16px!important}
.su-fn-body{font-size:16px;font-weight:500;color:#fff;line-height:1.8;text-align:justify}
.su-fn-illust img{display:block!important;width:331px;height:318px}
.su-fn-cat{font-size:24px;font-weight:700;color:#F5FAFF;line-height:1.5;letter-spacing:1.2px;font-feature-settings:'palt' 1;margin-bottom:16px!important}
.su-fn-cards{display:flex!important;gap:24px;margin-bottom:40px!important}
.su-fn-card{width:252px;flex-shrink:0;border:1px solid #F7F8FA;border-radius:12px;overflow:hidden}
.su-fn-card-thumb{height:142px;overflow:hidden}
.su-fn-card-thumb img{display:block!important;width:252px;height:142px}
.su-fn-card-text{background:rgba(245,250,255,.8);padding:14px 13px!important}
.su-fn-card-title{font-size:18px;font-weight:700;color:#0C1D83;line-height:1.5;letter-spacing:.9px;font-feature-settings:'palt' 1;margin-bottom:4px!important}
.su-fn-card-desc{font-size:14px;font-weight:500;color:#1B1C1E;line-height:1.8;text-align:justify}
.su-fn-link{display:inline-flex!important;align-items:center;gap:8px;font-size:18px;font-weight:700;color:#fff!important;line-height:1.5;letter-spacing:.9px;font-feature-settings:'palt' 1;text-decoration:none!important;transition:gap .2s}
.su-fn-link:hover{gap:12px}
.su-fn-link-arr{position:relative;width:24px;height:24px;flex-shrink:0}
.su-fn-link-arr-default,.su-fn-link-arr-hover{position:absolute;top:0;left:0;transition:opacity .2s}
.su-fn-link-arr-hover{opacity:0}
.su-fn-link:hover .su-fn-link-arr-default{opacity:0}
.su-fn-link:hover .su-fn-link-arr-hover{opacity:1}
/* ===== CASESTUDY ===== */
#su-cs{background:#F5FAFF;padding:100px 0 72px}
.su-cs-h2{font-size:36px;font-weight:700;color:#0C1266;text-align:center;letter-spacing:1.8px;font-feature-settings:'palt' 1;line-height:1.5;margin-bottom:32px!important}
.su-cs-h2 br{display:none}
.su-ticker-wrap{overflow:hidden;margin-bottom:72px!important}
.su-ticker{display:flex;gap:28px;width:max-content;animation:su-tick 24s linear infinite}
.su-ticker-b{display:none}
@keyframes su-tick{0%{transform:translateX(0)}100%{transform:translateX(-2152px)}}
@keyframes su-tick-sp{0%{transform:translateX(0)}100%{transform:translateX(-816px)}}
.su-ticker-sp-imgs{display:none}
.su-ticker-item{flex-shrink:0}
.su-ticker-item img{display:block!important;width:160px;height:58px}
.su-ticker-item-w img{width:244px}
.su-cs-label{font-size:28px;font-weight:700;color:#0099C0;text-align:center;letter-spacing:1.4px;font-feature-settings:'palt' 1;line-height:1.5;margin-bottom:8px!important}
.su-cs-sublabel{font-size:14px;font-weight:500;color:#1B1C1E;text-align:center;line-height:1.8;margin-bottom:32px!important}
.su-cs-wrap{overflow:hidden;touch-action:pan-x}
.su-cs-track{display:flex;gap:32px;transition:transform .4s ease}
.su-cs-card{width:320px;flex-shrink:0;border-radius:24px;overflow:hidden;background:#fff;position:relative}
.su-cs-card-link{position:absolute;inset:0;z-index:1}
.su-cs-img{width:320px;height:200px;overflow:hidden;flex-shrink:0}
.su-cs-img img{display:block!important;width:320px;height:200px;object-fit:cover;transition:transform .35s,opacity .35s}
.su-cs-card-link:hover~.su-cs-img img{transform:scale(1.1);opacity:.9}
.su-cs-card-link:hover~.su-cs-body .su-cs-desc{text-decoration:underline!important;text-decoration-skip-ink:none;text-underline-position:from-font;text-decoration-style:solid}
.su-cs-body{padding:16px 20px 20px!important;display:flex;flex-direction:column;gap:12px}
.su-cs-cat{display:flex!important;align-items:center;gap:0}
.su-cs-cat-icon{display:block!important;width:24px;height:24px;flex-shrink:0}
.su-cs-cat-text{font-size:16px;font-weight:700;color:#006F62;letter-spacing:0.8px;font-feature-settings:'palt' 1;line-height:1.5;white-space:nowrap}
.su-cs-desc{font-size:16px;font-weight:500;color:#1B1C1E;line-height:1.8;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.su-cs-card:has(.su-cs-card-link) .su-cs-desc{color:#0C1D83}
.su-cs-tags{display:flex!important;align-items:center;gap:10px}
.su-cs-industry{background:#F5FAFF;color:#0C1266;font-size:14px;font-weight:500;line-height:1.8;padding:0 8px!important;border-radius:8px;white-space:nowrap;flex-shrink:0}
.su-cs-company{font-size:14px;font-weight:500;color:#5F6269;line-height:1.8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 0 0;min-width:0}
.su-cs-divider{height:1px;background:#DCDFE5;width:100%;flex-shrink:0}
.su-cs-pdf{display:flex!important;align-items:center;gap:4px;color:#1B1C1E!important;font-size:14px;font-weight:500;line-height:1.8;text-decoration:none!important;position:relative;z-index:2}
.su-cs-pdf-icon{display:block!important;width:25px;height:25px;flex-shrink:0}
.su-cs-nav{display:flex!important;justify-content:center;gap:16px;margin-top:40px!important}
.su-cs-nav-btn{width:48px;height:32px;border-radius:9999px;background:#D1E8FF;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s}
.su-cs-nav-btn:hover{background:#0099C0}
.su-cs-nav-btn:hover svg path{stroke:#fff}
/* ===== CTA ===== */
#su-cta{
  min-height:520px;padding:60px 240px 70px!important;
  background:
    radial-gradient(ellipse 55% 250% at 50% 50%,rgba(5,8,55,.92) 0%,transparent 50%),
    radial-gradient(ellipse 185% 215% at -7% 92%,rgba(46,225,182,.90) 9%,rgba(23,171,197,.72) 29%,rgba(0,116,211,.42) 50%,transparent 78%),
    radial-gradient(ellipse 150% 120% at 108% 22%,#3AAFC0 0%,#1A80B5 28%,#0C50AA 55%,#0C30A0 78%,#091A80 100%);
  display:flex;flex-direction:column;align-items:center}
.su-cta-inner{width:100%;max-width:800px;display:flex;flex-direction:column;align-items:center;text-align:center}
.su-cta-h2{font-size:40px;font-weight:700;color:#fff;letter-spacing:2px;font-feature-settings:'palt' 1;line-height:1.5;margin-bottom:20px!important}
.su-cta-body{font-size:18px;font-weight:500;color:#fff;line-height:1.8;text-align:justify;width:100%;margin-bottom:60px!important}
.su-cta-body p+p{margin-top:15px!important}
.su-cta-btns{display:flex!important;gap:40px;justify-content:center}
/* ===== EFFECT ===== */
#su-ef{background:#F5FAFF;padding:72px 0 100px!important}
.su-ef-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:0!important}
.su-ef-text{flex:0 0 598px;padding-top:48px!important}
.su-ef-h2{font-size:36px;font-weight:700;color:#0C1266;line-height:1.5;margin-bottom:16px!important;letter-spacing:1.8px;font-feature-settings:'palt' 1}
.su-ef-body{font-size:14px;line-height:1.8;color:#1B1C1E;text-align:justify}
.su-ef-illust{display:flex;flex-direction:column;align-items:center;flex-shrink:0}
.su-ef-balloon{background:#D1E8FF;border-radius:16px;padding:14px 28px 9px!important;display:inline-flex;align-items:flex-end;gap:2px;position:relative;margin-bottom:0;z-index:1}
.su-ef-balloon::after{content:'';position:absolute;left:50%;transform:translateX(-50%);top:100%;width:0;height:0;border-left:22px solid transparent;border-right:21px solid transparent;border-top:18px solid #D1E8FF}
.su-ef-balloon-word{font-size:24px;font-weight:700;color:#1B1C1E;letter-spacing:1.2px;font-feature-settings:'palt' 1;white-space:nowrap;line-height:1.5}
.su-ef-balloon-num{display:inline-block;vertical-align:baseline;transform:translateY(5px)}
.su-ef-balloon-70{font-family:'Inter',sans-serif;font-size:48px;font-weight:700;letter-spacing:-.96px;line-height:1.3;color:#0C1D83;font-feature-settings:'palt' 1}
.su-ef-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.su-ef-balloon-pct{font-size:28px;font-weight:700;color:#0C1D83;font-family:'Inter',sans-serif;letter-spacing:-.56px;line-height:1.3}
.su-ef-people{display:block;width:345px;height:227px;object-fit:contain;margin-top:-20px!important;position:relative;z-index:2}
.su-res-cards{display:flex;justify-content:center;gap:24px;margin-bottom:12px!important}
.su-res-card{width:344px;height:347px;border-radius:24px;flex-shrink:0;background:#fff;display:flex;flex-direction:column;align-items:center;padding:38px 60px 24px!important}
.su-res-card-graphic{display:flex;flex-direction:column;align-items:center;gap:12px;flex-shrink:0;margin-bottom:20px!important}
.su-res-card-icon{width:130px;height:90px;overflow:hidden;flex-shrink:0}
.su-res-card-icon img{display:block;width:130px;height:90px}
.su-res-card-num{display:flex;align-items:flex-end}
.su-res-numtext{background:linear-gradient(94deg,#0C1D83 0%,#2678B2 60%,#2ECAA5 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.su-res-numdigit{font-family:'Inter',sans-serif;font-size:52px;font-weight:700;letter-spacing:-1.04px;line-height:1}
.su-res-numpct{font-family:'Inter',sans-serif;font-size:32px;font-weight:700;letter-spacing:-.64px;line-height:1;display:inline;vertical-align:2px}
.su-res-numarr{display:block;width:22px;height:22px;margin-left:4px;transform:translateY(-8px)}
.su-res-card-body{width:100%}
.su-res-card-h{font-size:24px;font-weight:700;color:#0C1266;letter-spacing:1.2px;font-feature-settings:'palt' 1;line-height:1.5;text-align:center;margin-bottom:8px!important}
.su-res-card-p{font-size:14px;font-weight:500;color:#1B1C1E;line-height:1.8}
.su-ef-note{font-size:14px;color:#5F6269;line-height:1.8;margin-bottom:72px!important}
.su-why-h2{font-size:28px;font-weight:700;color:#0099C0;text-align:left;letter-spacing:1.4px;font-feature-settings:'palt' 1;line-height:1.5;margin-bottom:8px!important;white-space:nowrap}
.su-why-h2-br{display:none}
.su-why-body{font-size:14px;line-height:1.8;color:#1B1C1E;text-align:justify;width:648px;margin-bottom:52px!important}
.su-why-cards{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.su-why-card{background:#fff;border-radius:24px;padding:24px 56px!important;display:flex;align-items:center;gap:32px}
.su-why-card-text{flex:1 0 0;min-width:0}
.su-why-card-h{font-size:24px;font-weight:700;color:#0C1266;letter-spacing:1.2px;font-feature-settings:'palt' 1;line-height:1.5;margin-bottom:8px!important}
.su-why-card-p{font-size:14px;font-weight:500;color:#1B1C1E;line-height:1.8}
.su-why-card-img{width:152px;height:124px;flex-shrink:0;display:block;object-fit:contain}
/* ===== PROCESS ===== */
#su-pr{background:#fff;padding:100px 0!important}
.su-pr-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:0!important}
.su-pr-text{flex:0 0 648px}
.su-pr-h2{font-size:36px;font-weight:700;color:#0C1266;line-height:1.5;letter-spacing:1.8px;font-feature-settings:'palt' 1;white-space:nowrap;margin-bottom:16px!important}
.su-pr-body{font-size:14px;line-height:1.8;color:#1B1C1E;text-align:justify}
.su-pr-illust{width:264px;height:180px;object-fit:contain;flex-shrink:0;display:block;align-self:flex-end}
.su-pr-steps{display:flex;margin-bottom:8px!important}
.su-pr-step{position:relative;height:48px;flex-shrink:0;display:flex;align-items:center;justify-content:center}
.su-pr-step-1{width:360px;z-index:3}
.su-pr-step-2{width:382px;margin-left:-22px!important;z-index:2}
.su-pr-step-3{width:382px;margin-left:-22px!important;z-index:1}
.su-pr-step-bg{position:absolute;inset:0;width:100%;height:100%;display:block}
.su-pr-step-label{position:relative;z-index:1;display:flex;align-items:center;gap:12px}
.su-pr-step-num{font-family:'Roboto',sans-serif;font-size:24px;font-weight:700;color:#0C1266;line-height:1.6}
.su-pr-step-name{font-size:18px;font-weight:700;color:#0C1266;letter-spacing:0.9px;font-feature-settings:'palt' 1;line-height:1.5}
.su-pr-step-3 .su-pr-step-num,.su-pr-step-3 .su-pr-step-name{color:#fff}
.su-pr-descs{display:flex;align-items:flex-start;margin-bottom:36px!important}
.su-pr-desc{font-size:14px;line-height:1.8;color:#1B1C1E;flex-shrink:0}
.su-pr-desc-1{flex:0 0 360px;padding-left:12px!important}
.su-pr-desc-2{flex:0 0 338px;text-align:center}
.su-pr-desc-3{flex:0 0 382px;text-align:center}
.su-pr-support-h{font-size:24px;font-weight:700;color:#0099C0;letter-spacing:1.2px;font-feature-settings:'palt' 1;line-height:1.5;margin-bottom:16px!important}
.su-pr-cards{display:flex;gap:24px}
.su-pr-card{width:344px;height:183px;background:#F5FAFF;border-radius:16px;flex-shrink:0;overflow:hidden}
.su-pr-card-inner{display:flex;align-items:center;gap:24px;padding:32px 0 0 40px!important}
.su-pr-card-icon{width:76px;height:76px;flex-shrink:0}
.su-pr-card-icon img{width:76px;height:76px;display:block;object-fit:contain}
.su-pr-card-h{font-size:18px;font-weight:700;color:#0C1266;letter-spacing:0.9px;font-feature-settings:'palt' 1;line-height:1.5;margin-bottom:4px!important}
.su-pr-card-p{font-size:14px;font-weight:500;color:#1B1C1E;line-height:1.8;width:164px}
/* ===== CTA BANNER ===== */
#su-ctab{background:#fff;padding:80px 0!important}
.su-ctab-link{display:block;border-radius:24px;text-decoration:none!important;cursor:pointer}
.su-ctab-banner{position:relative;height:240px;border-radius:24px;overflow:hidden;background-image:url('/products/bizfront/sui/img/ctab-bg.png');background-size:cover;background-position:center;transform:translateZ(0)}
.su-ctab-banner::after{content:'';position:absolute;inset:0;background:#2EE1B6;opacity:0;transition:opacity .3s;pointer-events:none;z-index:1}
.su-ctab-link:hover .su-ctab-banner::after{opacity:.4}
.su-ctab-illust{position:absolute;left:32px;top:16px;width:218px;height:224px;display:block;pointer-events:none;z-index:2}
.su-ctab-h{position:absolute;left:292px;top:36px;font-size:24px;font-weight:700;color:#fff;letter-spacing:1.2px;font-feature-settings:'palt' 1;line-height:1.5;white-space:nowrap;z-index:3}
.su-ctab-price-row{position:absolute;left:292px;top:88px;display:flex;align-items:flex-end;z-index:3}
.su-ctab-badge{background:#fff;border-radius:8px;padding:2px 8px!important;font-size:16px;font-weight:700;color:#0C1D83;letter-spacing:0.8px;font-feature-settings:'palt' 1;line-height:1.5;white-space:nowrap;margin-right:17px!important}
.su-ctab-nen{font-size:18px;font-weight:700;color:#fff;letter-spacing:0.9px;font-feature-settings:'palt' 1;line-height:1.5;white-space:nowrap}
.su-ctab-num{display:inline-block;flex-shrink:0;margin:0 6px 0 7px!important;font-family:'Inter',sans-serif;font-size:48px;font-weight:700;letter-spacing:-.96px;line-height:1.3;color:#fff;font-feature-settings:'palt' 1;white-space:nowrap;text-box-trim:trim-both;text-box-edge:cap alphabetic}
.su-ctab-unit{font-size:18px;font-weight:700;color:#fff;letter-spacing:0.9px;font-feature-settings:'palt' 1;line-height:1.5;white-space:nowrap}
.su-ctab-body{position:absolute;left:292px;width:365px;font-size:12px;font-weight:500;color:#fff;line-height:1.5;z-index:3}
.su-ctab-body-1{top:142px}
.su-ctab-body-2{top:186px}
.su-ctab-btn{position:absolute;left:764px;top:140px;width:256px;height:58px;border-radius:9999px;border:1px solid #3BDEB0!important;background:linear-gradient(107deg,#0C1D83 0%,#2678B2 60%,#2ECAA5 100%);font-size:18px;font-weight:700;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:3;overflow:hidden}
.su-ctab-btn::before{content:'';position:absolute;inset:0;border-radius:9999px;background:linear-gradient(167deg,#0CCAB7 0%,#3EBF98 105%);opacity:1;transition:opacity .3s;pointer-events:none}
.su-ctab-link:hover .su-ctab-btn::before{opacity:0}
.su-ctab-btn span{position:relative;z-index:1}
/* ===== YOUTUBE ===== */
#su-yt{background:#fff;padding:80px 0!important}
.su-yt-h2{font-size:28px!important;font-weight:500;color:#0C1266!important;letter-spacing:1.4px;font-feature-settings:'palt' 1;line-height:1.5;text-align:center;margin-bottom:32px!important}
.su-yt-cards{display:flex;gap:24px;max-width:1080px;margin:0 auto!important}
.su-yt-card{width:344px;flex-shrink:0}
.su-yt-thumb{width:344px;height:194px;border-radius:12px;overflow:hidden;margin-bottom:16px!important;display:block}
.su-yt-thumb iframe{width:100%;height:100%;display:block;border:none}
.su-yt-label{font-size:16px;font-weight:500;color:#0C1D83;line-height:1.8;margin-bottom:4px!important}
.su-yt-desc{font-size:14px;font-weight:500;color:#1B1C1E;line-height:1.8}
/* ===== DLCT BANNER ===== */
#su-dc{display:flex}
.su-dc-link{flex:0 0 50%;display:block;text-decoration:none!important;cursor:pointer}
.su-dc-banner{position:relative;height:208px;overflow:hidden}
.su-dc-dl .su-dc-banner{background:radial-gradient(ellipse 77% 130% at 43% 80%,rgba(12,29,131,1) 0%,rgba(12,29,131,0) 57%),radial-gradient(400px circle at -79px 56px,rgba(46,225,182,1) 0%,rgba(23,171,197,1) 31%,rgba(12,143,204,1) 46%,rgba(0,116,211,1) 62%,rgba(6,73,171,1) 81%,rgba(9,51,151,1) 90%,rgba(12,29,131,1) 100%)}
.su-dc-ct .su-dc-banner{background:radial-gradient(130% 254% at 118% -43%,rgba(0,116,211,1) 8%,rgba(12,143,204,.75) 26%,rgba(23,171,197,.5) 43%,rgba(46,225,182,0) 78%),radial-gradient(140% 366% at 67% 50%,rgba(46,225,182,1) 0%,rgba(23,171,197,1) 50%,rgba(12,143,204,1) 75%,rgba(0,116,211,1) 100%)}
.su-dc-banner::after{content:'';position:absolute;inset:0;z-index:1;opacity:0;transition:opacity .25s}
.su-dc-dl .su-dc-banner::after{background:#0074D3}
.su-dc-ct .su-dc-banner::after{background:#2EE1B6}
.su-dc-link:hover .su-dc-banner::after{opacity:1}
.su-dc-icon{position:absolute;pointer-events:none;mix-blend-mode:plus-lighter;width:240px;height:240px;z-index:2}
.su-dc-dl .su-dc-icon{left:344px;top:24px;opacity:.08}
.su-dc-ct .su-dc-icon{left:352px;top:20px;opacity:.05}
.su-dc-en{position:absolute;font-family:'Roboto',sans-serif;font-size:16px;font-weight:700;line-height:1.6;letter-spacing:0;margin:0!important;z-index:2}
.su-dc-dl .su-dc-en{color:#d1e8ff;left:58px;top:104px}
.su-dc-ct .su-dc-en{color:#cff5e8;left:55px;top:110px}
.su-dc-ja{position:absolute;font-size:30px;font-weight:700;color:#fff;line-height:1.5;letter-spacing:1.5px;font-feature-settings:'palt' 1;display:flex;align-items:center;white-space:nowrap;margin:0!important;z-index:2}
.su-dc-dl .su-dc-ja{left:56px;top:130px}
.su-dc-ct .su-dc-ja{left:53px;top:136px}
.su-dc-sub{font-size:24px;letter-spacing:1.2px}
.su-dc-arr{display:inline-flex;align-items:center;flex-shrink:0;width:16px;height:16px;margin-left:8px!important;z-index:2}
/* ===== FAQ ===== */
#su-faq{background:#F7F8FA;padding:100px 0!important}
.su-faq-h2{font-size:28px;font-weight:700;color:#0C1266;letter-spacing:1.4px;font-feature-settings:'palt' 1;line-height:1.5;text-align:center;margin-bottom:70px!important}
.su-faq-list{display:flex;flex-direction:column;gap:20px!important;max-width:960px;margin:0 auto!important}
.su-faq-item{background:#fff;border-radius:16px;overflow:hidden}
.su-faq-q{display:flex;align-items:center;padding:20px 40px!important;cursor:pointer;gap:12px;user-select:none}
.su-faq-q:hover .su-faq-qt{color:#0C1D83;text-decoration:underline}
.su-faq-ql{font-size:24px;font-weight:700;color:#0C1D83;font-family:'Roboto',sans-serif;flex-shrink:0;line-height:1.6}
.su-faq-qt{font-size:16px;font-weight:500;color:#1B1C1E;flex:1;line-height:1.8;text-align:justify}
.su-faq-icon{width:16px;height:16px;flex-shrink:0;font-size:0;color:#0C1D83}
.su-faq-icon::before{content:'+';font-size:20px;font-weight:400;line-height:1}
.su-faq-item.open .su-faq-icon::before{content:'−'}
.su-faq-a{display:none;padding:0 40px 20px!important;gap:12px;align-items:baseline}
.su-faq-item.open .su-faq-a{display:flex}
.su-faq-al{font-size:24px;font-weight:700;color:#006F62;font-family:'Roboto',sans-serif;flex-shrink:0;line-height:1.6;width:24px}
.su-faq-at{font-size:16px;font-weight:500;color:#006F62;line-height:1.8;flex:1;text-align:justify}
.su-faq-foot{text-align:center;margin-top:40px!important}
.su-faq-extra{display:none}
.su-faq-open,.su-faq-close{display:inline-flex;align-items:center;gap:8px!important;font-size:18px;font-weight:700;color:#0C1D83;cursor:pointer;background:none;border:none;padding:0!important;font-family:inherit;letter-spacing:0.9px;font-feature-settings:'palt' 1}
.su-faq-open-icon,.su-faq-close-icon{width:24px;height:24px;background:#D1E8FF;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;overflow:hidden}
.su-faq-open-icon::after,.su-faq-close-icon::after{content:'';position:absolute;inset:0;background:linear-gradient(136.56deg,#0CCAB7 0%,#3EBF98 105%);opacity:0;transition:opacity .2s}
.su-faq-open-icon svg,.su-faq-close-icon svg{position:relative;z-index:1}
.su-faq-open:hover .su-faq-open-icon::after,.su-faq-close:hover .su-faq-close-icon::after{opacity:1}
/* ===== PC FOOTER ===== */
#su-pc-foot{background:#fff;min-height:240px;position:relative;overflow:hidden}
.su-pc-foot-inner{max-width:1280px;margin:0 auto!important;position:relative;height:240px}
.su-pc-foot-top{position:absolute;right:56px;top:50px;width:60px;height:60px;border-radius:50%;background:#D1E8FF;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}
.su-pc-foot-notes{position:absolute;left:56px;top:125px}
.su-pc-foot-note{font-size:14px;font-weight:500;color:#5F6269;line-height:1.8;margin:0}
.su-pc-foot-privacy{position:absolute;right:56px;top:175px;font-size:14px;font-weight:500;color:#5F6269;line-height:1.8;text-decoration:none;border-bottom:1px solid #5F6269;transition:border-color .2s}
.su-pc-foot-privacy:hover{border-bottom-color:transparent}
/* ===== SP FOOTER ===== */
#su-foot{display:none}
/* ===== NEWS ===== */
#su-news{background:#fff;padding:100px 0!important}
.su-news-h2{font-size:28px;font-weight:700;text-align:center;color:#0C1266;letter-spacing:1.4px;font-feature-settings:'palt' 1;line-height:1.5;margin-bottom:70px!important}
.su-news-wrap{position:relative;max-width:960px;margin:0 auto!important}
.su-news-list{max-height:330px;overflow-y:auto;scrollbar-width:none;display:flex;flex-direction:column;gap:20px!important}
.su-news-list::-webkit-scrollbar{display:none}
.su-news-wrap::after{content:'';position:absolute;bottom:0;left:0;right:0;height:90px;background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,#fff 100%);pointer-events:none;z-index:1;transition:opacity .2s}
.su-news-wrap.at-bottom::after{opacity:0}
.su-news-item{display:flex;gap:40px;padding:0 0 20px!important;border-bottom:1px solid #DCDFE5;cursor:pointer}
.su-news-item:last-child{border-bottom:none}
.su-news-date{width:auto;flex-shrink:0!important;white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important;font-size:16px;font-weight:500;color:#5F6269;line-height:1.8}
#su-news .su-news-date{white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important;min-width:max-content!important}
.su-news-text{flex:1;min-width:0;font-size:16px;font-weight:500;color:#1B1C1E;line-height:1.8;transition:color .2s}
.su-news-text a{color:#0C1D83;text-decoration:underline;transition:color .2s}
.su-news-item:hover .su-news-text{color:#0C1D83;text-decoration:underline}
.su-news-item:hover .su-news-text a{color:#0C1D83;text-decoration:underline}
/* ===== STICKY HEADER ===== */
#su-sticky{position:fixed;top:0;left:0;right:0;z-index:1001;height:80px;background:#fff;border-top:3px solid #0068B7;opacity:0;pointer-events:none;transition:opacity .25s}
#su-sticky.is-visible{opacity:1;pointer-events:auto}
.su-sticky-inner{max-width:1280px;height:100%;margin:0 auto!important;display:flex;align-items:center;justify-content:space-between;padding:0 40px!important}
.su-sticky-logo{display:block;flex-shrink:0}
.su-sticky-nav{display:flex;align-items:center;gap:36px}
.su-sticky-nav-item{font-size:16px;font-weight:500;color:#1B1C1E!important;white-space:nowrap;text-decoration:none!important;display:flex;align-items:center;gap:4px;padding-bottom:3px;box-shadow:0 3px 0 transparent;transition:box-shadow .15s,color .15s}
.su-sticky-nav-item:hover{box-shadow:0 3px 0 #0074D3;color:#0074D3!important}
.su-sticky-arr{display:block;flex-shrink:0;transition:transform .2s}
/* === Sticky Submenu (機能紹介) === */
.su-sticky-fn-wrap{position:relative;display:flex;align-items:center}
.su-sticky-fn-trigger{position:relative}
.su-sticky-fn-sub{position:absolute;top:calc(100% + 16px);left:0;background:#fff;border-radius:12px;padding-top:8px!important;padding-right:24px!important;padding-bottom:24px!important;padding-left:24px!important;display:flex;flex-direction:column;align-items:flex-start;gap:8px!important;white-space:nowrap;z-index:10;opacity:0;pointer-events:none;transition:opacity .2s}
.su-sticky-fn-sub::before{content:'';position:absolute;top:-16px;left:0;right:0;height:16px}
.su-sticky-fn-wrap:hover .su-sticky-fn-sub,.su-sticky-fn-wrap:focus-within .su-sticky-fn-sub{opacity:1;pointer-events:auto}
.su-sticky-fn-wrap:hover .su-sticky-fn-trigger,.su-sticky-fn-wrap:focus-within .su-sticky-fn-trigger{box-shadow:0 3px 0 #0074D3;color:#0074D3!important}
.su-sticky-fn-wrap:hover .su-sticky-fn-trigger path,.su-sticky-fn-wrap:focus-within .su-sticky-fn-trigger path{stroke:#0074D3}
.su-sticky-fn-sub-item{font-size:16px;font-weight:500;color:#1B1C1E!important;text-decoration:none!important;line-height:1.8;display:flex;align-items:center;justify-content:center;width:100%;padding-top:0!important;padding-bottom:3px!important;box-shadow:0 3px 0 transparent;transition:box-shadow .15s,color .15s}
.su-sticky-fn-sub-item:hover{box-shadow:0 3px 0 #0074D3;color:#0074D3!important}
/* === Hamburger / Drawer === */
.su-hbg{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;cursor:pointer;background:none;border:none;padding:0!important;flex-shrink:0}
.su-hbg span{display:block;width:22px;height:2px;background:#1B1C1E;border-radius:2px;transition:transform .3s,opacity .3s}
.su-hbg.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.su-hbg.is-open span:nth-child(2){opacity:0}
.su-hbg.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.su-drawer{position:fixed;top:80px;left:0;right:0;bottom:0;background:#fff;z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s;display:none;overflow-y:auto}
.su-drawer.is-open{opacity:1;pointer-events:auto}
.su-drawer-panel{min-height:100%;display:flex;flex-direction:column}
.su-drawer-nav{display:flex;flex-direction:column;align-items:flex-start;gap:28px!important;padding-top:40px!important;padding-left:60px!important;padding-right:20px!important;flex:1}
.su-drawer-item{font-size:20px;font-weight:700;color:#1B1C1E!important;text-decoration:none!important;letter-spacing:1px;font-feature-settings:'palt' 1;line-height:1.5;display:block}
.su-drawer-fn-wrap{display:flex;flex-direction:column;gap:16px!important}
.su-drawer-fn-trigger{display:flex;align-items:center;gap:4px;background:none;border:none;cursor:pointer;padding:0!important;font-size:20px;font-weight:700;color:#1B1C1E!important;letter-spacing:1px;font-feature-settings:'palt' 1;line-height:1.5;font-family:inherit;align-self:flex-start}
.su-drawer-fn-trigger.is-open{border-bottom:3px solid #0074D3;padding-bottom:4px!important}
.su-drawer-nav .su-btn{min-width:144px;padding:14px 32px!important;font-size:16px;line-height:1;border-width:0}
.su-drawer-arr{display:block;flex-shrink:0;transition:transform .2s}
.su-drawer-fn-trigger.is-open .su-drawer-arr{transform:rotate(180deg)}
.su-drawer-fn-sub{display:none;flex-direction:column;gap:16px!important}
.su-drawer-fn-sub.is-open{display:flex}
.su-drawer-sub-item{font-size:16px;font-weight:500;color:#1B1C1E!important;text-decoration:none!important;line-height:1.8}
.su-drawer-footer{height:59px;border-top:3px solid #0068B7;border-bottom:3px solid #0068B7;display:flex;align-items:center;padding-left:20px!important;font-size:8.5px;color:#1B1C1E;flex-shrink:0}
body.su-drawer-lock{overflow:hidden}
@media(min-width:1380px){
  .su-fv-canvas{padding-left:40px!important}
  .su-fv-ill{width:953px;left:430px}
  .su-fv-ill-wide{display:block;width:100%;height:auto}
  .su-fv-ill-pc{display:none!important}
}
@media(min-width:1281px) and (max-width:1379px){
  .su-fv-canvas{width:100vw!important;margin:0!important}
  .su-fv-ill{left:auto;right:0}
}
@media(min-width:1025px) and (max-width:1279px){
  /* ===== FV ===== */
  .su-fv-canvas{width:100vw!important;margin:0!important;padding:231px 0 0 80px!important}
  .su-fv-ill{left:auto;right:-30px;width:min(700px,54vw);height:auto}
}
@media(min-width:768px) and (max-width:1024px){
  /* ===== Global ===== */
  .su-inner{padding:0 40px!important}

  /* ===== Sticky Header ===== */
  .su-sticky-inner{padding:0 24px!important}
  .su-sticky-nav{display:none}
  .su-hbg{display:flex}
  .su-drawer{display:block}

  /* ===== FV ===== */
  #su-fv{height:560px}
  .su-fv-canvas{width:100vw!important;height:560px!important;margin:0!important;display:flex!important;flex-direction:column;align-items:flex-start;justify-content:center;padding:80px 0 0 40px!important}
  .su-fv-ill{position:absolute;left:auto;right:-50px;top:calc(50% + 80px);transform:translateY(-50%);width:min(560px,55vw);height:auto}
  .su-fv-logo2{width:165px!important;height:24px!important;margin-bottom:16px!important}
  .su-fv-h12{font-size:38px;letter-spacing:1.9px;margin-bottom:22px!important}
  .su-fv-h12-line{margin-bottom:10px}
  .su-fv-h12 .hs{font-size:43px}
  .su-fv-sub2{font-size:15px;margin-bottom:32px!important}
  .su-fv-btns2{gap:14px}

  /* ===== SV ===== */
  #su-sv{padding:72px 0}
  .su-sv-text{padding:0 40px!important}
  .su-sv-h2{font-size:30px;letter-spacing:1.5px}
  .su-sv-carousel{width:100vw}
  .su-sv-slide{flex:0 0 720px;padding:0 24px!important}
  .su-sv-slide img{width:100%}

  /* ===== Function ===== */
  #su-fn{padding:60px 0 80px}
  .su-fn-inner{padding:0 40px!important}
  .su-fn-hero{margin-bottom:0!important}
  .su-fn-herotext{max-width:460px}
  .su-fn-illust img{width:240px;height:231px}
  .su-fn-h2{font-size:30px;letter-spacing:1.5px}
  .su-fn-cards{flex-wrap:wrap;gap:20px;margin-bottom:32px!important}
  .su-fn-card{width:calc(50% - 10px);flex-shrink:0}
  .su-fn-card-thumb{height:auto}
  .su-fn-card-thumb img{width:100%;height:auto}

  /* ===== Case Study ===== */
  #su-cs{padding:80px 0 60px}
  .su-cs-h2{font-size:30px;letter-spacing:1.5px}
  .su-cs-track{gap:24px}
  .su-cs-card{width:600px}
  .su-cs-img{width:600px;height:375px}
  .su-cs-img img{width:600px;height:375px}
  .su-cs-nav{gap:24px;margin-top:32px!important}

  /* ===== CTA ===== */
  #su-cta{padding:60px 60px 70px!important}
  .su-cta-h2{font-size:34px;letter-spacing:1.7px}

  /* ===== Effect ===== */
  #su-ef{padding:72px 0 80px!important}
  .su-ef-text{flex:1 1 auto}
  .su-ef-h2{font-size:30px;letter-spacing:1.5px}
  .su-res-cards{gap:16px;margin-bottom:8px!important}
  .su-res-card{width:calc(33.33% - 12px);height:auto;border-radius:16px;padding:28px 32px 20px!important}
  .su-res-card-graphic{gap:9px;margin-bottom:16px!important}
  .su-res-card-icon{width:100px;height:69px}
  .su-res-card-icon img{width:100px;height:69px}
  .su-res-numdigit{font-size:40px;letter-spacing:-.8px;line-height:1}
  .su-res-numpct{font-size:25px;letter-spacing:-.5px;line-height:1}
  .su-res-numarr{width:17px;height:17px}
  .su-res-card-h{font-size:20px}
  .su-res-card-p{font-size:13px}
  .su-why-body{width:100%}
  .su-why-card{padding:20px 40px!important;gap:20px}
  .su-why-card-img{width:120px;height:98px}

  /* ===== Process ===== */
  #su-pr{padding:80px 0!important}
  .su-pr-h2{font-size:30px;letter-spacing:1.5px;white-space:normal}
  .su-pr-text{flex:1 1 auto}
  .su-pr-step-1{width:30%}
  .su-pr-step-2{width:36%;margin-left:-14px!important}
  .su-pr-step-3{width:36%;margin-left:-14px!important}
  .su-pr-desc-1{flex:0 0 30%;padding-left:12px!important}
  .su-pr-desc-2{flex:0 0 36%}
  .su-pr-desc-3{flex:0 0 36%}
  .su-pr-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}
  .su-pr-card{width:100%;height:auto}
  .su-pr-card-inner{padding:24px 24px 24px 24px!important}
  .su-pr-card-p{width:auto}

  /* ===== CTA Banner ===== */
  #su-ctab{padding:60px 40px!important}
  .su-ctab-banner{height:auto;padding:24px 24px 24px 196px!important}
  .su-ctab-illust{position:absolute;left:16px;top:16px;width:172px;height:auto;transform:none}
  .su-ctab-h{position:static;font-size:18px;white-space:normal;left:auto;top:auto;display:block;margin-bottom:8px!important}
  .su-ctab-price-row{position:static;left:auto;top:auto;margin-bottom:8px!important;flex-wrap:wrap}
  .su-ctab-body{position:static;left:auto;top:auto;width:100%}
  .su-ctab-body-1{display:block;top:auto;margin-bottom:4px!important}
  .su-ctab-body-2{display:block;top:auto;margin-bottom:16px!important}
  .su-ctab-btn{position:relative;left:auto;top:auto;width:100%;display:flex}

  /* ===== YouTube ===== */
  #su-yt{padding:60px 0!important}
  .su-yt-h2{font-size:24px;letter-spacing:1.2px;margin-bottom:24px!important}
  .su-yt-cards{flex-direction:column;max-width:100%;padding:0 20px!important;gap:32px}
  .su-yt-card{width:100%}
  .su-yt-thumb{width:100%;height:auto;aspect-ratio:16/9}

  /* ===== FAQ ===== */
  #su-faq{padding:80px 0!important}

  /* ===== News ===== */
  #su-news{padding:80px 0!important}
}
@media(min-width:768px) and (max-width:960px){
  /* Footer: prevent notes/privacy overlap at narrow PC widths */
  /* Stage 1: privacy moves below notes; Stage 2: notes width adapts to viewport */
  .su-pc-foot-inner{height:auto;padding:125px 56px 40px!important;box-sizing:border-box}
  .su-pc-foot-notes{position:static;max-width:calc(100% - 60px)}
  .su-pc-foot-privacy{position:static;display:inline-block;margin-top:12px!important}
}
@media(max-width:767px){
  /* SP: revert header to normal flow */
  #landing #globalHead{position:static!important}
  .su-navibar{position:static!important;z-index:auto!important;margin-top:0!important}
  #su-fv{margin-top:0!important}
  /* --- Float Button --- */
  #su-float{right:0;bottom:24px}
  .su-float-btn{width:80px;height:78px;border-radius:12px 0 0 12px}
  .su-float-btn::after{border-radius:12px 0 0 12px}
  .su-float-doc{display:none!important}
  #su-float .su-float-doc{display:none!important;visibility:hidden!important;opacity:0!important;width:0!important;height:0!important}
  .su-float-doc-sp{display:block!important;position:absolute;left:8px;top:-21px;width:72px;height:auto}
  .su-float-badge{left:25px;top:39px}
  .su-float-label{left:13px;top:56px;font-size:14px;font-weight:500}
  /* --- Global --- */
  .su-inner{padding:0!important}
  /* PC Footer: hide on SP */
  #su-pc-foot{display:none}
  /* --- Sticky Header --- */
  #su-sticky{height:60px}
  .su-drawer{display:block;top:60px}
  .su-sticky-inner{padding:0 16px!important;height:60px}
  .su-sticky-logo{width:140px!important;height:auto!important}
  .su-sticky-nav{display:none}
  .su-hbg{display:flex}
  /* --- Navibar --- */
  .su-navi-item{display:grid!important;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:center;height:50px;gap:0;padding:4px 12px 4px 20px!important;justify-content:unset}
  .su-navi-label{font-size:10px;grid-column:1;grid-row:1;line-height:1.8}
  .su-navi-logo-img{grid-column:1;grid-row:2;height:19px!important;width:auto!important}
  .su-navi-arr-icon{grid-column:2;grid-row:1/span 2;align-self:center}
  /* --- FV --- */
  #su-fv{height:587px}
  .su-fv-bg{background-image:url(/products/bizfront/sui/img/fv-bg-sp.jpg)}
  .su-fv-canvas{width:100vw!important;height:587px!important;margin:0!important;padding:309px 40px 0!important;align-items:center}
  .su-fv-ill{display:block!important;position:absolute;right:0;left:auto;top:25px;width:360px;height:auto;transform:none}
  .su-fv-ill-pc{display:none!important}
  .su-fv-ill-sp{display:block!important;width:360px;height:auto}
  .su-fv-textblock{display:flex;flex-direction:column;align-items:flex-start}
  .su-fv-logo2{width:140px!important;height:20px!important;margin-bottom:13px!important}
  .su-fv-h12{font-size:29px;letter-spacing:1.45px;line-height:1.3;font-feature-settings:'halt' 1,'palt' 1;margin-bottom:18px!important}
  .su-fv-h12-br{display:none}
  .su-fv-sub2{font-size:16px;font-feature-settings:'palt' 1;margin-bottom:30px!important}
  .su-fv-btns2{flex-direction:row;gap:14px;white-space:nowrap}
  /* --- SV --- */
  #su-sv{padding:60px 0}
  .su-sv-text{padding:0 20px!important}
  .su-sv-h2{font-size:30px;letter-spacing:1.5px;margin-bottom:16px!important}
  .su-sv-h2 br{display:inline}
  .sp-br{display:inline}
  .su-sv-body{margin-bottom:48px!important;text-align:justify}
  .su-sv-carousel{width:100vw}
  .su-sv-slide{flex:0 0 100vw;padding:0 20px!important}
  .su-sv-slide img{width:100%;height:auto;border-radius:12px;filter:none!important}
  .su-sv-pbar{gap:16px}
  /* --- Function --- */
  #su-fn{padding:60px 0 80px;background:url(/products/bizfront/sui/img/fn-bg-sp.jpg) top center/cover no-repeat}
  .su-fn-inner{padding:0 20px!important}
  .su-fn-hero{flex-direction:column;margin-bottom:0!important}
  .su-fn-herotext{max-width:100%;padding-top:0!important}
  .su-fn-h2{font-size:30px;letter-spacing:1.5px}
  .su-fn-body{margin-bottom:0!important}
  .su-fn-illust{display:block!important;margin-top:16px;align-self:center}
  .su-fn-illust img{width:265px;height:254px;display:block}
  .su-fn-cat{font-size:20px;margin-bottom:16px!important}
  .su-fn-cards{flex-direction:column;overflow-x:visible;gap:20px;padding:0 20px!important;margin-bottom:36px!important}
  .su-fn-card{width:100%}
  .su-fn-card-thumb{height:176px}
  .su-fn-card-thumb img{width:100%;height:auto}
  .su-fn-card-text{padding:14px 17px!important}
  .su-fn-link{margin-top:40px!important}
  /* --- Case Study --- */
  #su-cs{padding:60px 0}
  .su-cs-h2{font-size:30px;letter-spacing:1.5px}
  .su-cs-h2 br{display:inline}
  .su-cs-label{font-size:24px;letter-spacing:1.2px}
  .su-ticker-wrap{overflow:hidden;margin-bottom:40px!important}
  .su-ticker-wrap .su-ticker{display:none!important}
  @keyframes su-tick-sp-1{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(-804px,0,0)}}
  @keyframes su-tick-sp-2{0%{transform:translate3d(-734px,0,0)}100%{transform:translate3d(0,0,0)}}
  .su-ticker-sp-imgs{display:flex;flex-direction:column;gap:8px}
  .su-ticker-sp-row{display:flex;gap:14px;width:max-content;will-change:transform;backface-visibility:hidden}
  .su-ticker-sp-row-1{animation:su-tick-sp-1 13s linear infinite}
  .su-ticker-sp-row-2{animation:su-tick-sp-2 12s linear infinite}
  .su-ticker-sp-row .su-ticker-item img{width:120px!important;height:43px!important}
  .su-ticker-sp-row .su-ticker-item-w img{width:184px!important}
  .su-cs-track{gap:20px}
  .su-cs-card{width:288px}
  .su-cs-img{width:288px;height:167px}
  .su-cs-img img{width:288px;height:167px}
  .su-cs-nav{gap:24px}
  /* --- CTA --- */
  #su-cta{padding:60px 20px 80px!important;background:url('/products/bizfront/sui/img/cta-bg-sp.jpg') center center/cover no-repeat!important}
  .su-cta-h2{font-size:30px;letter-spacing:1.5px}
  .su-cta-body{font-size:18px;margin-bottom:40px!important}
  .su-cta-btns{flex-direction:column;gap:20px;align-items:stretch;width:100%}
  .su-cta-btns .su-btn-lg{width:100%!important}
  /* --- Effect --- */
  #su-ef{padding:60px 0!important}
  #su-ef>.su-inner{display:flex;flex-direction:column;padding:0 20px!important}
  .su-ef-top{display:contents}
  .su-ef-text{order:1;flex:none;padding-top:0!important;margin-bottom:24px!important}
  .su-ef-h2{font-size:30px;letter-spacing:1.5px}
  .su-res-cards{order:2;flex-direction:column;align-items:stretch;gap:16px;margin-bottom:8px!important}
  .su-res-card{width:100%;max-width:none;height:auto;flex-direction:row;align-items:center;padding:17px 28px!important;gap:24px;border-radius:24px}
  .su-res-card-graphic{gap:9px;flex-shrink:0;margin-bottom:0!important}
  .su-res-card-icon{width:100px;height:69px}
  .su-res-card-icon img{width:100px;height:69px}
  .su-res-numdigit{font-size:40px;letter-spacing:-.8px;line-height:1}
  .su-res-numpct{font-size:25px;letter-spacing:-.5px;line-height:1}
  .su-res-numarr{width:17px;height:17px}
  .su-res-card-body{text-align:left}
  .su-res-card-h{font-size:20px;letter-spacing:1px;text-align:left;margin-bottom:4px!important}
  .su-res-card-p{font-size:14px}
  .su-ef-note{order:3;margin-bottom:40px!important}
  .su-ef-illust{order:4;width:100%;align-items:center;margin-bottom:48px!important}
  .su-ef-balloon{display:flex;width:100%;padding:10px 28px!important;justify-content:center}
  .su-ef-balloon-word{font-size:18px;letter-spacing:.9px}
  .su-ef-balloon-num{width:auto;height:auto;transform:translateY(7px)}
  .su-ef-people{width:300px;height:auto}
  .su-why-h2{order:5;font-size:24px;letter-spacing:1.2px;white-space:normal;margin-bottom:8px!important}
  .su-why-h2-br{display:inline}
  .su-why-body{order:6;width:100%;margin-bottom:24px!important}
  .su-why-cards{order:7;grid-template-columns:1fr;gap:16px}
  .su-why-card{padding:17px 24px!important;gap:20px}
  .su-why-card-h{font-size:20px;letter-spacing:1px;margin-bottom:4px!important}
  .su-why-card-img{width:101px;height:83px}
  /* --- Process --- */
  #su-pr{padding:60px 0!important}
  #su-pr>.su-inner{display:flex;flex-direction:column;padding:0 20px!important}
  .su-pr-top{display:contents}
  .su-pr-steps{display:contents}
  .su-pr-descs{display:contents}
  .su-pr-text{order:10;flex:none;margin-bottom:40px!important}
  .su-pr-h2{font-size:30px;letter-spacing:1.5px;white-space:normal}
  /* step bar: ::before で色バー、clip-path で V-notch — z-index 不要 */
  .su-pr-step-bg{display:none!important}
  .su-pr-step{position:relative!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;height:auto;padding:20px 12px 16px 73px!important}
  .su-pr-step::before{content:'';position:absolute;left:10px;top:0;bottom:0;width:41px}
  .su-pr-step-1::before{background:#F5FAFF;clip-path:inset(0 0 0 0 round 8px 8px 0 0)}
  .su-pr-step-2::before{background:#D1E8FF}
  .su-pr-step-3::before{background:#0C1D83}
  .su-pr-step-label{position:static!important;display:block}
  .su-pr-step-num{position:absolute!important;left:10px;top:0;bottom:0;width:41px;display:flex;align-items:center;justify-content:center;z-index:1}
  .su-pr-step-name{display:block;line-height:1.5}
  .su-pr-step-1{order:20;width:100%!important;margin-left:0!important}
  .su-pr-step-2 .su-pr-step-num{color:#fff;align-items:flex-start!important;padding-top:24px}
  .su-pr-step-2{order:30;width:100%!important;margin-left:0!important;margin-top:-20px!important}
  .su-pr-step-3 .su-pr-step-num{align-items:flex-start!important;padding-top:24px}
  .su-pr-step-3{order:40;width:100%!important;margin-left:0!important;margin-top:-20px!important}
  .su-pr-step-3 .su-pr-step-name{color:#0C1266!important}
  .su-pr-desc-1{order:21;position:relative;flex:none;width:100%!important;padding:0 12px 16px 73px!important;text-align:left!important;margin-bottom:0!important}
  .su-pr-desc-1::before{content:'';position:absolute;left:10px;top:0;bottom:0;width:41px;background:#F5FAFF}
  .su-pr-desc-2{order:31;position:relative;flex:none;width:100%!important;padding:0 12px 16px 73px!important;text-align:left!important;margin-bottom:0!important}
  .su-pr-desc-2::before{content:'';position:absolute;left:10px;top:0;bottom:0;width:41px;background:#D1E8FF}
  .su-pr-desc-3{order:41;position:relative;flex:none;width:100%!important;padding:0 12px 8px 73px!important;text-align:left!important;margin-bottom:24px!important}
  .su-pr-desc-3::before{content:'';position:absolute;left:10px;top:0;bottom:0;width:41px;background:#0C1D83;clip-path:polygon(0 0,100% 0,100% calc(100% - 15px),50% 100%,0 calc(100% - 15px))}
  .su-pr-illust{order:50;display:block;width:211px;height:144px;object-fit:contain;align-self:flex-end;margin-bottom:-46px!important;position:relative;z-index:0;pointer-events:none}
  .su-pr-support-h{order:60;font-size:20px;letter-spacing:1px;margin-bottom:16px!important;position:relative;z-index:1}
  .su-pr-cards{order:70;flex-direction:column;gap:16px}
  .su-pr-card{width:100%;height:auto}
  .su-pr-card-inner{padding:17px 40px!important;gap:24px}
  .su-pr-card-p{width:auto}
  /* --- CTA Banner --- */
  #su-ctab{padding:40px 20px!important}
  .su-ctab-link{border-radius:16px}
  .su-ctab-banner{height:auto;padding:40px 20px!important;border-radius:16px;overflow:hidden;background-image:url('/products/bizfront/sui/img/ctab-bg-sp.jpg');background-size:cover;background-position:center;display:flex;flex-direction:column;align-items:center}
  .su-ctab-illust{position:static;left:auto;top:auto;transform:none;width:218px;height:auto;margin-top:12px!important;margin-bottom:24px!important}
  .su-ctab-h{position:static;font-size:24px;white-space:normal;display:block;left:auto;top:auto;text-align:center;margin-bottom:0!important}
  .su-ctab-price-row{position:static;left:auto;top:auto;flex-wrap:wrap;justify-content:center;margin-bottom:8px!important}
  .su-ctab-body{position:static;left:auto;top:auto;width:100%;align-self:flex-start;text-align:left}
  .su-ctab-body-1{top:auto;display:block;margin-bottom:4px!important}
  .su-ctab-body-2{top:auto;display:block;margin-bottom:24px!important}
  .su-ctab-btn{position:relative;left:auto;top:auto;width:100%;display:flex}
  /* --- YouTube --- */
  #su-yt{padding:60px 0!important}
  #su-yt>.su-inner{padding:0 20px!important}
  .su-yt-h2{font-size:24px;color:#0C1266;letter-spacing:1.2px;margin-bottom:24px!important}
  .su-yt-cards{display:flex;flex-direction:column;max-width:100%;gap:24px;padding:0!important}
  .su-yt-card{width:100%}
  .su-yt-thumb{width:100%;height:auto;aspect-ratio:16/9}
  /* --- News --- */
  #su-news{padding:60px 0!important}
  #su-news>.su-inner{padding:0 20px!important}
  .su-news-h2{font-size:24px;letter-spacing:1.2px;margin-bottom:40px!important}
  .su-news-list{padding:0!important;max-height:360px}
  .su-news-wrap::after{height:80px}
  .su-news-item{flex-direction:column;gap:10px}
  .su-news-date{width:auto;font-size:14px}
  .su-news-text{font-size:14px}
  /* --- FAQ --- */
  #su-faq{padding:60px 0!important}
  #su-faq>.su-inner{padding:0 20px!important}
  .su-faq-h2{font-size:24px;letter-spacing:1.2px;margin-bottom:40px!important}
  .su-faq-list{padding:0!important}
  .su-faq-q{padding:20px!important;gap:8px}
  .su-faq-a{padding:0 20px 20px!important}
  .su-faq-ql,.su-faq-al{font-size:20px}
  .su-faq-qt,.su-faq-at{font-size:14px}
  /* --- SP Footer --- */
  #su-foot{display:block;position:relative;background:#fff;min-height:231px}
  .su-foot-top{position:absolute;right:20px;top:20px;width:60px;height:60px;border-radius:50%;background:#D1E8FF;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0!important}
  .su-foot-notes{position:absolute;left:20px;top:98px;width:353px}
  .su-foot-note{font-size:12px;font-weight:500;color:#5F6269;line-height:1.5;margin:0!important}
  .su-foot-privacy{display:inline-block;font-size:12px;font-weight:500;color:#5F6269;line-height:1.5;text-decoration:none!important;border-bottom:1px solid #5F6269;margin-top:15px!important}
  /* --- DL/CT Banner --- */
  #su-dc{flex-direction:column}
  .su-dc-link{flex:none;width:100%}
  .su-dc-dl .su-dc-icon{left:141px;top:24px}
  .su-dc-ct .su-dc-icon{left:149px;top:20px}
  .su-dc-dl .su-dc-en{left:22px}
  .su-dc-ct .su-dc-en{left:20px}
  .su-dc-dl .su-dc-ja{left:20px}
  .su-dc-ct .su-dc-ja{left:18px}
  /* --- Buttons --- */
}
@media(min-width:394px) and (max-width:767px){
  .su-fv-ill{width:440px;left:calc(50% - 158px);right:auto;transform:none}
  .su-fv-ill-sp{display:none!important}
  .su-fv-ill-wide{display:block!important;width:440px}
}
/* === Focus === */
:focus:not(:focus-visible){outline:none}
.su-sticky-nav-item:focus-visible,.su-sticky-fn-sub-item:focus-visible,.su-drawer-item:focus-visible,.su-navi-item:focus-visible,.su-sv-link:focus-visible,.su-fn-link-arr-hover:focus-visible,.su-foot-privacy:focus-visible,.su-pc-foot-privacy:focus-visible{outline:2px solid #0074D3;outline-offset:2px;border-radius:2px}
.su-btn:focus-visible,.su-ctab-link:focus-visible,.su-dc-link:focus-visible{outline:2px solid #0074D3;outline-offset:3px;border-radius:9999px}
.su-float-btn:focus-visible{outline:2px solid #0074D3;outline-offset:4px;border-radius:12px}
.su-hbg:focus-visible{outline:2px solid #0074D3;outline-offset:4px;border-radius:4px}
.su-cs-card-link:focus-visible{outline:2px solid #0074D3;outline-offset:0;border-radius:24px}
.su-cs-pdf:focus-visible{outline:2px solid #0074D3;outline-offset:3px;border-radius:4px}
.su-cs-nav-btn:focus-visible{outline:2px solid #0074D3;outline-offset:3px;border-radius:9999px}
.su-foot-top:focus-visible,.su-pc-foot-top:focus-visible{outline:2px solid #0074D3;outline-offset:3px;border-radius:9999px}
.su-news-text a:focus-visible{outline:2px solid #0074D3;outline-offset:2px;border-radius:2px}
/* === Safari: YuGothic font-weight 700→600 === */
@supports (hanging-punctuation: first) {
  #su-lp h2,#su-lp h3{font-weight:600!important}
  .su-btn,.su-cs-cat-text,.su-cs-h2,.su-cs-label,.su-cta-h2,
  .su-ctab-badge,.su-ctab-btn,.su-ctab-h,.su-ctab-nen,.su-ctab-unit,
  .su-dc-ja,.su-drawer-fn-trigger,.su-drawer-item,
  .su-ef-balloon-word,.su-ef-h2,
  .su-faq-close,.su-faq-h2,.su-faq-open,
  .su-float-label,.su-fn-card-title,.su-fn-cat,.su-fn-h2,.su-fn-link,
  .su-news-h2,.su-pr-card-h,.su-pr-h2,.su-pr-step-name,.su-pr-support-h,
  .su-res-card-h,.su-sv-clabel,.su-sv-h2,.su-why-card-h,.su-why-h2{font-weight:600}
  .su-fv-h12{font-weight:600}
  .su-fv-h12 .hs{font-weight:600}
  .su-navi-label,.su-sv-body,.su-fn-body,.su-fn-card-desc,
  .su-cs-sublabel,.su-cs-desc,.su-cs-industry,.su-cs-company,.su-cs-pdf,
  .su-cta-body,.su-res-card-p,.su-why-card-p,.su-pr-card-p,.su-ctab-body,
  .su-yt-h2,.su-yt-label,.su-yt-desc,
  .su-faq-qt,.su-faq-at,
  .su-pc-foot-note,.su-pc-foot-privacy,
  .su-news-date,.su-news-text,
  .su-sticky-nav-item,.su-sticky-fn-sub-item,.su-drawer-sub-item{font-weight:400}
  @media(max-width:767px){
    .su-float-label,.su-foot-note,.su-foot-privacy{font-weight:400}
  }
}
        </style>