:root{--company-blue:#0876ff;--company-navy:#06172b;--company-ink:#0b1728;--company-muted:#60748b;--company-line:#dbe6f0}.company-about-page{overflow-x:hidden;background:#fff;color:var(--company-ink)}.company-about-page h1,.company-about-page h2,.company-about-page h3,.company-about-page p{word-break:keep-all}.company-about-page .header nav .active{color:var(--company-blue)}
html:lang(ja) .company-about-page h1,html:lang(ja) .company-about-page h2,html:lang(ja) .company-about-page h3,html:lang(ja) .company-about-page p,html:lang(zh-Hans) .company-about-page h1,html:lang(zh-Hans) .company-about-page h2,html:lang(zh-Hans) .company-about-page h3,html:lang(zh-Hans) .company-about-page p{word-break:normal;overflow-wrap:anywhere}
.company-hero{min-height:850px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(450px,.92fr);align-items:center;gap:5vw;padding:135px max(8vw,30px) 80px;overflow:hidden;background:radial-gradient(circle at 82% 35%,#d6efff 0,transparent 28%),linear-gradient(145deg,#fff 25%,#eff8ff 100%)}.company-hero__copy{position:relative;z-index:2;max-width:760px}.company-kicker{display:flex;align-items:center;gap:10px;margin:0 0 22px;color:#56708a;font-size:11px;font-weight:800;letter-spacing:.17em}.company-kicker span{width:28px;height:2px;background:var(--company-blue)}.company-hero h1{margin:0;font-size:clamp(60px,7vw,106px);line-height:1;letter-spacing:-.07em}.company-hero h1 em{color:var(--company-blue);font-style:normal}.company-hero__copy>p:not(.company-kicker){max-width:650px;margin:30px 0 0;color:#586e85;font-size:19px;line-height:1.85}.company-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:36px}.company-actions a{display:flex;min-height:55px;align-items:center;justify-content:space-between;gap:34px;padding:0 21px;border:1px solid #cdddec;border-radius:12px;background:#fff;font-size:14px;font-weight:800;box-shadow:0 12px 28px rgba(7,40,77,.07)}.company-actions a:first-child{border-color:var(--company-blue);background:var(--company-blue);color:#fff}.company-hero__visual{position:relative;height:590px}.tree-orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(8,118,255,.2);border-radius:48% 52% 44% 56%;transform:translate(-50%,-50%) rotate(12deg)}.tree-orbit--one{width:470px;height:470px}.tree-orbit--two{width:580px;height:580px;transform:translate(-50%,-50%) rotate(-18deg)}.tree-mark{position:absolute;left:50%;top:50%;display:flex;width:330px;height:330px;align-items:center;justify-content:center;gap:7px;transform:translate(-50%,-50%);border-radius:44% 56% 59% 41%;background:linear-gradient(145deg,#0876ff,#0750c5);color:#fff;box-shadow:0 38px 80px rgba(8,82,181,.28);font-size:76px;font-weight:900;letter-spacing:-.09em}.tree-mark b{font-size:24px;color:#a9dcff;letter-spacing:-.06em}.company-hero__visual>p{position:absolute;right:2%;bottom:4%;margin:0;color:#0b427e;font-size:13px;font-weight:900;line-height:1.1;letter-spacing:.18em}
.company-statement{max-width:1100px;margin:auto;padding:145px 28px 100px;text-align:center}.company-statement .company-kicker{justify-content:center}.company-statement h2,.divergram-story h2,.company-principles h2,.company-identity h2,.company-contact h2{margin:0;font-size:clamp(40px,5.2vw,72px);line-height:1.1;letter-spacing:-.06em}.company-statement>p:last-child{max-width:790px;margin:28px auto 0;color:var(--company-muted);font-size:18px;line-height:1.9}
.company-capabilities{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:0 max(4vw,18px) 130px}.company-capability{min-height:480px;padding:38px;border-radius:28px;color:#fff;box-shadow:0 24px 50px rgba(6,23,43,.09)}.company-capability>span{display:block;width:42px;height:42px;padding-top:10px;border:1px solid rgba(255,255,255,.35);border-radius:50%;text-align:center;font-size:12px}.company-capability>p{margin:130px 0 12px;font-size:11px;font-weight:800;letter-spacing:.16em;opacity:.7}.company-capability h3{margin:0;font-size:34px;letter-spacing:-.05em}.company-capability strong{display:block;margin-top:18px;color:rgba(255,255,255,.75);font-size:15px;font-weight:500;line-height:1.8}.company-capability--blue{background:linear-gradient(145deg,#0876ff,#034ab3)}.company-capability--navy{background:linear-gradient(145deg,#06172b,#153b62)}.company-capability--mint{background:linear-gradient(145deg,#168c78,#38b69e)}
.divergram-story{display:grid;grid-template-columns:.82fr 1.18fr;align-items:center;gap:9vw;padding:130px max(8vw,28px);background:var(--company-navy);color:#fff}.divergram-story__brand{position:relative;display:grid;min-height:470px;place-items:center;border:1px solid #1c3b59;border-radius:32px;background:radial-gradient(circle at 50% 40%,#164c7d 0,transparent 52%),#0a2138}.divergram-story__brand img{width:170px;border-radius:38px;box-shadow:0 28px 55px rgba(0,0,0,.3)}.divergram-story__brand span{position:absolute;left:27px;bottom:24px;color:#7693ae;font-size:10px;font-weight:800;letter-spacing:.16em}.divergram-story__copy{max-width:700px}.divergram-story .company-kicker{color:#85a3bf}.divergram-story__copy>p:not(.company-kicker){color:#a8bacb;font-size:17px;line-height:1.9}.divergram-story__copy>a{display:inline-block;margin-top:18px;color:#70bdff;font-weight:800}
.company-principles{display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw;padding:130px max(8vw,28px);background:#f1f8ff}.principle-list article{display:grid;grid-template-columns:55px 1fr;gap:22px;padding:28px 0;border-bottom:1px solid #ccdeed}.principle-list article:first-child{padding-top:0}.principle-list article:last-child{border:0}.principle-list b{color:var(--company-blue);font-size:12px}.principle-list h3{margin:0;font-size:24px;letter-spacing:-.04em}.principle-list p{margin:9px 0 0;color:var(--company-muted);line-height:1.8}
.company-identity{display:grid;grid-template-columns:.85fr 1.15fr;gap:9vw;padding:130px max(8vw,28px)}.company-identity>div>p:last-child{max-width:470px;color:var(--company-muted);font-size:17px;line-height:1.8}.company-identity dl{margin:0;border-top:2px solid var(--company-ink)}.company-identity dl div{display:grid;grid-template-columns:150px 1fr;padding:22px 4px;border-bottom:1px solid var(--company-line)}.company-identity dt{color:#76899e;font-size:13px}.company-identity dd{margin:0;font-weight:700;line-height:1.7}.company-identity dd a{color:var(--company-blue);text-decoration:underline;text-underline-offset:4px}
.company-contact{padding:110px 25px;background:linear-gradient(145deg,#0876ff,#0054cb);color:#fff;text-align:center}.company-contact>p{font-size:11px;font-weight:800;letter-spacing:.18em;opacity:.7}.company-contact a{display:inline-flex;margin-top:30px;min-height:58px;align-items:center;gap:45px;padding:0 23px;border-radius:13px;background:#fff;color:#075ec9;font-weight:800}.company-about-page footer{margin:0}
@media(max-width:900px){.company-hero{grid-template-columns:1fr;padding-top:150px}.company-hero__visual{height:470px}.tree-mark{width:270px;height:270px}.tree-orbit--one{width:380px;height:380px}.tree-orbit--two{width:450px;height:450px}.company-capabilities{grid-template-columns:1fr}.company-capability{min-height:350px}.company-capability>p{margin-top:80px}.divergram-story,.company-principles,.company-identity{grid-template-columns:1fr}.divergram-story__brand{min-height:390px}.company-principles>div:first-child,.company-identity>div:first-child{max-width:650px}}
@media(max-width:620px){.company-hero{display:block;min-height:auto;padding:125px 20px 60px}.company-hero__copy{width:100%;min-width:0;max-width:100%}.company-hero h1{max-width:100%;font-size:50px}.company-hero__copy>p:not(.company-kicker){max-width:100%;font-size:16px}.company-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.company-actions a{min-width:0;gap:8px;padding:0 14px;font-size:13px}.company-hero__visual{width:100%;min-width:0;height:350px;margin-top:38px}.tree-mark{width:205px;height:205px;font-size:52px}.tree-mark b{font-size:18px}.tree-orbit--one{width:275px;height:275px}.tree-orbit--two{width:330px;height:330px}.company-statement{padding:90px 20px 65px}.company-statement h2,.divergram-story h2,.company-principles h2,.company-identity h2,.company-contact h2{font-size:39px}.company-statement>p:last-child{font-size:16px}.company-capabilities{padding:0 12px 85px}.company-capability{min-height:320px;padding:28px;border-radius:22px}.company-capability>p{margin-top:60px}.company-capability h3{font-size:29px}.divergram-story,.company-principles,.company-identity{padding:85px 20px}.divergram-story__brand{min-height:310px}.divergram-story__brand img{width:120px;border-radius:28px}.principle-list article{grid-template-columns:38px 1fr}.company-identity dl div{grid-template-columns:1fr;gap:6px}.company-contact{padding:80px 20px}.company-contact a{gap:24px}}