.case-detail{--c-black:#000;--c-white:#fff;--c-cta:#00bbff;--c-accent:#7fe3ff;--c-header-bg:rgba(197,239,255,0.6);--c-bg-dark:#f2f2f2;--c-bg-light:#fafafa;--c-text-light:#616766;--c-line-pale:#e4e6e6;--c-icon-gray:#afb3b3;--font-jp:"Hiragino Kaku Gothic Pro","Hiragino Sans","Noto Sans JP",-apple-system,sans-serif;--font-en:var(--font-roboto-slab),"Roboto Slab",serif;--pad:24px;--maxw:1184px}.case-detail *{margin:0;padding:0;box-sizing:border-box}.case-detail{font-family:var(--font-jp);color:#000;background:#fafafa;line-height:1.5;font-feature-settings:"palt" 1;padding-bottom:88px}@media (min-width:640px){.case-detail{padding-bottom:112px}}.case-detail img{max-width:100%;display:block;height:auto}.case-detail a{color:inherit;text-decoration:none}.case-detail ul{list-style:none}.case-detail .wrap{max-width:calc(var(--maxw) + 2*var(--pad));margin:0 auto;padding:0 var(--pad)}.case-detail .fs-47{font-size:32px;line-height:1.4;font-weight:700}.case-detail .fs-36{font-size:26px}.case-detail .fs-27,.case-detail .fs-36{line-height:1.4;font-weight:700;letter-spacing:.5px}.case-detail .fs-27{font-size:21px}.case-detail .fs-21{font-size:18px;line-height:1.5;font-weight:700;letter-spacing:.3px}.case-detail .fs-20{font-size:16px;line-height:1.4;font-weight:700;letter-spacing:.3px}.case-detail .fs-16b{font-size:15px;line-height:1.5;font-weight:700}.case-detail .fs-16{font-size:15px;line-height:1.7;font-weight:400;letter-spacing:.3px}.case-detail .fs-12{font-size:11px;line-height:1.5;font-weight:400}@media (min-width:640px){.case-detail .fs-47{font-size:47px;line-height:71px}.case-detail .fs-36{font-size:36px;line-height:54px;letter-spacing:1.8px}.case-detail .fs-27{font-size:27px;line-height:41px;letter-spacing:1.35px}.case-detail .fs-21{font-size:21px;line-height:32px;letter-spacing:.63px}.case-detail .fs-20{font-size:20px;line-height:1.4;letter-spacing:1px}.case-detail .fs-16,.case-detail .fs-16b{font-size:16px;line-height:24px}.case-detail .fs-16{letter-spacing:.8px}.case-detail .fs-12{font-size:12px;line-height:18px}}.case-detail .highlight{background:var(--c-accent);padding:0 2px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.case-detail .pill-title{display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative;background:#fff;border:1px solid #000;border-radius:32px;padding:10px 24px}.case-detail .pill-title.center{align-items:center;text-align:center}.case-detail .badge-bubble.right{align-items:flex-end;text-align:right}.case-detail .pill-title .tail{position:absolute;left:50%;top:100%;width:32px;height:24px;transform:translateX(-50%)}.case-detail .badge-bubble{position:absolute;top:-18px;left:16px;z-index:2}.case-detail .badge-bubble.right{left:auto;right:16px}@media (min-width:640px){.case-detail .badge-bubble{top:-28px;left:-40px}.case-detail .badge-bubble.right{left:auto;right:-24px}}.case-detail .section-card{position:relative;background:#fff;border-radius:20px;padding:36px 20px 24px}.case-detail .section-card.py-even{padding-top:28px;padding-bottom:28px}.case-detail .section-card.accent{border:3px solid var(--c-accent)}@media (min-width:640px){.case-detail .section-card{border-radius:32px;padding:64px 56px 48px}.case-detail .section-card.py-even{padding:48px 56px}.case-detail .section-card.accent{border-width:4px}}.case-detail .btn-shadow-wrap{position:relative;display:inline-block}.case-detail .btn-shadow-wrap.full{display:block;width:100%}.case-detail .btn-shadow{position:absolute;left:0;right:0;top:7px;height:100%;z-index:0;border-radius:28px;background-image:url(/common/stripe-tile.svg);background-repeat:repeat;background-size:22px 22px}.case-detail .btn-dark{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#000;color:#fff;border:1px solid rgba(0,0,0,.1);border-radius:28px;padding:12px 20px;font-weight:700;font-size:14px;white-space:nowrap;transition:background-color .18s ease}.case-detail .btn-dark:hover{background:var(--c-cta)}@media (min-width:640px){.case-detail .btn-dark{padding:14px 24px;font-size:16px;letter-spacing:.5px}.case-detail .btn-shadow{top:9px;background-size:36px 36px;border-radius:32px}}.case-detail .row-sm-col,.case-detail .stack{display:flex;flex-direction:column}@media (min-width:640px){.case-detail .row-sm-col{flex-direction:row}}.case-detail .section-pad{padding-top:56px;padding-bottom:0}@media (min-width:640px){.case-detail .section-pad{padding-top:80px;padding-bottom:0}}.case-detail .stripe{max-width:var(--maxw);margin:0 auto;height:64px;overflow:hidden;border-radius:16px;background-image:url(/common/stripe-full-sp.svg);background-repeat:no-repeat;background-size:cover;background-position:50%}@media (min-width:640px){.case-detail .stripe{height:80px;border-radius:24px;background-image:url(/common/stripe-full-pc.svg)}}.case-detail .card-stack{position:relative}.case-detail .card-stack .banner,.case-detail .card-stack .section-card{position:relative;z-index:1}.case-detail .card-stack .stripe{position:absolute;left:0;right:0;bottom:-6px;z-index:0;max-width:none;margin:0;height:64px}.case-detail .problem .card-stack .stripe{border-radius:40px;height:56px;bottom:-6px}@media (min-width:640px){.case-detail .card-stack .stripe{bottom:-8px;height:80px}.case-detail .problem .card-stack .stripe{border-radius:64px;height:72px;bottom:-8px}}.case-detail .card-shadowed{position:relative;background:#fff}.case-detail header{position:sticky;top:0;z-index:50;background:var(--c-header-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between;padding:14px 20px}.case-detail header .logo img{width:88px;height:auto}.case-detail header nav{display:flex;align-items:center}.case-detail header nav a.link{display:none;transition:color .18s ease}.case-detail header nav a.link:hover{color:var(--c-cta)}.case-detail header .btn-dark{padding:10px 16px;font-size:12px}.case-detail header .btn-shadow{display:none}@media (min-width:640px){.case-detail header{padding:16px 40px}.case-detail header .logo img{width:100px}.case-detail header nav{gap:28px}.case-detail header nav a.link{display:inline;font-size:16px;font-weight:700}.case-detail header .btn-dark{padding:14px 24px;font-size:16px}}.case-detail .hero{position:relative;width:100%;min-height:360px;overflow:hidden;display:flex;align-items:flex-end}.case-detail .hero img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 30%}.case-detail .hero .copy{position:relative;z-index:1;padding:24px 24px 40px;color:#000}.case-detail .hero .copy p+p{margin-top:12px}@media (min-width:640px){.case-detail .hero{min-height:639px}.case-detail .hero .copy{padding:0 80px 64px;max-width:900px}.case-detail .hero .copy p+p{margin-top:8px}}.case-detail .problem .content{display:flex;flex-direction:column;gap:32px;align-items:center}.case-detail .problem .img-wrap{width:100%;max-width:340px}.case-detail .problem .text-block{display:flex;flex-direction:column;gap:24px;width:100%}.case-detail .problem .title-block{display:flex;flex-direction:column;gap:12px}.case-detail .problem .point-card{position:relative;border-top-left-radius:32px;border:1px dashed #000;border-right:none;border-bottom:none;padding:32px 16px 16px 24px}.case-detail .problem .point-card ul{display:flex;flex-direction:column;gap:12px}.case-detail .problem .point-card li{position:relative;padding-left:16px;font-size:16px;line-height:1.7}.case-detail .problem .point-card li:before{content:"";position:absolute;left:0;top:.65em;width:6px;height:6px;background:#000;border-radius:50%}.case-detail .problem .point-card li b{font-weight:700}.case-detail .problem .tooltip{position:absolute;top:-24px;right:16px;background:#fff;border:1px dashed #000;border-radius:32px;padding:10px 20px;font-size:14px;font-weight:700}.case-detail .problem .tooltip .tail{position:absolute;left:50%;top:100%;width:32px;height:24px;transform:translateX(-50%)}.case-detail .problem .mascot{position:absolute;right:-16px;bottom:-40px;width:96px}.case-detail .problem .banner{display:flex;align-items:center;justify-content:center;gap:8px;position:relative;background:var(--c-accent);border:1.5px solid #000;border-radius:60px;padding:20px 24px;text-align:center;width:100%}.case-detail .problem .banner img{position:absolute;top:-2px;left:50%;transform:translateX(-50%);width:48px}@media (min-width:640px){.case-detail .problem .content{flex-direction:row;align-items:flex-start;gap:48px}.case-detail .problem .img-wrap{max-width:363px;flex-shrink:0}.case-detail .problem .text-block{gap:16px}.case-detail .problem .point-card{padding:40px 32px 32px;border-top-left-radius:32px}.case-detail .problem .tooltip{right:0;top:-31px;padding:12px 32px}.case-detail .problem .mascot{right:-25px;bottom:auto;top:95px;width:160px}.case-detail .problem .banner{padding:32px}.case-detail .problem .banner img{width:64px}}.case-detail .solution{position:relative}.case-detail .solution .title-wrap{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;margin-bottom:32px}.case-detail .solution .mockup{width:100%;max-width:480px;margin:0 auto 40px}.case-detail .solution .block-title-wrap{position:relative;display:flex;margin-bottom:24px}.case-detail .solution .block-title-wrap:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#000;z-index:0}.case-detail .solution h3.block-title{position:relative;z-index:1;display:inline-flex;align-items:center;background:#fff;border:1px solid #000;border-left:none;border-radius:0 999px 999px 0;padding:8px 16px 8px 0;font-size:20px;font-weight:700;white-space:nowrap}.case-detail .solution .feat-grid{display:flex;flex-direction:column;gap:32px;margin-bottom:56px}.case-detail .solution .feat-item{display:flex;gap:16px;align-items:flex-start}.case-detail .solution .feat-item img.icon{width:56px;height:56px;flex-shrink:0}.case-detail .solution .feat-item .bullet-title{display:flex;align-items:center;gap:10px;margin-bottom:8px}.case-detail .solution .feat-item .bullet-title .dot{width:8px;height:8px;background:var(--c-cta);flex-shrink:0}.case-detail .solution .feat-item ul{display:flex;flex-direction:column;gap:2px;font-size:15px}.case-detail .solution .feat-item ul li{position:relative;padding-left:16px}.case-detail .solution .feat-item ul li:before{content:"・";position:absolute;left:0}.case-detail .solution .feat-item .caption{font-size:11px;color:#000;text-align:right;margin-top:8px}.case-detail .solution .num-grid{display:flex;flex-direction:column;gap:16px}.case-detail .solution .num-card{position:relative;background:var(--c-bg-light);padding:24px;overflow:hidden}.case-detail .solution .num-card .bignum{position:absolute;right:-4px;bottom:0;font-family:var(--font-en);font-weight:300;font-size:80px;color:var(--c-bg-dark);line-height:1}.case-detail .solution .num-card .bullet-title{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px;position:relative;z-index:1}.case-detail .solution .num-card .bullet-title .dot{width:8px;height:8px;background:var(--c-icon-gray);margin-top:8px;flex-shrink:0}.case-detail .solution .num-card p.body{position:relative;z-index:1;font-size:15px}@media (min-width:640px){.case-detail .solution .mockup{max-width:802px;margin-bottom:56px}.case-detail .solution h3.block-title{font-size:27px;letter-spacing:1.35px;padding:8px 24px 8px 0}.case-detail .solution .feat-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px 48px}.case-detail .solution .feat-item img.icon{width:80px;height:80px}.case-detail .solution .num-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}}.case-detail .why{position:relative}.case-detail .why .title-wrap{position:relative;display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.case-detail .why .mascot{display:none}.case-detail .why .table-scroll{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.case-detail .why-table-wrap{position:relative;display:inline-block;vertical-align:top}.case-detail .toite-highlight{position:absolute;top:-8px;bottom:-8px;left:26%;width:14.8%;background:var(--c-accent);z-index:0}.case-detail table.why-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:640px;position:relative;z-index:1}.case-detail table.why-table td,.case-detail table.why-table th{border-top:2px solid var(--c-line-pale);padding:14px 8px;text-align:left;vertical-align:top;font-size:14px}.case-detail table.why-table thead th{border-top:none;font-weight:700;padding-bottom:12px}.case-detail table.why-table td.head-col,.case-detail table.why-table th.head-col{width:26%;font-weight:700;font-size:14px}.case-detail table.why-table td .sym{font-size:20px;font-weight:700}.case-detail table.why-table td .tag{display:block;font-size:11px;color:var(--c-text-light);margin-top:2px}@media (min-width:640px){.case-detail .why .mascot{display:block;position:absolute;right:0;top:-77px;width:160px}.case-detail .why .title-wrap{gap:24px}.case-detail table.why-table{min-width:0}.case-detail table.why-table td,.case-detail table.why-table th{padding:16px 12px;font-size:16px}.case-detail table.why-table td.head-col,.case-detail table.why-table th.head-col{font-size:20px}.case-detail table.why-table td .sym{font-size:27px}.case-detail table.why-table td .tag{font-size:12px}}.case-detail .point{position:relative}.case-detail .point .title-wrap{position:relative;display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.case-detail .point .mascot{display:none}.case-detail .point ul{display:flex;flex-direction:column;gap:24px}.case-detail .point li{display:flex;flex-direction:column;gap:8px;padding-top:16px;border-top:2px solid var(--c-line-pale)}.case-detail .point li .bullet-title{display:flex;align-items:center;gap:10px}.case-detail .point li .bullet-title .dot{width:8px;height:8px;background:var(--c-cta);flex-shrink:0}.case-detail .point li p{font-size:16px;font-weight:400}@media (min-width:640px){.case-detail .point .mascot{display:block;position:absolute;left:-25px;top:-56px;width:120px}.case-detail .point ul{display:grid;grid-template-columns:1fr 1fr;gap:24px 32px}}.case-detail .security{position:relative}.case-detail .security .title-wrap{position:relative;display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.case-detail .security .mascot{display:none}.case-detail .security ul{display:flex;flex-direction:column;gap:16px}.case-detail .security li{display:flex;gap:12px;align-items:flex-start}.case-detail .security li img.check{width:22px;height:22px;flex-shrink:0;margin-top:2px}.case-detail .security li .lh{font-weight:700;font-size:16px;display:block;margin-bottom:4px}.case-detail .security li .ld{font-size:14px}@media (min-width:640px){.case-detail .security .mascot{display:block;position:absolute;right:20px;top:0;width:200px}.case-detail .security li{align-items:center;flex-wrap:wrap}.case-detail .security li .lh{margin-bottom:0;margin-right:8px;display:inline}.case-detail .security li .ld{font-size:16px}}.case-detail .steps ul{gap:40px}.case-detail .steps li,.case-detail .steps ul{display:flex;flex-direction:column}.case-detail .steps .icon-box{height:70px;margin-bottom:12px}.case-detail .steps .icon-box img{height:100%;width:auto}.case-detail .steps .step-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}.case-detail .steps .step-head .step-num{font-family:var(--font-en);font-weight:300;font-size:28px;color:var(--c-text-light)}.case-detail .steps .step-head .pill{border:1px solid var(--c-line-pale);padding:2px 12px;font-size:13px;color:var(--c-text-light);white-space:nowrap}.case-detail .steps h4{margin-bottom:16px}.case-detail .steps .divider{display:flex;align-items:flex-end;gap:0;margin-bottom:16px}.case-detail .steps .divider .line{flex:1;height:1px;background:#000}.case-detail .steps .divider img{width:20px;height:20px}.case-detail .steps p.body{font-size:15px}@media (min-width:640px){.case-detail .steps ul{flex-direction:row;gap:0}.case-detail .steps li{flex:1;padding:0 20px}.case-detail .steps .step-head .step-num{font-size:40px}}.case-detail .about-box{background:var(--c-bg-dark);border-radius:0 32px 32px 32px;display:flex;flex-direction:column;gap:20px;padding:24px}.case-detail .about-box img.team{width:100%;border-radius:4px}.case-detail .about-box .en{font-family:var(--font-en);font-size:11px;color:var(--c-text-light);letter-spacing:.3px}.case-detail .about-box .biz p{font-size:15px;font-weight:400}.case-detail .about-box .biz a{text-decoration:underline;font-size:15px;transition:color .18s ease}.case-detail .about-box .biz a:hover{color:var(--c-cta)}.case-detail .about-wrap{padding-top:56px;padding-bottom:32px}@media (min-width:640px){.case-detail .about-box{flex-direction:row;align-items:center;gap:24px;padding:32px 56px;border-radius:0 64px 64px 64px}.case-detail .about-box img.team{width:288px;flex-shrink:0}.case-detail .about-wrap{padding-top:80px;padding-bottom:40px}}.case-detail .copy-row{display:flex;flex-direction:column;gap:8px;padding:24px 0;font-size:11px;color:var(--c-text-light)}.case-detail .copy-row .pp{text-decoration:underline;transition:color .18s ease}.case-detail .copy-row .pp:hover{color:var(--c-cta)}@media (min-width:640px){.case-detail .copy-row{flex-direction:row;justify-content:space-between;font-size:12px;margin-bottom:120px}}.case-detail .cta-wrap{position:fixed;left:0;right:0;bottom:0;z-index:60;padding:12px var(--pad)}.case-detail .cta-bar{position:relative;max-width:calc(var(--maxw) + 2*var(--pad));margin:0 auto;background:var(--c-cta);border:1.5px solid #000;border-radius:60px;display:flex;align-items:center;justify-content:center;padding:10px;overflow:visible}.case-detail .cta-bar .btn-shadow-wrap{width:100%;max-width:340px}.case-detail .cta-bar .btn-dark{width:100%}.case-detail .cta-bar .hand{display:none}@media (min-width:640px){.case-detail .cta-wrap{padding:20px 40px}.case-detail .cta-bar{padding:16px 24px}.case-detail .cta-bar .btn-shadow-wrap{width:360px;max-width:none}.case-detail .cta-bar .hand{display:block;position:absolute;right:-90px;width:180px;transform:rotate(-15deg)}}.case-detail table.why-table td:not(.head-col),.case-detail table.why-table th:not(.head-col){text-align:center}@media (max-width:639px){.case-detail .hero{min-height:440px}}.case-detail header .logo{display:flex;align-items:center;gap:6px}.case-detail header .logo img.logo-icon{width:30px;height:30px}@media (min-width:640px){.case-detail header .logo{gap:8px}.case-detail header .logo img.logo-icon{width:36px;height:36px}}.case-detail .hero img.bg.is-illustration{object-position:70% 0}.case-detail .problem .point-card{padding-bottom:72px}.case-detail .problem .mascot{bottom:-28px}@media (min-width:640px){.case-detail .problem .point-card{padding-bottom:32px;margin-top:16px}.case-detail .problem .point-card ul{padding-right:110px}.case-detail .problem .mascot{bottom:auto}}@media (min-width:640px) and (max-width:1279px){.case-detail{--pad:48px}}@media (min-width:640px) and (max-width:1023px){.case-detail header nav a.link{display:none}.case-detail .steps ul{flex-direction:column;gap:40px}.case-detail .steps li{padding:0}.case-detail .solution .num-grid{grid-template-columns:1fr 1fr}.case-detail .solution .feat-grid{grid-template-columns:1fr}}.case-detail :is(h1,h2,h3,h4,p.fs-21,p.fs-27,p.fs-36,p.fs-47,.bullet-title>span:last-child,.title,.name,.lh,.banner,.block-title){text-wrap:balance;word-break:auto-phrase;overflow-wrap:anywhere}@media (max-width:374px){.case-detail .solution .feat-item{flex-direction:column;gap:8px}}.case-detail{overflow-x:clip}@media (min-width:640px){.case-detail header nav a.link.link-manga{display:inline;font-size:16px;font-weight:700}}