.case-showcase{--case-primary:#3a34ff;--case-text:#222;--case-muted:#707070;--case-pale:#f6fcff;--case-card-width:990px;--case-card-gap:75px;background:#fff;width:100%;min-height:800px;padding-top:45px;position:relative;overflow:hidden}.case-showcase__decoration{z-index:0;pointer-events:none;border-radius:110px;width:86px;height:346px;position:absolute;transform:rotate(45deg)}.case-showcase__decoration--top{background:#3a34ff0a;height:252px;top:-144px;left:302px}.case-showcase__decoration--left{background:#3a34ff0a;width:111px;height:447px;top:345px;left:-84px}.case-showcase__decoration--right{background:#00dbff0f;top:-14px;right:58px}.case-showcase__breadcrumb{z-index:2;color:#000;align-items:center;gap:12px;width:min(1160px,100% - 48px);margin:0 auto;font-size:16px;line-height:1.4;display:flex;position:relative}.case-showcase__heading{z-index:2;text-align:center;width:min(1240px,100% - 48px);margin:36px auto 40px;position:relative}.case-showcase__title{z-index:1;color:#000;margin:0;font-size:32px;font-weight:700;line-height:1.4;position:relative}.case-showcase__heading:after{color:var(--case-primary);opacity:.1;margin:0;font-family:Red Hat Display,sans-serif;font-size:56px;font-style:italic;font-weight:700;line-height:1;position:absolute;top:17px;left:50%;transform:translate(-50%)}.case-showcase__carousel{z-index:2;position:relative}.case-showcase__viewport{height:434px;padding:20px 0;position:relative;overflow:hidden}.case-showcase__track{gap:var(--case-card-gap);will-change:transform;width:max-content;transition:transform .45s cubic-bezier(.22,.7,.2,1);display:flex;position:absolute;top:20px;left:0}.case-card{flex:0 0 var(--case-card-width);width:var(--case-card-width);background:#fff;border:1px solid #ddd;border-radius:8px;grid-template-columns:365px 1fr;min-height:394px;display:grid;position:relative;overflow:hidden;box-shadow:0 1px 18px #00000012}.case-card__media{background:#e7e0d8;height:100%;position:relative;overflow:hidden}.case-card__media img{object-fit:cover;object-position:43% center;width:100%;height:100%;display:block}.case-card__body{flex-direction:column;justify-content:center;gap:25px;min-width:0;padding:30px 40px;display:flex;position:relative}.case-card__industry{background:var(--case-pale);color:var(--case-muted);margin:0;padding:3px 12px 5px;font-size:12px;font-weight:700;line-height:1.4;position:absolute;top:11px;right:13px}.case-card__head{flex-direction:column;gap:14px;display:flex}.case-card__company{margin:0;font-size:28px;font-weight:700;line-height:1.25}.case-card__company small{margin-left:6px;font-size:18px}.case-card__meta{align-items:center;gap:44px;margin:0;display:flex}.case-card__meta-item{align-items:center;gap:12px;margin:0;display:flex}.case-card__meta-label{border:1px solid var(--case-primary);color:var(--case-primary);white-space:nowrap;background:#fffc;border-radius:3px;padding:3px 10px 4px;font-size:16px;font-weight:500;line-height:1.4}.case-card__meta-value{white-space:nowrap;margin:0;font-family:Red Hat Display,Noto Sans JP,sans-serif;font-size:1.2rem;font-weight:700}.case-card__highlight{background:var(--case-pale);border-radius:5px;margin:0;padding:16px 25px;font-size:22px;font-weight:500;line-height:1.5;position:relative}.case-card__quote{width:22px;height:16px;position:absolute}.case-card__quote--open{top:-9px;left:13px}.case-card__quote--close{bottom:-8px;right:15px}.case-card__summary{color:#313131;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:16px;font-weight:400;line-height:1.75;display:-webkit-box;overflow:hidden}.case-showcase__arrow{z-index:4;cursor:pointer;background:0 0;border:0;border-radius:50%;width:50px;height:50px;padding:0;position:absolute;top:50%;transform:translateY(-50%)}.case-showcase__arrow--prev{left:max(24px,50% - 557px)}.case-showcase__arrow--next{right:max(24px,50% - 557px)}.case-showcase__arrow img{width:50px;height:50px;display:block}.case-showcase__arrow:hover{opacity:.72}.case-showcase__arrow:focus-visible,.case-showcase__dot:focus-visible{outline-offset:3px;outline:3px solid #00dbff}.case-showcase__pagination{justify-content:center;gap:8px;margin-top:8px;display:flex}.case-showcase__dot{cursor:pointer;background:#aaa;border:0;border-radius:50%;width:14px;height:14px;padding:0}.case-showcase__dot.is-active{background:var(--case-primary)}.case-showcase__logos{z-index:2;justify-content:center;gap:12px;width:100%;min-width:0;margin-top:28px;padding-bottom:18px;display:flex;position:relative}.case-showcase__logo{background:#fff;border-radius:3px;flex:0 0 170px;justify-content:center;align-items:center;width:170px;height:60px;display:flex;overflow:hidden}.case-showcase__logo img{object-fit:contain;max-width:148px;max-height:60px;display:block}.case-showcase__logo--compact img{max-width:126px;max-height:49px}@media (max-width:1100px){.case-showcase{--case-card-width:min(860px, calc(100vw - 120px));--case-card-gap:40px}.case-card{grid-template-columns:34% 66%}.case-card__body{padding:28px}.case-card__meta{gap:18px}.case-showcase__logos{justify-content:flex-start;min-width:0;padding-inline:24px}}@media (max-width:767px){.case-showcase{--case-card-width:calc(100vw - 48px);--case-card-gap:24px;min-height:auto;padding-top:28px}.case-showcase__breadcrumb{width:calc(100% - 36px);font-size:13px}.case-showcase__heading{margin:28px auto 24px}.case-showcase__title{font-size:28px}.case-showcase__heading:after{font-size:46px}.case-showcase__viewport{height:660px}.case-card{grid-template-rows:245px 1fr;grid-template-columns:1fr;height:620px}.case-card__body{justify-content:flex-start;gap:16px;padding:28px 20px 22px}.case-card__industry{top:8px;right:8px}.case-card__company{padding-top:10px;font-size:22px}.case-card__meta{flex-direction:column;align-items:flex-start;gap:8px}.case-card__meta-label{font-size:13px}.case-card__meta-value{font-size:16px}.case-card__highlight{padding:15px 18px;font-size:17px}.case-card__summary{-webkit-line-clamp:4;font-size:14px}.case-showcase__arrow{width:42px;height:42px}.case-showcase__arrow--prev{left:5px}.case-showcase__arrow--next{right:5px}.case-showcase__arrow img{width:42px;height:42px}.case-showcase__logos{scrollbar-width:none;margin-top:20px;overflow-x:auto}.case-showcase__logos::-webkit-scrollbar{display:none}}@media (prefers-reduced-motion:reduce){.case-showcase__track{transition:none}}.case-showcase{min-height:0;padding-bottom:20px}.case-showcase__viewport{height:auto;padding:20px 0}.case-showcase__track{align-items:stretch;position:relative;top:0}.case-showcase .case-card{color:inherit;height:auto;text-decoration:none}.case-showcase .case-card__body{padding-top:46px}.case-showcase .case-card__industry{white-space:normal;max-width:calc(100% - 26px)}.case-showcase .case-card__meta{flex-wrap:wrap;gap:10px 20px}.case-showcase .case-card__meta-item{flex-wrap:wrap;gap:6px 10px}.case-showcase .case-card__meta-value{white-space:normal}.case-showcase .case-card__highlight{font-size:clamp(17px,1.55vw,22px)}.case-showcase .case-card__summary{font-size:14px}.case-showcase .case-card:focus-visible{outline-offset:-4px;outline:3px solid #3a34ff}.case-showcase .case-showcase__logos{width:100%;margin-top:28px;padding:0;display:block}.case-showcase .case-showcase__heading:after{top:22px}@media (max-width:767px){.case-showcase .case-card{grid-template-rows:210px 1fr;min-height:650px}.case-showcase .case-card__body{gap:16px;padding:42px 20px 24px}.case-showcase .case-card__company{padding-top:0}.case-showcase .case-card__industry{font-size:11px}.case-showcase .case-card__highlight{font-size:17px}.case-showcase .case-showcase__arrow{top:125px}.case-showcase .case-showcase__heading:after{top:20px}}@media (prefers-reduced-motion:reduce){.case-showcase .marquee{overflow:hidden}.case-showcase .marquee-track{flex-wrap:nowrap;width:max-content}}.case-showcase{padding-top:calc(var(--header-h) + 45px)}.case-showcase .case-card__industry{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.case-showcase__viewport{touch-action:pan-y}@media (max-width:767px){.case-showcase{padding-top:calc(var(--header-h) + 28px)}}.case-showcase__arrow--prev img{transform:rotate(180deg)}.case-index-section{padding-top:60px}.case-card{transition:all .3s}.case-showcase .case-card:hover{opacity:.8}.case-showcase__heading:after{content:"Case";pointer-events:none}.case-showcase{background:#ebf5fa;padding-bottom:0}.case-showcase .case-showcase__logos{background:#fff;padding:20px 0}.case-showcase .case-showcase__logos .marquee{width:100%;max-width:none}
