@charset "UTF-8";
:root{--ink:#222;--paper:#fff;--mist:#efefed;--line:#dbdbd7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:120px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Noto Sans JP","Yu Gothic",Meiryo,sans-serif;-webkit-font-smoothing:antialiased;font-weight:600}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}img{display:block;width:100%;height:100%;object-fit:cover}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #737373;outline-offset:6px}h1,h2,h3,h4,p,figure{margin:0}.skip{position:fixed;top:-80px;left:10px;z-index:100;background:#222;color:#fff;padding:15px}.skip:focus{top:10px}.wordmark{font-size:56px;line-height:1;font-weight:900;letter-spacing:-4px;font-style:italic}.header{position:fixed;z-index:50;top:38px;left:3.3%;right:3.3%;display:flex;justify-content:space-between;align-items:center;gap:25px;pointer-events:none}.header>*{pointer-events:auto}.header>.wordmark{font-size:59px;letter-spacing:-4px}.header nav{display:flex;align-items:center;gap:22px;padding:0 27px;background:#fff;min-height:49px;border-radius:3px;box-shadow:0 0 5px #00000009;font-size:14px}.header nav>a,.nav-group>button{padding:16px 0;border:0;background:transparent;white-space:nowrap;position:relative}.header nav>a:after,.nav-group>button:after{content:"";position:absolute;left:0;bottom:10px;width:0;height:1px;background:currentColor;transition:width .3s}.header nav>a:hover:after,.nav-group>button:hover:after{width:100%}.nav-group{position:relative}.dropdown{position:absolute;top:calc(100% + 12px);left:-25px;min-width:240px;padding:14px 22px;background:#fff;box-shadow:0 12px 35px #0001;border-radius:4px;display:none}.nav-group.open .dropdown{display:grid}.dropdown a{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid #eee;font-size:13px}.dropdown a:last-child{border:0}.recruit-link{background:#fff;border:1px solid #222;border-radius:3px;min-width:142px;padding:15px;font-size:14px;display:flex;justify-content:space-between}.recruit-link span{border-left:1px dotted #888;padding-left:16px}.menu-button{display:none}.hero{height:960px;min-height:100svh;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:72% 28%;overflow:hidden}.hero-photo{overflow:hidden;position:relative}.hero-photo img{animation:photo-in 2s cubic-bezier(.18,.65,.2,1) both;object-position:22% center;transition:transform 2s}.hero-photo:hover img{transform:scale(1.04)}.photo-one img{width:175%;max-width:none;object-position:25% center}.hero-photo small{position:absolute;bottom:28px;left:35px;color:#fff;letter-spacing:.12em;font-size:11px;text-shadow:0 1px 8px #000a}.hero-message{background:#222;color:#fff;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:140px 8% 70px}.hero-message h1{font-size:clamp(25px,2.55vw,44px);line-height:1.8;letter-spacing:.04em;z-index:2;position:relative;animation:text-in 1.6s .25s both}.hero-symbol{position:absolute;inset:0;overflow:hidden}.hero-symbol i{display:block;position:absolute;background:#dfddda}.hero-symbol i:nth-child(1){width:90%;height:50%;right:-45%;top:-4%;border-radius:50%;animation:morph-one 16s ease-in-out infinite alternate}.hero-symbol i:nth-child(2){width:50%;height:40%;bottom:-30%;left:-12%;transform:rotate(35deg);animation:morph-two 16s ease-in-out infinite alternate}.hero-symbol i:nth-child(3){height:5%;width:18%;right:0;bottom:0;transform:rotate(-32deg);opacity:0}.hero-scroll{position:absolute;bottom:30px;left:8%;font-size:10px;letter-spacing:.15em;display:flex;align-items:center;gap:25px}.hero-scroll span{font-size:22px}.hero-bottom-shape{background:#dedcd9;position:relative;overflow:hidden}.hero-bottom-shape div{position:absolute;inset:-100%;background:#222;clip-path:polygon(0 0,20% 0,70% 100%,45% 100%);animation:shape-slide 20s ease-in-out infinite alternate}.hero-bottom-shape span{position:absolute;left:40px;bottom:34px;font-size:36px;line-height:.95;letter-spacing:-2px;color:#222;mix-blend-mode:multiply}.photo-two img{object-position:90% 50%;width:120%;transform:scale(1.08)}.section{padding:0 3.3%}.vision{position:relative;display:flex;justify-content:space-between;padding-top:135px;padding-bottom:100px;gap:40px}.vision-copy{max-width:1000px}.vision h2{font-size:25px;line-height:1.8;letter-spacing:.02em;margin-bottom:50px}.prose{font-size:18px;line-height:2.15}.prose p+p{margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:space-between;min-width:202px;padding:16px 17px;border-radius:3px;font-size:14px;line-height:1.3;transition:background .25s,color .25s,transform .25s}.button span{margin-left:36px;padding-left:18px;border-left:1px dotted #888;transition:transform .25s}.button:hover span{transform:translateX(3px)}.button.dark{background:#222;color:#fff}.button.dark:hover{background:#444}.vision .button{margin-top:48px}.vision-sign{position:absolute;bottom:100px;right:3.3%;text-align:right}.vision-sign>span{display:block;font-size:11px;line-height:1.2;margin-bottom:10px}.vision-sign .wordmark{font-size:80px}.photo-ribbon{height:420px;overflow:hidden;position:relative}.ribbon-track{display:flex;width:max-content;height:100%;animation:ribbon 48s linear infinite}.ribbon-track figure{width:470px;height:100%;overflow:hidden}.ribbon-track figure:nth-child(3n+1){width:340px}.ribbon-track figure:nth-child(3n+2){width:620px}.ribbon-track figure:nth-child(3n+1) img{object-position:0;filter:brightness(.8)}.ribbon-track figure:nth-child(3n+2) img{object-position:center}.ribbon-track figure:nth-child(3n) img{object-position:95%;width:180%;max-width:none;transform:translateX(-36%)}.image-note{position:absolute;bottom:12px;right:20px;color:#fff;font-size:10px;text-shadow:0 1px 5px #000}.lower{background:var(--mist)}.products{padding-top:150px}.section-title h2{font-size:58px;letter-spacing:-2px;line-height:1.1;font-weight:800}.section-title>p{font-size:14px;margin-top:10px}.product-panel{margin:53px -2.5% 0;display:flex;border-radius:42px;overflow:hidden;background:#fff}.product-panel aside{width:85px;flex-shrink:0;writing-mode:vertical-rl;display:flex;align-items:center;padding:44px 0 30px;background:#f9f9f8;font-size:11px;gap:10px}.product-panel aside small{margin-top:auto;font-size:10px}.product-main{padding:65px 6.5% 50px;width:100%;min-width:0}.product-logo{display:flex;align-items:center;gap:12px;font-size:55px;letter-spacing:-2px}.product-logo svg{width:68px;height:50px;fill:none;stroke:#222;stroke-width:7;stroke-linecap:round}.product-logo span{font-size:12px;font-weight:700;letter-spacing:.08em;align-self:flex-end;padding-bottom:8px}.product-grid{margin-top:56px;display:grid;grid-template-columns:1fr 1fr;gap:5%}.product-visual{height:340px;background:#e8e7e4;border-radius:16px;position:relative;overflow:hidden;padding:50px 30px}.app-window{height:212px;width:88%;background:#fff;border:6px solid #222;border-radius:8px;transform:rotate(-7deg);box-shadow:10px 22px 30px #0002}.app-top{height:22px;background:#222;color:#fff;display:flex;gap:4px;align-items:center;padding:0 8px;font-size:7px}.app-top strong{margin-right:auto}.app-top i{width:3px;height:3px;border-radius:50%;background:#fff}.app-body{display:flex;height:calc(100% - 22px)}.app-rail{width:30px;background:#f0f0ee;padding:15px 7px}.app-rail i{display:block;height:3px;background:#999;margin:10px 0}.app-content{flex:1;padding:14px;font-size:8px;min-width:0}.app-content>span{font-size:9px;font-weight:700}.stat-row{display:flex;gap:8px;margin-top:10px}.stat-row i{font-style:normal;flex:1;background:#f0f0ee;padding:8px;border-radius:3px}.chart{height:50px;display:flex;align-items:end;gap:5px;padding:6px 8px 0;border-bottom:1px solid #bbb;margin:5px 0}.chart b{width:8%;height:35%;background:#222;border-radius:2px 2px 0 0}.chart b:nth-child(3n){height:65%}.chart b:nth-child(3n+1){height:90%}.table-lines i{display:block;background:#eaeae8;height:3px;margin:7px 0}.call-card{position:absolute;width:145px;height:170px;right:20px;bottom:24px;border:4px solid #222;background:#fff;border-radius:17px;box-shadow:5px 12px 20px #0002;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(8deg)}.call-icon{font-size:34px}.call-card strong{font-size:9px}.voice-bars{height:25px;display:flex;align-items:center;gap:3px;margin-top:12px}.voice-bars i{height:40%;width:3px;border-radius:5px;background:#222;animation:voice 1.5s ease-in-out infinite alternate}.voice-bars i:nth-child(2n){height:90%;animation-delay:-.4s}.voice-bars i:nth-child(3n){height:65%;animation-delay:-.8s}.product-visual>small{position:absolute;bottom:12px;left:14px;font-size:9px}.product-copy h4{font-size:27px;line-height:1.65;margin-bottom:26px}.product-copy p{font-size:14px;line-height:2}.product-copy .button{margin-top:30px}.product-tags{display:flex;justify-content:center;align-items:center;gap:40px;margin-top:60px;padding-top:36px;border-top:1px solid #eee;flex-wrap:wrap}.product-tags span{font-size:22px;letter-spacing:.01em}.product-tags b{font-size:20px;font-weight:400;color:#aaa}.news{display:grid;grid-template-columns:24% 1fr;gap:2%;padding-top:150px;padding-bottom:150px}.news .button{margin-top:48px;min-width:176px}.news-item{display:grid;grid-template-columns:175px 1fr;gap:22px;padding-bottom:35px;border-bottom:1px solid var(--line)}.news-thumb{height:108px;background:#fff;border-radius:7px;display:flex;justify-content:center;align-items:center;font-size:38px;letter-spacing:-2px}.news-category{font-size:10px;border:1px solid #fff;border-radius:20px;padding:3px 9px;display:inline-block;margin:1px 0 14px}.news-item h3{font-size:16px;line-height:1.7}.news-item p{font-size:13px;margin-top:10px;color:#555}.news-placeholder{padding:38px 0;border-bottom:1px solid var(--line)}.news-placeholder>span{font-size:15px}.news-placeholder p{font-size:12px;color:#666;margin-top:12px}.recruit{padding:0 .8% 150px}.recruit-card{height:445px;display:flex;position:relative;overflow:hidden;border-radius:40px;color:#fff;align-items:center;padding:60px 8%;gap:12%}.recruit-card>img{position:absolute;inset:0;filter:brightness(.4);transition:transform 1.2s;object-position:50% 65%}.recruit-card:hover>img{transform:scale(1.04)}.recruit-heading,.recruit-copy,.circle-arrow{position:relative;z-index:1}.recruit-heading h2{font-size:56px;letter-spacing:-2px}.recruit-heading>p{font-size:15px;margin-top:5px}.mini-picture{width:230px;height:85px;display:block;border-radius:6px;overflow:hidden;margin-top:60px}.mini-picture img{object-position:50% 35%}.recruit-copy h3{font-size:32px;line-height:1.6}.recruit-copy p{font-size:17px;line-height:2;margin-top:25px}.circle-arrow{margin-left:auto;border:2px solid #fff;border-radius:50%;width:64px;height:64px;display:grid;place-items:center;flex-shrink:0;transition:background .25s,color .25s}.recruit-card:hover .circle-arrow{background:#fff;color:#222}footer{padding:50px 3.3% 45px}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:50px}.footer-links{display:flex;justify-content:space-between;gap:25px;border-top:1px solid #ddd;padding-top:18px;font-size:12px}.footer-links>div{display:flex;flex-direction:column;gap:12px}.footer-links>div>a:first-child{font-size:14px;margin-bottom:10px}.footer-links a:hover{text-decoration:underline}.footer-contact{border-top:1px solid #222;padding-top:18px;font-size:13px;line-height:1.8}.footer-contact span{display:block;margin-top:20px}.footer-logo{font-size:100px;text-align:right;letter-spacing:-6px}.footer-bottom{display:flex;justify-content:space-between;margin-top:60px;font-size:11px}.footer-bottom small{font-size:10px}.end-pattern{height:390px;display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;background:#dedcd9}.end-pattern i{position:relative;overflow:hidden}.end-pattern i:before{content:"";position:absolute;background:#222;inset:-10%;}.end-pattern i:nth-child(1):before{clip-path:polygon(0 0,50% 0,90% 45%,55% 100%,0 100%,35% 50%)}.end-pattern i:nth-child(2):before{border-radius:50% 0 40% 0;transform:rotate(-20deg) scale(1.3)}.end-pattern i:nth-child(3):before{clip-path:polygon(0 0,100% 0,100% 40%,0 100%,0 68%,70% 35%)}.js .reveal{opacity:0;transform:translateY(28px);filter:blur(5px);transition:opacity 1.1s,transform 1.1s cubic-bezier(.2,.65,.2,1),filter 1.1s}.js .reveal.is-visible{opacity:1;transform:none;filter:none}.reveal:nth-child(2){transition-delay:.1s}@keyframes photo-in{from{opacity:0;scale:1.08}to{opacity:1;scale:1}}@keyframes text-in{from{opacity:0;transform:translateY(20px);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}@keyframes morph-one{0%,15%{transform:translateY(0) rotate(-10deg);border-radius:50%}65%,100%{transform:translate(-20%,50%) rotate(25deg);border-radius:4% 60% 4% 60%}}@keyframes morph-two{0%,15%{transform:translate(0,0) rotate(35deg)}65%,100%{transform:translate(40%,-90%) rotate(-25deg);border-radius:50%}}@keyframes shape-slide{to{transform:translateX(25%) rotate(15deg)}}@keyframes ribbon{to{transform:translateX(-50%)}}@keyframes voice{to{transform:scaleY(.45)}}
@media(min-width:1600px){.hero{height:1100px}.vision{padding-top:160px;padding-bottom:130px}.vision h2{font-size:30px}.prose{font-size:20px}}
@media(max-width:1000px){.header{top:25px;gap:15px}.header>.wordmark{font-size:48px}.header nav{gap:14px;padding:0 15px;font-size:12px}.recruit-link{min-width:110px;font-size:12px}.hero{height:850px}.vision-sign{bottom:70px}.vision-sign .wordmark{font-size:60px}.prose{font-size:16px}.product-main{padding:45px 5%}.product-panel aside{width:55px}.product-grid{gap:5%}.product-copy h4{font-size:23px}.product-visual{height:315px;padding:45px 15px}.call-card{right:10px;width:120px;height:150px}.product-tags{gap:25px}.recruit-card{gap:8%;padding:45px 6%}.mini-picture{width:180px}.recruit-copy h3{font-size:27px}.footer-grid{gap:30px}.footer-logo{font-size:80px}}
@media(max-width:760px){html{scroll-padding-top:90px}.header{top:20px;left:6%;right:6%;gap:12px}.header>.wordmark{font-size:43px;letter-spacing:-3px;text-shadow:0 0 15px #fff}.header nav{position:absolute;top:65px;left:0;right:0;display:none;align-items:stretch;flex-direction:column;gap:0;padding:18px 25px;box-shadow:0 10px 35px #0002;font-size:15px}.header.menu-open nav{display:flex}.header nav>a,.nav-group>button{display:block;width:100%;text-align:left;padding:17px 0;border-bottom:1px solid #eee}.dropdown{position:static;box-shadow:none;padding:0 0 10px 15px}.nav-group>button:before{content:"+";float:right}.nav-group.open>button:before{content:"−"}.recruit-link{min-width:104px;margin-left:auto;padding:12px 10px;font-size:11px}.recruit-link span{padding-left:10px}.menu-button{display:block;width:42px;height:42px;background:#fff;border:1px solid #ddd;border-radius:3px;padding:12px 9px;order:3}.menu-button span{display:block;height:1px;background:#222;margin:5px 0;transition:transform .25s}.menu-button b{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}.menu-open .menu-button span:first-child{transform:translateY(3px) rotate(45deg)}.menu-open .menu-button span:nth-child(2){transform:translateY(-3px) rotate(-45deg)}.hero{height:900px;min-height:100svh;grid-template-columns:1fr 1fr;grid-template-rows:47% 53%}.photo-one{grid-column:1/3;grid-row:1}.photo-one img{width:100%;object-position:50% 40%}.hero-message{grid-column:1/3;grid-row:2;padding:55px 7% 85px;justify-content:center}.hero-message h1{font-size:clamp(25px,6.5vw,38px);line-height:1.8}.hero-symbol i:nth-child(1){width:70%;height:55%;right:-40%;top:-10%}.hero-symbol i:nth-child(2){height:45%;width:45%;bottom:-38%}.hero-scroll{left:7%;bottom:25px}.hero-photo small{bottom:18px;left:7%;font-size:10px}.hero-bottom-shape,.photo-two{display:none}.section{padding-left:7%;padding-right:7%}.vision{padding-top:85px;padding-bottom:75px;display:block}.vision h2{font-size:19px;line-height:1.85;margin-bottom:35px}.prose{font-size:14px;line-height:2.2}.prose br{display:none}.prose p+p{margin-top:25px}.vision .button{margin-top:34px}.vision-sign{position:static;margin-top:50px}.vision-sign .wordmark{font-size:68px}.photo-ribbon{height:270px}.ribbon-track figure{width:310px}.ribbon-track figure:nth-child(3n+1){width:210px}.ribbon-track figure:nth-child(3n+2){width:390px}.products{padding-top:80px}.section-title h2{font-size:45px;letter-spacing:-1.5px}.section-title>p{font-size:12px}.product-panel{margin:35px -5.5% 0;border-radius:25px}.product-panel aside{width:32px;padding-top:28px;font-size:9px}.product-main{padding:32px 6% 35px}.product-logo{font-size:37px;gap:7px;letter-spacing:-1.5px;flex-wrap:wrap}.product-logo svg{width:44px;height:36px;stroke-width:7}.product-logo span{font-size:8px;padding-bottom:5px;letter-spacing:0}.product-grid{grid-template-columns:1fr;margin-top:30px;gap:30px}.product-visual{height:280px;border-radius:10px;padding:45px 20px}.app-window{height:175px;width:85%}.app-content{padding:10px}.app-content>span{font-size:7px}.app-top{height:18px;font-size:6px}.app-body{height:calc(100% - 18px)}.app-rail{width:22px;padding:6px}.stat-row i{padding:5px}.chart{height:35px}.table-lines i{margin:5px 0}.call-card{width:112px;height:140px;right:12px}.product-copy h4{font-size:22px;margin-bottom:20px}.product-copy p{font-size:13px}.product-copy .button{margin-top:25px}.product-tags{gap:12px;margin-top:35px;padding-top:24px}.product-tags span{font-size:12px}.product-tags b{font-size:14px}.news{display:block;padding-top:85px;padding-bottom:75px}.news .button{margin-top:25px}.news-list{margin-top:35px}.news-item{grid-template-columns:95px 1fr;gap:18px;padding-bottom:25px}.news-thumb{font-size:28px;height:80px;letter-spacing:-1.5px}.news-category{font-size:8px;margin-bottom:8px}.news-item h3{font-size:13px}.news-item p{font-size:11px;line-height:1.8}.news-placeholder{padding:28px 0}.news-placeholder p{font-size:11px;line-height:1.8}.recruit{padding:0 3% 75px}.recruit-card{height:500px;display:block;border-radius:25px;padding:35px 8%}.recruit-card>img{object-position:60%}.recruit-heading h2{font-size:44px}.recruit-heading>p{font-size:12px}.mini-picture{display:none}.recruit-copy{margin-top:60px}.recruit-copy h3{font-size:27px}.recruit-copy p{font-size:13px;margin-top:20px}.circle-arrow{position:absolute;bottom:35px;right:8%;width:48px;height:48px}.footer-grid{grid-template-columns:1fr;gap:35px}.footer-links{font-size:10px;gap:15px}.footer-links>div>a:first-child{font-size:12px}.footer-contact{display:flex;justify-content:space-between;font-size:11px}.footer-contact span{margin:0}footer{padding:40px 7% 30px}.footer-logo{text-align:right;font-size:92px;letter-spacing:-6px}.footer-bottom{margin-top:35px;font-size:9px}.footer-bottom small{font-size:8px}.end-pattern{height:190px}.reveal:nth-child(2){transition-delay:0s}}
@media(min-width:761px){.hero{height:100svh;min-height:780px;grid-template-rows:1fr;background:#222}.hero-bottom-shape,.photo-two{display:none}.photo-one,.hero-message{grid-row:1;animation:panel-left 24s cubic-bezier(.65,0,.35,1) infinite}.photo-one{grid-column:1}.hero-message{grid-column:2;animation-name:panel-right}.photo-one img{animation:photo-in 2s both,photo-crop 24s ease-in-out infinite}.hero-message h1{font-size:clamp(25px,2.55vw,44px)}}
@keyframes panel-left{0%,35%{transform:translateX(0)}45%,85%{transform:translateX(100%)}95%,100%{transform:translateX(0)}}
@keyframes panel-right{0%,35%{transform:translateX(0)}45%,85%{transform:translateX(-100%)}95%,100%{transform:translateX(0)}}
@keyframes photo-crop{0%,35%{margin-left:0}45%,85%{margin-left:-60%}95%,100%{margin-left:0}}
@keyframes morph-one{0%,15%{transform:translateY(-12%) rotate(-10deg);border-radius:50%}65%,100%{transform:translate(-10%,-16%) rotate(15deg);border-radius:4% 60% 4% 60%}}
@keyframes morph-two{0%,15%{transform:translate(0,0) rotate(35deg)}65%,100%{transform:translate(30%,-15%) rotate(-25deg);border-radius:50%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none;filter:none}}