*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--u: min(1px, calc(100vw / 1440));--container: 1440px;--hero-h: 100vh;--hero-min-h: calc(600 * var(--u));--hero-max-h: calc(1200 * var(--u));--hero-size: clamp(var(--hero-min-h), var(--hero-h), var(--hero-max-h));--cream: #f4f3e8;--bolt: #e1d8ab;--black: #000000;--white: #ffffff;--gray: #ededed;--text: #333333;--para-web: #e2e9f1;--para-photo: #f1ece2;--para-graphic: #edf1e2;--en: "Montserrat", sans-serif;--jp: "Hiragino Sans", "Hiragino Kaku Gothic ProN", sans-serif}html{scroll-behavior:smooth;color-scheme:light}body{font-family:var(--jp);color:var(--black);background:var(--white);min-width:600px;-webkit-font-smoothing:antialiased}@media(min-width:600px){html,body{overflow-x:clip}}img{display:block;max-width:none}a{color:inherit;text-decoration:none}.frame{width:calc(1440 * var(--u));margin:0 auto;position:relative}.js-up{opacity:0;transform:translateY(50px);transition:opacity 1s cubic-bezier(.22,1,.36,1),transform 1s cubic-bezier(.22,1,.36,1)}.js-up.in{opacity:1;transform:none}.js-fade{opacity:0;transition:opacity 1.2s ease}.js-fade.in{opacity:1}[data-delay="1"]{transition-delay:.1s}[data-delay="2"]{transition-delay:.2s}[data-delay="3"]{transition-delay:.3s}[data-delay="4"]{transition-delay:.4s}@keyframes slideUp{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.header{position:fixed;top:0;left:0;width:100%;z-index:200;transition:background .4s ease,box-shadow .4s ease}.header.scrolled{background:#fffffff0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.header--dark{color:var(--cream)}.header--dark.scrolled{background:#fff3;color:var(--black)}.header--dark.scrolled .header-logo img{filter:none}.header--dark.scrolled .header-nav a{color:var(--black)}.header--dark.scrolled .sp-burger span{background:var(--black)}.header--dark .header-logo img{filter:brightness(0) invert(1) brightness(.97) sepia(.08)}.header--dark .header-nav a{color:var(--cream)}.header--dark .sp-burger span{background:var(--cream)}.header-inner{width:calc(1440 * var(--u));margin:0 auto;height:calc(79 * var(--u));padding:0 calc(52 * var(--u)) 0 calc(69 * var(--u));display:flex;align-items:center;justify-content:space-between}.header-logo img{height:calc(40 * var(--u));width:auto;display:block}.header-nav{display:flex;align-items:center;gap:calc(47 * var(--u))}.header-nav a{font-family:var(--en);font-weight:700;font-size:calc(13 * var(--u));letter-spacing:.2em;position:relative;display:inline-flex;align-items:center;gap:calc(14 * var(--u));transition:opacity .2s}.header-nav a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1px;background:currentColor;transition:width .3s cubic-bezier(.22,1,.36,1)}.header-nav a:hover:after{width:100%}.nav-drop{position:relative;display:inline-flex;align-items:center}.nav-sub{position:absolute;top:100%;left:calc(-20 * var(--u));padding-top:calc(16 * var(--u));opacity:0;visibility:hidden;transform:translateY(6px);pointer-events:none;transition:opacity .25s ease,transform .25s ease,visibility .25s}.nav-drop:hover .nav-sub,.nav-drop:focus-within .nav-sub{opacity:1;visibility:visible;transform:none;pointer-events:auto}.nav-sub-inner{display:flex;flex-direction:column;gap:calc(14 * var(--u));min-width:calc(170 * var(--u));padding:calc(18 * var(--u)) calc(20 * var(--u));background:#fffffff5;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 8px 24px #0000001f}.header .header-nav .nav-drop .nav-sub a{font-size:calc(12 * var(--u));letter-spacing:.16em;color:var(--black);white-space:nowrap;transition:opacity .2s}.nav-sub a:after{display:none}.nav-sub a:hover{opacity:.5}.nav-arrow{width:calc(52 * var(--u));height:calc(12 * var(--u));flex-shrink:0}.nav-arrow path{stroke:currentColor;fill:none}.hero-stage{position:relative;height:var(--hero-size);overflow:visible;z-index:1}.hero{position:relative;height:100%;overflow:visible}.hero-media{position:fixed;top:0;left:0;width:100%;height:var(--hero-size);overflow:hidden;z-index:0;pointer-events:none}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;inset:0;background:#00000047;pointer-events:none}.hero .frame{height:100%;position:relative;z-index:5}.hero-title{position:absolute;left:calc(62 * var(--u));top:calc(108 * var(--u));font-family:var(--en);font-weight:700;font-size:calc(159 * var(--u));line-height:1;letter-spacing:0;color:var(--white)}.hero-title span{display:block;animation:slideUp 1s cubic-bezier(.22,1,.36,1) both}.hero-title span:nth-child(1){animation-delay:.1s}.hero-title span:nth-child(2){animation-delay:.22s}.hero-sub{position:absolute;left:calc(70 * var(--u));top:calc(430 * var(--u));font-family:var(--en);font-weight:700;font-size:calc(20 * var(--u));line-height:1.25;color:var(--white);animation:slideUp 1s cubic-bezier(.22,1,.36,1) .34s both}.hero-by{position:absolute;left:calc(72 * var(--u));top:calc(490 * var(--u));font-family:var(--en);font-weight:700;font-size:calc(25 * var(--u));letter-spacing:.02em;color:var(--white);animation:slideUp 1s cubic-bezier(.22,1,.36,1) .42s both}.hero-copy{font-family:var(--en);font-weight:700;font-size:calc(60 * var(--u));line-height:1;letter-spacing:.2;color:var(--bolt);margin-bottom:calc(16 * var(--u));animation:slideUp 1s cubic-bezier(.22,1,.36,1) .42s both}.hero-volt{position:relative;height:0;z-index:11;overflow:visible;pointer-events:none}.hero-visual{position:absolute;top:calc(-1.26 * var(--hero-size));right:calc(50% - 720 * var(--u));height:var(--hero-size);width:calc(430 * var(--u));max-width:26vw;pointer-events:none;animation:fadeIn 1.6s ease .45s both}.hero-bolt{position:absolute;left:-6.28%;top:75.93%;width:90%;height:auto;overflow:visible;animation:fadeIn 1.6s ease .8s both}.hero-desc{position:absolute;left:0;right:0;bottom:0;z-index:10;padding:calc(28 * var(--u)) 0 calc(36 * var(--u));background:#0003;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--white)}.hero-desc-inner{padding-left:calc(74 * var(--u));padding-right:calc(70 * var(--u))}.works,.services,.kaze,.about{position:relative;z-index:10;background:var(--white)}.works{background-color:#fff9;backdrop-filter:blur(10px)}.about{background-color:#0009;backdrop-filter:blur(10px);color:var(--white)}.contact{position:relative;z-index:10;background:var(--black);color:var(--cream);font-size:calc(18 * var(--u));font-weight:600;line-height:2;letter-spacing:-.01em}.hero-text-en{font-family:var(--en);font-size:calc(15 * var(--u));font-weight:400;line-height:1.85;letter-spacing:0;margin-top:calc(34 * var(--u));max-width:calc(760 * var(--u))}.works{padding-top:calc(81 * var(--u));padding-bottom:calc(120 * var(--u))}.works-inner{padding:0 calc(70 * var(--u))}.works-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:calc(58 * var(--u))}.section-en{font-family:var(--en);font-weight:700;font-size:calc(75 * var(--u));line-height:1;letter-spacing:0}.section-label{font-size:calc(14 * var(--u));font-weight:700;letter-spacing:-.01em;margin-top:calc(14 * var(--u))}.card-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:calc(20 * var(--u))}.work-card:nth-child(2n){margin-top:calc(68 * var(--u))}.work-card-img{border-radius:calc(20 * var(--u));overflow:hidden;aspect-ratio:310 / 440}.work-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.22,1,.36,1)}.work-card:hover .work-card-img img{transform:scale(1.05)}.work-name{font-family:var(--en);font-weight:700;font-size:calc(15 * var(--u));letter-spacing:.09em;margin-top:calc(36 * var(--u))}.work-cat{font-family:var(--en);font-size:calc(11 * var(--u));letter-spacing:.2em;margin-top:calc(7 * var(--u))}.work-divider{height:1px;background:var(--black);margin-top:calc(121 * var(--u))}.work-card:nth-child(2n) .work-divider{margin-top:calc(53 * var(--u))}.work-desc{font-size:calc(13 * var(--u));line-height:2;letter-spacing:-.01em;color:var(--text);margin-top:calc(25 * var(--u))}.btn{display:inline-flex;align-items:center;justify-content:center;width:calc(152 * var(--u));height:calc(43 * var(--u));border-radius:calc(50 * var(--u));font-family:var(--en);font-weight:700;font-size:calc(13 * var(--u));letter-spacing:.12em;background:var(--black);color:var(--white);transition:opacity .25s,transform .25s}.btn-jp{font-family:var(--jp);font-size:calc(13 * var(--u));letter-spacing:.04em}.btn:hover{opacity:.65;transform:translateY(-2px)}.btn-white{background:var(--white);color:var(--black)}.services{padding-top:calc(300 * var(--u))}.services-mark{font-family:var(--en);font-weight:700;font-size:calc(117 * var(--u));line-height:1;color:var(--para-web);letter-spacing:0;text-align:center;margin-bottom:calc(85 * var(--u));will-change:transform}.service-row{position:relative}.service-row .shape{position:absolute;width:calc(2467 * var(--u));height:calc(1050 * var(--u));pointer-events:none;z-index:0}.service-row .shape svg{display:block;width:100%;height:100%;overflow:visible}.js-shape{opacity:0;transition:opacity .6s ease,clip-path 1.6s cubic-bezier(.22,1,.36,1)}.shape-from-left{clip-path:polygon(0 14.52%,100% 85.48%,100% 85.48%,0 14.52%)}.shape-from-right{clip-path:polygon(0 85.48%,100% 14.52%,100% 14.52%,0 85.48%)}.service-row.in .js-shape{opacity:1}.service-row.in .shape-from-left{clip-path:polygon(0 0%,100% 70.95%,100% 100%,0 29.05%)}.service-row.in .shape-from-right{clip-path:polygon(0 70.95%,100% 0%,100% 29.05%,0 100%)}.service-text{position:absolute;z-index:2}.service-title{font-family:var(--en);font-weight:700;font-size:calc(75 * var(--u));line-height:1;letter-spacing:0}.service-label{font-size:calc(14 * var(--u));font-weight:700;letter-spacing:-.01em;margin-top:calc(22 * var(--u))}.service-body{font-size:calc(16 * var(--u));font-weight:500;line-height:2;letter-spacing:-.01em;color:var(--text);margin-top:calc(36 * var(--u))}.service-btns{display:flex;gap:calc(16 * var(--u))}.service-img{position:absolute;z-index:1}.row-websites{height:calc(597 * var(--u))}.row-websites .shape{left:calc(-1519 * var(--u));top:calc(-453 * var(--u))}.row-websites .service-text{left:calc(72 * var(--u));top:calc(58 * var(--u))}.row-websites .service-body{max-width:calc(690 * var(--u))}.row-websites .service-btns{margin-top:calc(38 * var(--u))}.row-websites .service-img{left:calc(814 * var(--u));top:calc(103 * var(--u))}.web-cascade{width:calc(763 * var(--u));height:calc(464 * var(--u));perspective:calc(1800 * var(--u))}.web-cascade img{position:absolute;width:calc(408 * var(--u));border-radius:calc(6 * var(--u));box-shadow:calc(18 * var(--u)) calc(22 * var(--u)) calc(44 * var(--u)) #00000040;opacity:0;--tilt: rotateX(6deg) rotateY(-16deg) translateZ(var(--z, 0px));transform:translate(var(--dx, 0px),var(--dy, 0px)) var(--tilt);transition:transform 1.2s cubic-bezier(.22,1,.36,1),opacity .7s ease}.wc1{left:calc(355 * var(--u));top:0;--z: calc(-210 * var(--u));--dx: calc(-355 * var(--u));--dy: calc(172 * var(--u));transition-delay:.25s}.wc2{left:calc(251 * var(--u));top:calc(44 * var(--u));--z: calc(-140 * var(--u));--dx: calc(-251 * var(--u));--dy: calc(128 * var(--u));transition-delay:.4s}.wc3{left:calc(116 * var(--u));top:calc(93 * var(--u));--z: calc(-70 * var(--u));--dx: calc(-116 * var(--u));--dy: calc(79 * var(--u));transition-delay:.55s}.wc4{left:0;top:calc(172 * var(--u));--z: 0px;transition-delay:.25s}.service-row.in .web-cascade img{opacity:1;transform:var(--tilt)}.service-row.in .web-cascade:hover img{transform:none;transition-delay:0s}.row-photos{height:calc(597 * var(--u));margin-top:calc(17 * var(--u))}.row-photos .shape{left:calc(505 * var(--u));top:calc(-453 * var(--u))}.row-photos .service-text{left:calc(830 * var(--u));top:calc(91 * var(--u))}.row-photos .service-body{max-width:calc(545 * var(--u))}.row-photos .service-btns{margin-top:calc(30 * var(--u))}.photo-collage img{position:absolute;z-index:1;border-radius:calc(8 * var(--u))}.photo-big{left:0;top:calc(70 * var(--u));width:calc(370 * var(--u))}.photo-wide{left:calc(374 * var(--u));top:calc(70 * var(--u));width:calc(356 * var(--u))}.photo-s1{left:calc(374 * var(--u));top:calc(298 * var(--u));width:calc(173 * var(--u))}.photo-s2{left:calc(552 * var(--u));top:calc(298 * var(--u));width:calc(177 * var(--u))}.row-graphic{height:calc(804 * var(--u));margin-top:calc(90 * var(--u))}.row-graphic .shape{left:calc(-1519 * var(--u));top:calc(-453 * var(--u))}.row-graphic .service-text{left:calc(72 * var(--u));top:calc(68 * var(--u))}.row-graphic .service-body{max-width:calc(640 * var(--u))}.row-graphic .service-btns{margin-top:calc(28 * var(--u))}.graphic-kkj{left:calc(830 * var(--u));top:0;width:calc(598 * var(--u))}.graphic-sasago{left:calc(830 * var(--u));top:calc(433 * var(--u));width:calc(511 * var(--u))}.kaze{padding-top:calc(124 * var(--u))}.kaze-frame{padding:calc(70 * var(--u)) calc(70 * var(--u)) calc(76 * var(--u))}.kaze-more{position:absolute;right:calc(72 * var(--u));top:calc(119 * var(--u))}.kaze .card-grid{gap:calc(22 * var(--u));margin-top:calc(50 * var(--u))}.kaze-card{min-width:0}.kaze-card:nth-child(2n){margin-top:calc(69 * var(--u))}.kaze-card-img{border-radius:calc(10 * var(--u));overflow:hidden}.kaze-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.22,1,.36,1)}.kaze-card:hover .kaze-card-img img{transform:scale(1.05)}.kaze-title{font-weight:700;font-size:calc(16 * var(--u));letter-spacing:-.01em;margin-top:calc(24 * var(--u));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kaze-date{font-family:var(--en);font-size:calc(12 * var(--u));letter-spacing:.18em;margin-top:calc(9 * var(--u))}.kaze-divider{height:1px;background:var(--black);margin-top:calc(91 * var(--u))}.kaze-card:nth-child(2n) .kaze-divider{margin-top:calc(22 * var(--u))}.kaze-text{font-size:calc(13 * var(--u));line-height:2;letter-spacing:-.01em;color:var(--text);margin-top:calc(25 * var(--u));display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.about-frame{padding:calc(104 * var(--u)) calc(70 * var(--u)) calc(150 * var(--u))}.about-address{font-size:calc(15 * var(--u));line-height:1.85;letter-spacing:-.01em;margin-top:calc(40 * var(--u))}.about-persons{position:absolute;right:calc(70 * var(--u));top:calc(120 * var(--u));display:flex;gap:calc(12 * var(--u))}.about-card img{width:calc(165 * var(--u));height:calc(234 * var(--u));object-fit:cover;border-radius:calc(10 * var(--u))}.about-name{font-family:var(--en);font-size:calc(15 * var(--u));letter-spacing:-.01em;text-align:center;margin-top:calc(18 * var(--u))}.contact-frame{height:calc(443 * var(--u));padding:calc(92 * var(--u)) calc(70 * var(--u)) 0}.contact-title-row{display:inline-flex;align-items:center;gap:calc(36 * var(--u));transition:opacity .25s}.contact-title-row:hover{opacity:.6}.contact-title{font-family:var(--en);font-weight:700;font-size:calc(50 * var(--u));line-height:1;letter-spacing:0}.contact-arrow{width:calc(84 * var(--u));height:calc(19 * var(--u))}.contact-arrow path{stroke:var(--cream);fill:none;stroke-width:1.5}.contact-sub{font-size:calc(14 * var(--u));letter-spacing:.09em;margin-top:calc(14 * var(--u))}.footer-nav{position:absolute;right:calc(178 * var(--u));top:calc(123 * var(--u));display:flex;flex-direction:column}.footer-nav a{font-family:var(--en);font-size:calc(12.5 * var(--u));letter-spacing:.2em;line-height:2.32;transition:opacity .2s}.footer-nav a:hover{opacity:.5}.footer-sub-links{position:absolute;left:0;right:0;bottom:calc(84 * var(--u));display:flex;justify-content:center;gap:calc(28 * var(--u))}.footer-sub-links a{font-family:var(--jp);font-size:calc(12 * var(--u));letter-spacing:.08em;opacity:.55;transition:opacity .2s}.footer-sub-links a:hover{opacity:1}.footer-copy{position:absolute;left:0;right:0;bottom:calc(50 * var(--u));text-align:center;font-family:var(--en);font-size:calc(14 * var(--u));letter-spacing:.19em}.sp-only,.sp-burger,.sp-menu{display:none}@media(max-width:599px){:root{--u: calc(100vw / 393);--hero-h: calc(370 * var(--u));--hero-min-h: 0;--hero-max-h: calc(700 * var(--u));--hero-size: 90vh ;--fu: min(var(--u), 1px)}html,body{overflow-x:clip}body{min-width:0;-webkit-text-size-adjust:100%}.frame{width:100%}.pc-only{display:none}.sp-only{display:revert}section[id],div[id]{scroll-margin-top:calc(70 * var(--u))}.header{z-index:400}body.menu-open .header{background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.header-inner{width:100%;height:calc(56 * var(--u));padding:0 calc(8 * var(--u)) 0 calc(24 * var(--u))}.header-logo img{height:calc(26 * var(--u))}.header-nav{display:none}.sp-burger{display:block;position:relative;width:44px;height:44px;background:none;border:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.sp-burger span{position:absolute;left:8px;width:28px;height:2px;background:var(--black);transition:transform .35s cubic-bezier(.22,1,.36,1),top .35s cubic-bezier(.22,1,.36,1),opacity .25s}.sp-burger span:nth-child(1){top:14px}.sp-burger span:nth-child(2){top:21px}.sp-burger span:nth-child(3){top:28px}.sp-burger.open span:nth-child(1){top:21px;transform:rotate(45deg)}.sp-burger.open span:nth-child(2){opacity:0}.sp-burger.open span:nth-child(3){top:21px;transform:rotate(-45deg)}.sp-menu{display:flex;flex-direction:column;position:fixed;inset:0;z-index:300;background:var(--cream);padding:calc(120 * var(--u)) calc(34 * var(--u)) calc(44 * var(--u));opacity:0;visibility:hidden;transition:opacity .45s ease,visibility 0s linear .45s;overflow:hidden}.sp-menu.open{opacity:1;visibility:visible;transition:opacity .45s ease}.sp-menu-nav{position:relative;z-index:1}.sp-menu-nav a{display:block;font-family:var(--en);font-weight:700;font-size:calc(28 * var(--fu));line-height:2.1;letter-spacing:.04em;opacity:0;transform:translateY(26px);transition:opacity .5s ease,transform .6s cubic-bezier(.22,1,.36,1)}.sp-menu.open .sp-menu-nav a{opacity:1;transform:none}.sp-menu-nav a:nth-child(1){transition-delay:.05s}.sp-menu-nav a:nth-child(2){transition-delay:.1s}.sp-menu-nav a:nth-child(3){transition-delay:.15s}.sp-menu-nav a:nth-child(4){transition-delay:.2s}.sp-menu-nav a:nth-child(5){transition-delay:.25s}.sp-menu-nav a:nth-child(6){transition-delay:.3s}.sp-menu-nav a:nth-child(7){transition-delay:.35s}.sp-menu-nav a:nth-child(8){transition-delay:.4s}.sp-menu-nav a.sp-menu-sub{font-size:calc(17 * var(--fu));line-height:2.3;padding-left:calc(6 * var(--u))}.sp-menu-nav a.sp-menu-sub:before{content:"";display:inline-block;width:calc(14 * var(--u));height:1px;margin-right:calc(10 * var(--u));vertical-align:middle;background:currentColor;opacity:.5}.sp-menu-mail{position:relative;z-index:1;margin-top:auto;font-family:var(--en);font-size:calc(13 * var(--fu));letter-spacing:.08em;opacity:0;transition:opacity .5s ease .4s}.sp-menu.open .sp-menu-mail{opacity:1}.sp-menu-bolt{position:absolute;right:calc(-46 * var(--u));bottom:calc(-34 * var(--u));width:calc(230 * var(--u));height:auto;fill:var(--bolt);pointer-events:none}body.menu-open{overflow:hidden}.hero-stage,.hero-media{height:var(--hero-size);min-height:calc(370 * var(--u))}.hero-title{left:calc(22 * var(--u));top:calc(77 * var(--u));font-size:calc(80 * var(--fu));color:var(--white)}.hero-sub{display:block;position:absolute;left:calc(22 * var(--u));top:calc(247 * var(--u));font-family:var(--en);font-weight:700;font-size:calc(18.5 * var(--fu));line-height:1.2;color:var(--white);animation:slideUp 1s cubic-bezier(.22,1,.36,1) .34s both}.hero-by{left:calc(22 * var(--u));top:calc(339 * var(--u));font-size:calc(12.5 * var(--fu));color:var(--white)}.hero-title,.hero-sub,.hero-by{z-index:2}.hero-visual{top:calc(-1 * var(--hero-size));right:calc(50% - 196.5 * var(--u));height:var(--hero-size);width:calc(191 * var(--u));max-width:none}.hero-bolt{left:40%;top:84%;width:46%}.hero-desc{padding:calc(20 * var(--u)) 0 calc(24 * var(--u))}.hero-desc-inner{padding-left:calc(22 * var(--u));padding-right:calc(15 * var(--u))}.hero-copy{font-size:calc(28 * var(--fu));margin-bottom:calc(10 * var(--u))}.hero-text-jp{font-size:calc(9 * var(--fu))}.hero-text-en{font-size:calc(7.5 * var(--fu));line-height:1.6;margin-top:calc(16 * var(--u));max-width:none}.works{padding-top:calc(85 * var(--u))}.works-inner{padding:0}.works-head{padding:0 calc(20 * var(--u)) 0 calc(22 * var(--u));margin-bottom:calc(30 * var(--u))}.section-en{font-size:calc(37.5 * var(--fu))}.section-label{font-size:calc(14 * var(--fu));margin-top:calc(15 * var(--u))}.works-head .btn{width:calc(85.5 * var(--u));height:calc(24 * var(--u));font-size:calc(10.4 * var(--fu))}.works .card-grid{display:flex;gap:calc(16 * var(--u));overflow-x:auto;padding:0 calc(20 * var(--u)) calc(10 * var(--u));scroll-snap-type:x mandatory;scroll-padding-left:calc(20 * var(--u));-webkit-overflow-scrolling:touch;scrollbar-width:none;cursor:grab}.works .card-grid.dragging{cursor:grabbing;scroll-snap-type:none}.works .card-grid::-webkit-scrollbar{display:none}.work-card,.work-card:nth-child(2n){flex:0 0 calc(186 * var(--u));margin-top:0;scroll-snap-align:start}.work-card-img{border-radius:calc(20 * var(--u));aspect-ratio:auto;height:calc(264 * var(--u))}.works .card-grid img{user-select:none;-webkit-user-drag:none}.work-name{font-size:calc(14 * var(--fu));margin-top:calc(22 * var(--u))}.work-cat{font-size:calc(11 * var(--fu));margin-top:calc(8 * var(--u))}.work-divider,.work-card:nth-child(2n) .work-divider{margin-top:calc(22 * var(--u))}.work-desc{font-size:calc(13 * var(--fu));margin-top:calc(13 * var(--u))}.services{padding-top:calc(200 * var(--u))}.services-mark{font-size:calc(68 * var(--fu));margin-bottom:calc(60 * var(--u))}.service-title{font-size:calc(37.5 * var(--fu))}.service-label{font-size:calc(14 * var(--fu));margin-top:calc(6 * var(--u))}.service-body{font-size:calc(14 * var(--fu));margin-top:calc(24 * var(--u))}.service-btns{gap:calc(12 * var(--u))}.btn{width:calc(114 * var(--u));height:calc(32 * var(--u));border-radius:calc(38 * var(--u));font-size:calc(12 * var(--fu))}.btn-jp{font-size:calc(12 * var(--fu))}.row-websites{height:calc(601 * var(--u))}.row-websites .shape{left:calc(-66 * var(--u));top:calc(141 * var(--u));width:calc(495 * var(--u));height:calc(305 * var(--u))}.row-websites .service-text{left:calc(22 * var(--u));top:calc(325 * var(--u))}.row-websites .service-body{max-width:calc(350 * var(--u))}.row-websites .service-btns{margin-top:calc(18 * var(--u))}.row-websites .service-img{left:calc(20 * var(--u));top:0}.web-cascade{width:calc(374 * var(--u));height:calc(227 * var(--u));perspective:calc(900 * var(--u))}.web-cascade img{width:calc(200 * var(--u));box-shadow:calc(9 * var(--u)) calc(11 * var(--u)) calc(22 * var(--u)) #00000040}.wc1{left:calc(174 * var(--u));top:0;--z: calc(-103 * var(--u));--dx: calc(-174 * var(--u));--dy: calc(84 * var(--u))}.wc2{left:calc(123 * var(--u));top:calc(22 * var(--u));--z: calc(-69 * var(--u));--dx: calc(-123 * var(--u));--dy: calc(63 * var(--u))}.wc3{left:calc(57 * var(--u));top:calc(46 * var(--u));--z: calc(-34 * var(--u));--dx: calc(-57 * var(--u));--dy: calc(39 * var(--u))}.wc4{left:0;top:calc(84 * var(--u))}.row-photos{margin-top:calc(142 * var(--u));height:calc(612 * var(--u))}.row-photos .shape{left:calc(-44 * var(--u));top:calc(243 * var(--u));width:calc(518 * var(--u));height:calc(319 * var(--u))}.row-photos .service-text{left:calc(21 * var(--u));top:calc(280 * var(--u))}.row-photos .service-body{max-width:calc(352 * var(--u))}.row-photos .service-btns{margin-top:calc(18 * var(--u))}.photo-collage img{border-radius:0;object-fit:cover}.photo-big{left:0;top:0;width:calc(200 * var(--u));height:calc(243 * var(--u))}.photo-wide{left:calc(203 * var(--u));top:0;width:calc(185 * var(--u));height:calc(118 * var(--u))}.photo-s1{left:calc(203 * var(--u));top:calc(121 * var(--u));width:calc(92 * var(--u));height:calc(122 * var(--u))}.photo-s2{left:calc(297 * var(--u));top:calc(121 * var(--u));width:calc(94 * var(--u));height:calc(122 * var(--u))}.row-graphic{margin-top:calc(141 * var(--u));height:calc(702 * var(--u))}.row-graphic .shape{left:calc(-30 * var(--u));top:calc(84 * var(--u));width:calc(484 * var(--u));height:calc(298 * var(--u))}.row-graphic .service-text{left:calc(22 * var(--u));top:calc(394 * var(--u))}.row-graphic .service-body{max-width:calc(351 * var(--u))}.row-graphic .service-btns{margin-top:calc(18 * var(--u))}.graphic-kkj{left:calc(77 * var(--u));top:0;width:calc(300 * var(--u))}.graphic-sasago{left:calc(21 * var(--u));top:calc(179 * var(--u));width:calc(256 * var(--u))}.kaze{padding-top:calc(124 * var(--u))}.kaze-frame{padding:calc(37 * var(--u)) calc(20 * var(--u)) calc(70 * var(--u)) calc(22 * var(--u))}.kaze-more{display:none}.kaze .card-grid{display:block;margin-top:calc(45 * var(--u))}.kaze-card,.kaze-card:nth-child(2n){display:grid;grid-template-columns:calc(111 * var(--u)) 1fr;column-gap:calc(26 * var(--u));align-items:start;margin-top:0;margin-bottom:calc(40 * var(--u))}.kaze-card:last-child{margin-bottom:0}.kaze-card-img{grid-row:1 / 5;width:calc(111 * var(--u));height:calc(148 * var(--u));aspect-ratio:auto;border-radius:calc(20 * var(--u))}.kaze-title{margin-top:0;font-size:calc(14 * var(--fu));white-space:normal;line-height:2}.kaze-date{font-size:calc(12 * var(--fu));margin-top:calc(2 * var(--u))}.kaze-divider,.kaze-card:nth-child(2n) .kaze-divider{margin-top:calc(12 * var(--u))}.kaze-text{font-size:calc(13 * var(--fu));margin-top:calc(10 * var(--u))}.about-frame{padding:calc(67 * var(--u)) calc(18 * var(--u)) calc(60 * var(--u)) calc(21 * var(--u))}.about-address{font-size:calc(14 * var(--fu));line-height:2;margin-top:calc(40 * var(--u))}.about-persons{position:static;justify-content:flex-end;gap:calc(8 * var(--u));margin-top:calc(110 * var(--u))}.about-card img{width:calc(119 * var(--u));height:calc(169 * var(--u));border-radius:calc(20 * var(--u))}.about-name{font-size:calc(14 * var(--fu));margin-top:calc(8 * var(--u))}.contact-frame{height:auto;padding:calc(33 * var(--u)) calc(22 * var(--u)) calc(110 * var(--u))}.contact-title-row{gap:calc(25 * var(--u))}.contact-title{font-size:calc(37.5 * var(--fu))}.contact-arrow{width:calc(63 * var(--u));height:calc(14 * var(--u))}.contact-sub{font-size:calc(10.5 * var(--fu));margin-top:calc(8 * var(--u))}.footer-nav{position:static;margin-top:calc(48 * var(--u));padding-left:calc(14 * var(--u))}.footer-nav a{font-size:calc(14 * var(--fu));line-height:2.1;letter-spacing:.19em}.footer-sub-links{position:static;justify-content:flex-start;margin-top:calc(40 * var(--u));padding-left:calc(14 * var(--u));gap:calc(20 * var(--u))}.footer-sub-links a{font-size:calc(11.5 * var(--fu))}.footer-copy{position:static;margin-top:calc(34 * var(--u));font-size:calc(13 * var(--fu))}}@media(min-width:600px)and (max-width:1024px){.hero-text-jp{font-size:max(14px,calc(18 * var(--u)))}.hero-text-en{font-size:max(12px,calc(15 * var(--u)))}.hero-by{font-size:max(13px,calc(25 * var(--u)))}.section-label{font-size:max(13px,calc(14 * var(--u)))}.work-name{font-size:max(14px,calc(15 * var(--u)))}.work-cat{font-size:max(11px,calc(11 * var(--u)))}.work-desc{font-size:max(13px,calc(13 * var(--u)))}.service-label{font-size:max(13px,calc(14 * var(--u)))}.service-body{font-size:max(14px,calc(16 * var(--u)))}.kaze-title{font-size:max(14px,calc(16 * var(--u)));white-space:normal}.kaze-date{font-size:max(11px,calc(12 * var(--u)))}.kaze-text{font-size:max(13px,calc(13 * var(--u)))}.about-address{font-size:max(14px,calc(15 * var(--u)));line-height:1.9}.about-name{font-size:max(13px,calc(15 * var(--u)))}.contact-sub{font-size:max(12px,calc(14 * var(--u)))}.footer-nav a{font-size:max(11px,calc(12.5 * var(--u)))}.footer-copy{font-size:max(12px,calc(14 * var(--u)))}.footer-sub-links a{font-size:max(10px,calc(12 * var(--u)))}.btn,.btn-jp,.header-nav a{font-size:max(11px,calc(13 * var(--u)))}.kaze-card:nth-child(2n){margin-top:0}.kaze-divider,.kaze-card:nth-child(2n) .kaze-divider{margin-top:calc(40 * var(--u))}}