.phead{padding:clamp(74px,9vh,104px) clamp(20px,2.8vw,40px) 0}.phead-in{place-items:center;height:clamp(240px,36vh,380px);display:grid;position:relative;overflow:hidden}.phead-ph{z-index:0;position:absolute;inset:0}.phead-in img{object-fit:cover;object-position:50% 0;width:100%;height:100%}.phead-ph:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#18201857 0%,#18201842 50%,#18201861 100%);position:absolute;inset:0}.phead-tx{z-index:2;text-align:center;padding-inline:var(--gut);opacity:0;animation:1s cubic-bezier(.16,1,.3,1) .25s forwards pheadUp;position:relative;transform:translateY(22px)}.phead-tx .en{letter-spacing:.32em;color:#ffffffd1;margin:0 0 clamp(14px,1.8vw,20px);font-size:11.5px;font-weight:500;display:block}.phead-tx h1{color:#fff;letter-spacing:.14em;margin:0;font-size:clamp(28px,5vw,44px);font-weight:500;line-height:1.4}@keyframes pheadUp{to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.phead-in img,.phead-tx{opacity:1;animation:none;transform:none}}.pnav-in{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(18px,3vw,40px);margin-top:clamp(30px,4vw,48px);display:flex}.pnav-in a{letter-spacing:.18em;color:var(--text);align-items:center;gap:9px;padding-block:6px;font-size:12.5px;font-weight:500;text-decoration:none;transition:color .4s;display:inline-flex;position:relative}.pnav-in a:before{content:"";opacity:.7;border-bottom:1px solid;border-right:1px solid;flex:none;order:2;width:6px;height:6px;margin-bottom:2px;transition:transform .4s cubic-bezier(.22,1,.36,1),opacity .4s;transform:rotate(45deg)}.pnav-in a:after{content:"";background:var(--line);height:1px;transition:background .4s;position:absolute;bottom:0;left:0;right:0}.pnav-in a:hover{color:var(--text)}.pnav-in a:hover:after{background:var(--brass)}.pnav-in a:hover:before{opacity:1;transform:rotate(45deg)translate(2px,2px)}.p-intro{background:var(--white)}.intro-in{grid-template-columns:auto 1fr;align-items:start;gap:clamp(28px,6vw,90px);display:grid}.intro-in h2{color:var(--ink);letter-spacing:.08em;margin:0;font-size:clamp(24px,4.4vw,36px);font-weight:500;line-height:1.6}.intro-in p{color:var(--text);letter-spacing:.05em;margin:0 0 1.6em;font-size:15px;font-weight:500;line-height:2.3}.intro-in p:last-child{margin-bottom:0}.p-work{background:var(--white)}.wgrid{gap:clamp(96px,14vw,190px);display:grid}.wgrid figure{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;margin:0;display:grid}.wgrid .ph{aspect-ratio:3/2;overflow:hidden}.wgrid img{object-fit:cover;width:100%;height:100%;transition:transform .8s cubic-bezier(.22,1,.36,1)}.wgrid figure:hover img{transform:scale(1.04)}.wgrid figcaption{--cap-in:clamp(28px,4.6vw,72px);--cap-out:max(var(--gut),var(--cap-in));--rule-start:var(--cap-in);padding-block:clamp(8px,2vw,28px);padding-inline:var(--cap-in) var(--cap-out);align-self:center}.wgrid figure:nth-child(2n) .ph{grid-area:1/2}.wgrid figure:nth-child(2n) figcaption{--rule-start:var(--cap-out);padding-inline:var(--cap-out) var(--cap-in);grid-area:1/1}.wlist{gap:10px;margin:clamp(18px,2.2vw,26px) 0 0;padding:0;list-style:none;display:grid}.wlist li{color:var(--text);letter-spacing:.05em;padding-left:22px;font-size:14px;font-weight:500;line-height:2.1;position:relative}.wlist li:before{content:"";background:var(--ink-mid);width:12px;height:1px;position:absolute;top:.95em;left:0}.wgrid h3{--rule-gap:clamp(12px,1.4vw,18px);color:var(--ink);letter-spacing:.1em;align-items:center;margin:0;font-size:clamp(24px,4.4vw,36px);font-weight:500;line-height:1.5;display:flex}.wgrid h3:before{content:"";background:var(--jade-dp);height:1px;width:calc(var(--rule-start) - var(--rule-gap));transform-origin:0;transition:transform 1s cubic-bezier(.22,1,.36,1) calc(var(--rv-d,0s) + .28s);flex:none;margin-inline-start:calc(-1 * var(--rule-start));margin-inline-end:var(--rule-gap);transform:scaleX(0)}.wgrid figcaption.is-rv h3:before{transform:scaleX(1)}@media (prefers-reduced-motion:reduce){.wgrid h3:before,.wgrid h3:after{transition:none;transform:none}}.wgrid p{letter-spacing:.05em;color:var(--text);margin:clamp(18px,2.4vw,28px) 0 0;font-size:15px;font-weight:500;line-height:2.3}.sec-lead{max-width:76em;color:var(--text);letter-spacing:.05em;margin:0 0 clamp(20px,2.6vw,30px);font-size:15px;font-weight:500;line-height:2.3}.sec-sub{color:var(--ink);letter-spacing:.14em;margin:clamp(64px,9vw,110px) 0 clamp(14px,1.8vw,20px);font-size:clamp(17px,2.2vw,20px);font-weight:500}.chips{grid-template-columns:repeat(9,1fr);gap:clamp(6px,.7vw,9px);margin:0;padding:0;list-style:none;display:grid}.chips li{background:var(--white);text-align:center;letter-spacing:.04em;color:var(--ink);padding:clamp(13px,1.5vw,16px) 6px;font-size:12.5px;font-weight:500}@media (width<=1140px){.chips{grid-template-columns:repeat(5,1fr);gap:clamp(8px,1vw,12px)}.chips li{padding:clamp(13px,1.5vw,16px) 10px;font-size:13px}}@media (width<=720px){.chips{grid-template-columns:repeat(3,1fr)}}.work-ch{margin-top:clamp(56px,7.5vw,104px);padding-bottom:clamp(64px,9vw,110px)}.infobox{background:var(--mist);padding:clamp(28px,3.6vw,46px) clamp(22px,3.2vw,42px)}.infobox .sec-sub{align-items:center;gap:clamp(8px,1vw,11px);margin-top:0;display:flex}.ib-ic{fill:none;width:clamp(18px,2.2vw,21px);height:clamp(18px,2.2vw,21px);stroke:var(--ink-mid);stroke-width:1.5px;stroke-linecap:round;flex:none}.infobox .sec-lead{margin-bottom:clamp(18px,2.2vw,26px)}.p-flow{background:var(--jade-pale)}.tl{--colgap:clamp(26px,3vw,38px);--rowgap:clamp(30px,3.4vw,44px);gap:var(--rowgap) var(--colgap);grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none;display:grid}.tl li{background:var(--white);padding:clamp(20px,2.2vw,26px) clamp(18px,2vw,24px);position:relative}.tl li:after{content:"";top:50%;right:calc(-1 * var(--colgap) / 2 - 5px);border-left:11px solid var(--jade);opacity:.55;border-top:8px solid #0000;border-bottom:8px solid #0000;width:0;height:0;margin-top:-8px;position:absolute}.tl li:nth-child(4n):after,.tl li:last-child:after{content:none}.tl-hd{align-items:center;gap:.8em;margin-bottom:clamp(10px,1.2vw,14px);display:flex}.tl-n{background:var(--jade-pale);width:26px;height:26px;color:var(--jade-dp);letter-spacing:.04em;border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:500;line-height:1;display:grid}.ficon-box{justify-content:center;align-items:center;height:clamp(72px,7.8vw,94px);margin:clamp(8px,1.4vw,14px) 0 clamp(14px,1.6vw,18px);display:flex}.ficon{object-fit:contain;width:auto;max-width:100%;height:100%;display:block}.ficon-box--wide .ficon{height:78%}.tl h3{letter-spacing:.06em;color:var(--ink);margin:0;font-size:clamp(15px,1.6vw,17px);font-weight:500;line-height:1.5}.tl p:not(.tl-n){color:var(--text);letter-spacing:.04em;margin:0;font-size:13px;font-weight:500;line-height:2}.flow-note{max-width:76em;color:var(--ink-mid);letter-spacing:.05em;margin:clamp(18px,2.2vw,26px) 0 0;font-size:13px;font-weight:500;line-height:2.1}.ext{color:inherit;align-items:center;gap:.5em;padding-block:4px;text-decoration:none;display:inline-flex;position:relative}.ext:before{content:"";background:#7a7f5573;height:1px;position:absolute;bottom:0;left:0;right:0}.ext:after{content:"";background:var(--jade-dp);height:1px;transition:right .45s cubic-bezier(.22,1,.36,1);position:absolute;bottom:0;left:0;right:100%}.ext:hover:after,.ext:focus-visible:after{right:0}.ext svg{width:11px;height:11px;color:var(--brass);flex:none}.p-reason{color:#fff;background-image:url(/assets/kl-bluesky.webp);background-position:50%;background-size:cover;position:relative;overflow:hidden}.p-reason:before{content:"";pointer-events:none;background:linear-gradient(#1016109e 0%,#1016107a 38% 64%,#101610a3 100%);position:absolute;inset:0}.p-reason .wrap{z-index:1;text-shadow:0 1px 24px #14180e80}.p-reason .sec-jp-h{color:#fff}.p-reason .rrow{-webkit-backdrop-filter:blur(6px);background:#ffffff1a;border:1px solid #fff3;grid-template-columns:auto minmax(0,1fr);align-items:baseline;column-gap:clamp(12px,1.4vw,18px);display:grid}.p-reason .rrow .n{color:#fff9;grid-area:1/1;margin:0;font-size:clamp(22px,2.4vw,30px)}.p-reason .rrow h3{color:#fff;grid-area:1/2;margin:0}.p-reason .rrow p{color:#ffffffe0;grid-area:2/1/auto/-1;margin:clamp(12px,1.5vw,16px) 0 0}.reasons{grid-template-columns:repeat(2,1fr);gap:clamp(14px,1.8vw,24px);margin-top:clamp(30px,4vw,50px);display:grid}.reasons--3{grid-template-columns:repeat(3,1fr)}.rrow{background:var(--mist);border:0;padding:clamp(28px,3.4vw,46px) clamp(24px,3vw,40px)}.rrow .n{letter-spacing:.04em;color:var(--ink-lt);margin:0 0 clamp(16px,2vw,24px);font-size:clamp(30px,3.6vw,46px);font-weight:300;line-height:1}.rrow h3{letter-spacing:.08em;color:var(--ink);margin:0 0 clamp(12px,1.6vw,18px);font-size:clamp(17px,1.9vw,20px);font-weight:500;line-height:1.6}.rrow p{color:var(--text);letter-spacing:.05em;margin:0;font-size:14px;font-weight:500;line-height:2.1}.nlist{border-top:1px solid var(--line);margin:clamp(30px,4vw,50px) 0 0;padding:0;list-style:none}.nrow{border-bottom:1px solid var(--line);grid-template-columns:auto minmax(0,calc(13.2*clamp(17px,1.9vw,20px))) minmax(0,1fr);align-items:center;column-gap:clamp(20px,3vw,40px);padding:clamp(24px,3vw,36px) 0;display:grid}.nrow .n{letter-spacing:.04em;color:var(--ink-lt);min-width:2.2ch;margin:0;font-size:clamp(26px,3vw,38px);font-weight:300;line-height:1}.nrow h3,.nrow h4{letter-spacing:.08em;color:var(--ink);margin:0;font-size:clamp(17px,1.9vw,20px);font-weight:500;line-height:1.6}.nrow-b{color:var(--text);letter-spacing:.05em;margin:0;font-size:14px;font-weight:500;line-height:2.1}@media (width<=860px){.nrow{grid-template-columns:auto minmax(0,1fr)}.nrow h3,.nrow h4{grid-area:1/2}.nrow-b{grid-area:2/2;margin-top:clamp(8px,1vw,12px)}}.p-company{background:var(--white)}.company{margin:clamp(30px,4vw,50px) 0 0}.crow{border-top:1px solid var(--line);grid-template-columns:minmax(140px,18%) 1fr;gap:clamp(16px,3vw,44px);padding-block:clamp(16px,2.2vw,24px);display:grid}.crow:last-child{border-bottom:1px solid var(--line)}.crow dt{letter-spacing:.14em;color:var(--ink-mid);margin:0;font-size:13px;font-weight:500}.crow dd{color:var(--text);letter-spacing:.05em;margin:0;font-size:15px;font-weight:500;line-height:2}@media (width<=980px){.intro-in{grid-template-columns:1fr;gap:clamp(20px,4vw,30px)}.wgrid{gap:clamp(68px,11vw,96px)}.wgrid figure,.wgrid figure:nth-child(2n){grid-template-columns:1fr}.wgrid .ph,.wgrid figure:nth-child(2n) .ph{grid-area:1/1}.wgrid figcaption,.wgrid figure:nth-child(2n) figcaption{--cap-in:var(--gut);padding-block:clamp(20px,3.2vw,30px) 0;padding-inline:var(--gut);grid-area:2/1}.wgrid h3:before{display:none}.wgrid h3:after{content:"";background:var(--jade-dp);min-width:0;height:1px;transform-origin:0;transition:transform 1s cubic-bezier(.22,1,.36,1) calc(var(--rv-d,0s) + .28s);flex:auto;margin-inline-start:var(--rule-gap);transform:scaleX(0)}.wgrid figcaption.is-rv h3:after{transform:scaleX(1)}.reasons{grid-template-columns:1fr}.tl{grid-template-columns:repeat(2,1fr)}.tl li:nth-child(4n):after{content:""}.tl li:nth-child(2n):after,.tl li:last-child:after{content:none}.crow{grid-template-columns:1fr;gap:6px}}#work-select,#work-design,#work-operate{scroll-margin-top:clamp(100px,13vh,130px)}@media (width<=620px){.tl{grid-template-columns:1fr}.tl li:after{content:none!important}.tl li:not(:last-child):before{content:"";left:50%;bottom:calc(-1 * var(--rowgap) / 2);border-top:10px solid var(--jade);opacity:.55;border-left:7px solid #0000;border-right:7px solid #0000;width:0;height:0;margin-bottom:-5px;margin-left:-7px;position:absolute}}.nf-in{text-align:center}.nf-in p{max-width:34em;color:var(--text);margin:0 auto clamp(14px,2vw,22px);font-size:clamp(14px,1.5vw,15.5px);line-height:2.1}.nf-in .arrow-link{margin-inline:29px}