/* Shared visual language: Figma hPy8ud9VJCdRn0o97gRupp, 331:658 / 370:7446. */
@font-face{font-family:"Gen Interface JP";src:local("Gen Interface JP Regular"),local("GenInterfaceJP-Regular");font-weight:400;font-display:swap}
@font-face{font-family:"Gen Interface JP";src:local("Gen Interface JP Medium"),local("GenInterfaceJP-Medium");font-weight:500;font-display:swap}
:root{--lp-blue:#1e5ff2;--lp-ink:#101928;--lp-pale:#ebf5ff;--lp-line:#e0e0e0;--lp-footer:#252a35;--lp-footer-bottom:#363b44}
html{scroll-padding-top:96px}
.lp-header,.lp-footer,.lp-floating{box-sizing:border-box;width:100%;font-family:"Noto Sans JP",sans-serif;color:var(--lp-ink)}
.lp-header *,.lp-footer *,.lp-floating *{box-sizing:border-box;transition-property:color,background-color,border-color,opacity}
.lp-header a,.lp-footer a,.lp-floating a{text-decoration:none}
.lp-header img,.lp-footer img{display:block;flex-shrink:0;max-width:none}
.lp-header{position:fixed;inset:0 0 auto;z-index:1000;background:#fff;border-bottom:1px solid var(--lp-line)}
.lp-header-inner{height:72px;max-width:1440px;margin:auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between;gap:32px}
.lp-brand{flex-shrink:0}
.lp-nav{display:flex;align-items:center;justify-content:flex-end;gap:20px;flex:1;min-width:0}
.lp-nav>a{font-size:14px;font-weight:700;white-space:nowrap;color:var(--lp-ink)}
.lp-header-actions{display:flex;align-items:center;gap:12px}
.lp-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;width:200px;padding:10px 12px;border-radius:4px;font-size:14px;font-weight:700;line-height:20px;white-space:nowrap;border:1px solid var(--lp-blue)}
.lp-button-primary{background:var(--lp-blue);color:#fff;min-height:44px}
.lp-button-outline{background:#fff;color:var(--lp-blue)}
.lp-free{padding:2px 6px;border-radius:2px;background:#fff;color:var(--lp-blue);font-size:12px;line-height:12px}
.lp-menu-toggle{display:none}
.lp-header a:hover,.lp-footer a:hover,.lp-floating a:hover{opacity:.8}
.lp-header :focus-visible,.lp-footer :focus-visible,.lp-floating :focus-visible{outline:3px solid #78a8ff;outline-offset:5px}
.lp-footer{font-family:"Gen Interface JP","Noto Sans JP",sans-serif;background:var(--lp-footer);color:#fff;letter-spacing:.02em}
.lp-footer-main{max-width:1120px;min-height:404px;margin:auto;display:flex;align-items:flex-start;gap:100px;padding:80px}
.lp-footer-company{width:228px;flex-shrink:0}
.lp-footer-company p{font-size:14px;line-height:1.2;margin:32px 0 48px;color:#fff}
.lp-socials{display:flex;gap:12px;align-items:center}
.lp-socials a{position:relative;display:block;width:48px;height:48px}
.lp-prtimes .lp-prtimes-wordmark{position:absolute;left:7px;top:21px}
.lp-footer-nav{display:flex;align-items:flex-start;gap:64px}
.lp-footer-nav section{flex-shrink:0}
.lp-footer-nav h2{font-size:16px;line-height:1.2;font-weight:500;margin:0 0 26px;white-space:nowrap;color:#fff}
.lp-footer-nav section>div,.lp-footer-service>div{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.lp-footer-nav a{display:flex;align-items:center;gap:8px;font-size:14px;line-height:1.2;white-space:nowrap;color:#fff}
.lp-footer-nav section>.lp-footer-service{display:flex;flex-direction:row;gap:0}
.lp-footer-service>div{min-width:100px}
.lp-footer-bottom{background:var(--lp-footer-bottom);padding:30px 0}
.lp-footer-bottom>div{max-width:1120px;padding:0 80px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}
.lp-footer-bottom small,.lp-footer-bottom a{font-size:12px;line-height:1.2}
.lp-footer-bottom small{color:#fff}
.lp-footer-bottom>div>div{display:flex;gap:24px}
.lp-footer-bottom a{color:#b2b2b2;white-space:nowrap}
.lp-floating{display:none}
/* Keep the article hierarchy and yellow highlights; align shared colors. */
body .sd.case-layout{margin-top:120px}
body .sd.case-sidebar{top:96px}
body .sd.case-article-column{margin-top:0}
body .sd.case-article-column h1{color:var(--lp-ink)}
body .sd.richText h2{color:var(--lp-blue)}
body .sd.richText h3{color:var(--lp-ink);background:var(--lp-pale)}
body .sd.case-summary{background:var(--lp-pale)}
body .case-sidebar .sd>h2:first-child:not(:only-child),body .case-mobile-company .sd>h2:first-child:not(:only-child){color:var(--lp-blue)}
body .case-sidebar a[href="#hs-form-iframe-0"]{background:var(--lp-blue);border:1px solid var(--lp-blue);border-radius:4px;box-shadow:none}
body .case-sidebar a[href="#hs-form-iframe-0"] .text{color:#fff}
body .sd.case-footer-promo{border-radius:4px!important;box-shadow:none!important;background:#fff!important}
body .sd.case-footer-promo>div:last-child>div{border-radius:4px!important;background:var(--lp-blue)!important;border:1px solid var(--lp-blue)!important;box-shadow:none!important}
body .sd.case-footer-promo>div:last-child>div .text{color:#fff!important}
body .sd.case-sidebar a[href$="/download"]:not(.image):not(.lp-usecase-banner){border-radius:4px!important;background:var(--lp-blue)!important;border:1px solid var(--lp-blue)!important;box-shadow:none!important}
#hs-form-iframe-0{scroll-margin-top:96px}
@media(max-width:1199px){
 .lp-header-inner{padding:0 24px}
 .lp-menu-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;background:#fff;border:1px solid var(--lp-line);border-radius:4px}
 .lp-menu-toggle span{width:20px;height:2px;background:var(--lp-ink)}
 .lp-nav{display:none}
 .lp-nav.is-open{display:flex;position:absolute;top:71px;left:0;right:0;background:#fff;padding:20px 24px 24px;flex-direction:column;align-items:stretch;gap:0;max-height:calc(100dvh - 72px);overflow:auto;border-bottom:1px solid var(--lp-line);box-shadow:0 12px 24px #10192814}
 .lp-nav>a{padding:16px 0;border-bottom:1px solid #edf0f4}
 .lp-header-actions{margin-top:20px}
 .lp-header-actions .lp-button{flex:1}
 .lp-footer-main{gap:64px;padding:64px 32px;justify-content:space-between}
 .lp-footer-nav{gap:32px}
 .lp-footer-bottom>div{padding:0 32px}
}
@media(max-width:1279px){
 body{padding-bottom:92px}
 .lp-floating{position:fixed;z-index:900;display:flex;gap:12px;left:12px;right:12px;bottom:calc(14px + env(safe-area-inset-bottom,0px));width:auto;max-width:440px;margin:auto;padding:8px;background:#fff;border:1px solid var(--lp-line);border-radius:8px;box-shadow:0 4px 20px #1019281a}
 .lp-floating .lp-button{flex:1;min-width:0;width:auto;font-size:12px;padding:10px 6px;min-height:48px;gap:4px}
 .lp-floating.is-form-visible{visibility:hidden;pointer-events:none}
}
@media(max-width:840px){
 .lp-footer-main{flex-direction:column;gap:48px;padding:56px 32px}
 .lp-footer-company{width:100%}
 .lp-footer-company p{margin-bottom:32px}
 .lp-footer-nav{width:100%;justify-content:space-between}
 .lp-footer-bottom>div{align-items:flex-start;flex-direction:column;gap:20px}
}
@media(max-width:540px){
 .lp-header-inner{height:64px;padding:0 20px}
 .lp-brand img{width:153px;height:30px}
 .lp-nav.is-open{top:63px;max-height:calc(100dvh - 64px)}
 .lp-header-actions{flex-direction:column}
 .lp-header-actions .lp-button{width:100%}
 body .sd.case-layout{margin-top:88px}
 .lp-footer-main{padding:48px 24px}
 .lp-footer-nav{display:grid;grid-template-columns:1fr 1fr;gap:36px 24px}
 .lp-footer-nav section:first-child{grid-column:1/-1}
 .lp-footer-nav section>.lp-footer-service{gap:32px}
 .lp-footer-nav a{font-size:13px}
 .lp-footer-nav h2{font-size:15px;margin-bottom:22px}
 .lp-footer-bottom{padding:24px 0}
 .lp-footer-bottom>div{padding:0 24px}
 .lp-footer-bottom small{font-size:10px}
 .lp-footer-bottom>div>div{gap:16px;flex-wrap:wrap}
 .lp-footer-bottom a{font-size:11px}
 .lp-floating .lp-free{font-size:10px;padding:2px 4px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}

/* Item/value facts stay in two aligned columns on desktop and mobile. */
body .case-sidebar .lp-usecase-banner{display:block;width:100%;max-width:100%;height:auto;margin:0;padding:0;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;line-height:0}
.lp-usecase-banner img{display:block;width:100%;max-width:100%;height:auto}
.lp-usecase-banner:focus-visible{outline:3px solid var(--lp-blue);outline-offset:3px}
/* Match the title column; remove Studio's centered row and 140px author margin. */
body .sd.case-author-mobile,body .sd.case-author-desktop{width:720px;max-width:calc(100% - 96px);margin:40px 48px;padding:0;justify-content:flex-start;gap:12px}
body .sd.case-author-mobile>.sd:first-child,body .sd.case-author-desktop>.sd:first-child{margin:0;max-width:100%;justify-content:flex-start;flex-shrink:0}
body .sd.case-author-desktop>.sd:first-child{margin-right:auto}
@media(max-width:840px){
 body .sd.case-author-mobile{max-width:calc(100% - 48px);margin:40px 24px}
}
@media(max-width:540px){
 body .sd.case-author-mobile{margin:24px}
}
body .sd.richText table.case-facts-table{display:table;width:100%;max-width:100%;table-layout:fixed;border-collapse:collapse;border-spacing:0;margin:24px 0 40px;font-size:16px;line-height:1.8;color:var(--lp-ink);background:#fff}
body .sd.richText .case-facts-table tbody{display:table-row-group}
body .sd.richText .case-facts-table tr{display:table-row}
body .sd.richText .case-facts-table th,body .sd.richText .case-facts-table td{display:table-cell;height:auto;padding:20px 24px;border:1px solid #dce6f2;vertical-align:top;text-align:left;white-space:normal;overflow-wrap:anywhere;font-size:inherit;line-height:inherit;color:var(--lp-ink)}
body .sd.richText .case-facts-table th{width:136px;background:var(--lp-pale);font-weight:700}
body .sd.richText .case-facts-table td{background:#fff;font-weight:400}
body .sd.richText .case-facts-table ul{margin:0;padding:0 0 0 1.2em;list-style:disc}
body .sd.richText .case-facts-table li{margin:0;padding:0;line-height:1.8;font-size:inherit}
body .sd.richText .case-facts-table li+li{margin-top:6px}
@media(max-width:540px){
 body .sd.richText table.case-facts-table{margin:20px 0 32px;font-size:14px;line-height:1.8}
 body .sd.richText .case-facts-table th,body .sd.richText .case-facts-table td{padding:16px 12px}
 body .sd.richText .case-facts-table th{width:84px;padding-inline:10px}
}

/* Center the company logo and keep sidebar interactions in the LP blue palette. */
body .sd.case-sidebar .zeroone-logo-box{justify-content:center;}
body .case-sidebar .lp-usecase-banner img{transition:filter .2s ease;}
body .case-sidebar .lp-usecase-banner:hover img,body .case-sidebar .lp-usecase-banner:focus-visible img{filter:brightness(1.1);}
body .sd.case-sidebar a[href$="/download"]:not(.image):not(.lp-usecase-banner){transition:background-color .2s ease,box-shadow .2s ease;}
body .sd.case-sidebar a[href$="/download"]:not(.image):not(.lp-usecase-banner):hover,body .sd.case-sidebar a[href$="/download"]:not(.image):not(.lp-usecase-banner):focus-visible{background:#174bc2!important;border-color:#174bc2!important;box-shadow:0 4px 12px #1e5ff229!important;}
body .sd.case-sidebar a[href$="/download"]:not(.image):not(.lp-usecase-banner):hover .text,body .sd.case-sidebar a[href$="/download"]:not(.image):not(.lp-usecase-banner):focus-visible .text{color:#fff!important;}
@media(prefers-reduced-motion:reduce){body .case-sidebar .lp-usecase-banner img,body .sd.case-sidebar a[href$="/download"]{transition:none!important;}}

/* Lift the zero one group photo while preserving the original image. */
img[src="/renewal-zeroone-assets/assets/zeroone/photo-1.jpg"] { filter: brightness(1.18); }
