.top-page{--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}.top-page *{margin:0;padding:0;box-sizing:border-box}.top-page{font-family:var(--font-jp);color:#000;background:#fafafa;line-height:1.5;font-feature-settings:"palt" 1}.top-page img{max-width:100%;display:block;height:auto}.top-page a{color:inherit;text-decoration:none}.top-page ul{list-style:none}.top-page button{font:inherit;background:none;border:none;cursor:pointer}.top-page .wrap{max-width:calc(var(--maxw) + 2*var(--pad));margin:0 auto;padding:0 var(--pad)}.top-page .fs-36{font-size:26px}.top-page .fs-27,.top-page .fs-36{line-height:1.4;font-weight:700;letter-spacing:.5px}.top-page .fs-27{font-size:21px}.top-page .fs-21{font-size:18px;line-height:1.5}.top-page .fs-20,.top-page .fs-21{font-weight:700;letter-spacing:.3px}.top-page .fs-20{font-size:16px;line-height:1.4}.top-page .fs-16b{font-size:15px;line-height:1.5;font-weight:700}.top-page .fs-16{font-size:15px;line-height:1.7;font-weight:400;letter-spacing:.3px}.top-page .fs-12{font-size:11px;line-height:1.5;font-weight:400}@media (min-width:640px){.top-page .fs-36{font-size:36px;line-height:54px;letter-spacing:1.8px}.top-page .fs-27{font-size:27px;line-height:41px;letter-spacing:1.35px}.top-page .fs-21{font-size:21px;line-height:32px}.top-page .fs-20{font-size:20px;line-height:1.4;letter-spacing:1px}.top-page .fs-16,.top-page .fs-16b{font-size:16px;line-height:24px}.top-page .fs-16{letter-spacing:.8px}.top-page .fs-12{font-size:12px;line-height:18px}}.top-page .highlight{background:var(--c-accent);padding:0 2px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.top-page .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}.top-page .pill-title.lg{padding:12px 28px}.top-page .pill-title .tail{position:absolute;left:50%;top:100%;width:32px;height:24px;transform:translateX(-50%)}.top-page .badge-bubble{position:absolute;top:-18px;left:16px;z-index:2}.top-page .badge-bubble.right{left:auto;right:16px}@media (min-width:640px){.top-page .badge-bubble{top:-28px;left:-40px}.top-page .badge-bubble.right{left:auto;right:-24px}}.top-page .section-card{position:relative;background:#fff;border-radius:20px;padding:36px 20px 24px}.top-page .section-card.py-even{padding-top:28px;padding-bottom:28px}@media (min-width:640px){.top-page .section-card{border-radius:32px;padding:64px 56px 48px}.top-page .section-card.py-even{padding:48px 56px}}.top-page .btn-shadow-wrap{position:relative;display:inline-block}.top-page .btn-shadow-wrap.full{display:block;width:100%}.top-page .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}.top-page .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}.top-page .btn-dark:hover{background:var(--c-cta)}.top-page .btn-dark.lg{padding:16px 32px;font-size:16px}@media (min-width:640px){.top-page .btn-dark{padding:14px 24px;font-size:16px;letter-spacing:.5px}.top-page .btn-dark.lg{padding:16px 32px;font-size:18px;letter-spacing:.54px}.top-page .btn-shadow{top:9px;background-size:36px 36px;border-radius:32px}}.top-page .btn-outline{display:inline-flex;align-items:center;justify-content:center;background:#fff;color:#000;border:1px solid rgba(0,0,0,.1);border-radius:28px;padding:7px 24px;font-weight:700;font-size:14px;white-space:nowrap;transition:color .18s ease}.top-page .btn-outline:hover{color:var(--c-cta)}@media (min-width:640px){.top-page .btn-outline{font-size:16px}}.top-page .section-pad{padding-top:56px;padding-bottom:0}@media (min-width:640px){.top-page .section-pad{padding-top:80px;padding-bottom:0}}.top-page .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){.top-page .stripe{height:80px;border-radius:24px;background-image:url(/common/stripe-full-pc.svg)}}.top-page .card-stack{position:relative}.top-page .card-stack .banner,.top-page .card-stack .section-card{position:relative;z-index:1}.top-page .card-stack .stripe{position:absolute;left:0;right:0;bottom:-6px;z-index:0;max-width:none;margin:0;height:64px}@media (min-width:640px){.top-page .card-stack .stripe{bottom:-8px;height:80px}}.top-page 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}.top-page header .logo img{width:88px;height:auto}.top-page header nav{display:flex;align-items:center}.top-page header nav a.link{display:none;transition:color .18s ease}.top-page header nav a.link:hover{color:var(--c-cta)}.top-page header .btn-dark{padding:10px 16px;font-size:12px}.top-page header .btn-shadow{display:none}@media (min-width:640px){.top-page header{padding:16px 40px}.top-page header .logo img{width:100px}.top-page header nav{gap:28px}.top-page header nav a.link{display:inline;font-size:16px;font-weight:700}.top-page header .btn-dark{padding:14px 24px;font-size:16px}}.top-page .hero{position:relative;width:100%;overflow:hidden;background-color:#c5efff;background-image:url(/top/hero-bg.svg);background-size:cover;background-position:top;padding:160px 24px 24px}.top-page .hero,.top-page .hero .hero-top{display:flex;flex-direction:column;align-items:center}.top-page .hero .hero-top{margin-bottom:16px}.top-page .hero .logo-with-copy{width:320px}.top-page .hero .copy{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;width:100%;max-width:480px}.top-page .hero .copy p{width:100%}@media (min-width:640px){.top-page .hero{padding:180px 24px 0;min-height:640px;justify-content:flex-start}.top-page .hero .hero-top{margin-bottom:24px}.top-page .hero .logo-with-copy{width:460px}.top-page .hero .copy{gap:20px;max-width:480px}}.top-page .features{background:#fff;padding:48px 0}.top-page .features .grid{display:flex;flex-direction:column;gap:32px}.top-page .features .item{border-top:1px solid #000;border-left:1px solid #000;border-top-left-radius:32px;padding:24px 16px 0 24px;display:flex;flex-direction:column;gap:16px}.top-page .features .item .head{display:flex;align-items:center;justify-content:space-between;gap:8px}.top-page .features .item .head p{flex:1}.top-page .features .item .icon{width:auto;height:66px;max-width:80px;flex-shrink:0}.top-page .features .item p.body{font-size:15px}.top-page .features .item p.body+p{margin-top:8px}.top-page .features .item p.caption{font-size:11px}@media (min-width:640px){.top-page .features .grid{flex-direction:row;gap:48px}.top-page .features .item{flex:1;padding:24px 32px 0}.top-page .features .item .icon{width:auto;height:100px;max-width:120px}}.top-page .case-mascot{display:none}@media (min-width:640px){.top-page .case-mascot{display:block;position:absolute;left:-40px;bottom:-24px;width:140px}}.top-page .case-list{display:flex;flex-direction:column;gap:48px}.top-page .case-item,.top-page .case-item .col{display:flex;flex-direction:column;gap:24px}.top-page .case-item .col{border-top:1px solid #000;padding-top:16px;position:relative}.top-page .case-item .case-head{display:flex;flex-direction:column;gap:12px}.top-page .case-item .tag-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.top-page .case-item .tag-row .en{font-family:var(--font-en);font-size:11px;color:var(--c-text-light);letter-spacing:.3px}.top-page .case-item .tag-row .cat{font-size:11px}.top-page .case-item .num{position:absolute;right:0;top:-4px;font-family:var(--font-en);font-weight:300;font-size:40px;color:var(--c-text-light)}.top-page .case-item .toite-box{border-top-left-radius:24px;border:1px dashed #000;border-right:none;border-bottom:none;padding:24px 16px 16px;display:flex;flex-direction:column;gap:12px}.top-page .case-item .toite-box .label{font-weight:700;font-size:15px}.top-page .case-item .toite-box ul{display:flex;flex-direction:column;gap:12px}.top-page .case-item .toite-box li{display:flex;gap:8px;align-items:flex-start}.top-page .case-item .toite-box li img.check{width:22px;height:22px;flex-shrink:0;margin-top:2px}.top-page .case-item .toite-box li .lh{font-weight:700;font-size:16px;flex-shrink:0;margin-right:4px}.top-page .case-item .toite-box li .ld{font-size:14px}.top-page .case-item .flow-img{width:100%;max-width:300px;border-radius:4px;margin:0 auto}@media (min-width:640px){.top-page .case-item{flex-direction:row;gap:32px}.top-page .case-item .col{flex:1;padding-top:16px}.top-page .case-item .tag-row .cat,.top-page .case-item .tag-row .en{font-size:12px}.top-page .case-item .num{font-size:48px;right:-20px;top:-8px}.top-page .case-item .toite-box{border-top-left-radius:32px;padding:32px 24px 24px}.top-page .case-item .flow-img{width:300px;height:400px;flex-shrink:0;max-width:none}}.top-page .industry-grid{display:flex;flex-direction:column;gap:32px;margin-top:24px}.top-page .industry-card{border-top:1px solid #000;padding-top:24px;display:flex;flex-direction:column;gap:20px}.top-page .industry-card .head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.top-page .industry-card .label{border:1px solid var(--c-line-pale);padding:2px 16px;font-size:14px;white-space:nowrap}.top-page .industry-card .title{font-size:18px;font-weight:700;text-decoration:underline}.top-page .industry-card .desc{font-size:15px}.top-page .industry-card img.thumb{width:100%;max-width:200px;border-radius:4px;object-fit:cover;height:161px}.top-page .industry-more{display:flex;justify-content:flex-end;margin-top:8px}@media (min-width:640px){.top-page .industry-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.top-page .industry-card{flex-direction:row;gap:24px}.top-page .industry-card .body{flex:1;display:flex;flex-direction:column;gap:20px}.top-page .industry-card .title{font-size:21px}.top-page .industry-card .desc{font-size:16px}}.top-page .features6-mascot{display:none}@media (min-width:640px){.top-page .features6-mascot{display:block;position:absolute;right:0;top:-70px;width:150px}}.top-page .num-grid{display:flex;flex-direction:column;gap:16px;margin-top:24px}.top-page .num-card{position:relative;background:var(--c-bg-light);padding:24px;overflow:hidden}.top-page .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}.top-page .num-card .bullet-title{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px;position:relative;z-index:1}.top-page .num-card .bullet-title .dot{width:8px;height:8px;background:var(--c-icon-gray);margin-top:8px;flex-shrink:0}.top-page .num-card p.body{position:relative;z-index:1;font-size:15px}@media (min-width:640px){.top-page .num-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}}.top-page .security-grid{display:flex;flex-direction:column;gap:32px;margin-top:24px}.top-page .security-item{display:flex;flex-direction:column;gap:16px;padding-top:24px}.top-page .security-item img.icon{width:auto;height:88px;max-width:88px}.top-page .security-item .lh{font-weight:700;font-size:18px;display:block}.top-page .security-item .ld{font-size:14px}@media (min-width:640px){.top-page .security-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:32px}.top-page .security-item img.icon{width:auto;height:120px;max-width:120px}.top-page .security-item .lh{font-size:21px}.top-page .security-item .ld{font-size:16px}}.top-page .steps-mascot{display:none}@media (min-width:640px){.top-page .steps-mascot{display:block;position:absolute;right:0;top:-65px;width:150px}}.top-page .steps ul{gap:40px}.top-page .steps li,.top-page .steps ul{display:flex;flex-direction:column}.top-page .steps .icon-box{height:100px}.top-page .steps .icon-box img{height:100%;width:auto}.top-page .steps .step-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}.top-page .steps .step-head .step-num{font-family:var(--font-en);font-weight:300;font-size:28px;color:var(--c-text-light)}.top-page .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}.top-page .steps h4{margin-bottom:16px}.top-page .steps .divider{display:flex;align-items:flex-end;gap:0;margin-bottom:16px}.top-page .steps .divider .line{flex:1;height:1px;background:#000}.top-page .steps .divider img{width:20px;height:20px}.top-page .steps p.body{font-size:15px}@media (min-width:640px){.top-page .steps ul{flex-direction:row;gap:0}.top-page .steps li{flex:1;padding:0 16px}.top-page .steps .step-head .step-num{font-size:40px}}.top-page .final-cta{position:relative;background:var(--c-cta);border:1.5px solid #000;border-radius:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:32px 24px;overflow:visible;color:#fff;text-align:center}.top-page .final-cta .copy{color:#fff}.top-page .final-cta .copy .headline{display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap}.top-page .final-cta .copy .headline .big{font-size:18px;font-weight:700}.top-page .final-cta .copy .headline .small{font-size:14px;font-weight:700}.top-page .final-cta .copy .sub{font-size:14px;margin-top:4px}.top-page .final-cta .copy .note{font-size:11px;margin-top:4px}.top-page .final-cta .btn-shadow-wrap{width:100%;max-width:340px}.top-page .final-cta .btn-dark{width:100%}.top-page .final-cta .hand{display:none}@media (min-width:640px){.top-page .final-cta{flex-direction:row;border-radius:64px;padding:40px 24px;gap:24px;text-align:left}.top-page .final-cta .copy{text-align:left;flex-shrink:0}.top-page .final-cta .copy .headline{justify-content:flex-start}.top-page .final-cta .copy .headline .big{font-size:21px}.top-page .final-cta .copy .headline .small,.top-page .final-cta .copy .sub{font-size:16px}.top-page .final-cta .copy .note{font-size:12px}.top-page .final-cta .btn-shadow-wrap{width:360px;max-width:none;flex-shrink:0}.top-page .final-cta .hand{display:block;position:absolute;left:91%;top:-78px;width:260px;transform:rotate(-30deg)}}.top-page .about-box{background:var(--c-bg-dark);border-radius:0 32px 32px 32px;display:flex;flex-direction:column;gap:20px;padding:24px}.top-page .about-box img.team{width:100%;border-radius:4px}.top-page .about-box .en{font-family:var(--font-en);font-size:11px;color:var(--c-text-light);letter-spacing:.3px}.top-page .about-box .biz p{font-size:15px;font-weight:400}.top-page .about-box .biz a{text-decoration:underline;font-size:15px;transition:color .18s ease}.top-page .about-box .biz a:hover{color:var(--c-cta)}.top-page .about-wrap{padding-top:56px;padding-bottom:32px}@media (min-width:640px){.top-page .about-box{flex-direction:row;align-items:center;gap:24px;padding:32px 56px;border-radius:0 64px 64px 64px}.top-page .about-box img.team{width:288px;flex-shrink:0}.top-page .about-wrap{padding-top:16px;padding-bottom:40px;padding-left:64px}}.top-page .copy-row{display:flex;flex-direction:column;gap:8px;padding:24px 0 40px;font-size:11px;color:var(--c-text-light)}.top-page .copy-row .pp{text-decoration:underline;transition:color .18s ease}.top-page .copy-row .pp:hover{color:var(--c-cta)}@media (min-width:640px){.top-page .copy-row{flex-direction:row;justify-content:space-between;font-size:12px;padding-bottom:56px}}