.top{--container:1280px;--header-h:80px;--ink:#000;--footer-bg:#fafafa;--works-desc-color:#000;color:var(--ink);background:#fff;font-family:Noto Sans JP,Hiragino Sans,Hiragino Kaku Gothic ProN,Yu Gothic,system-ui,sans-serif}.page-top{width:100%;max-width:none;margin:0;line-height:1.5}.top :where(h2,h3,p,ul,li,figure){margin:0;padding:0}.top :where(ul){list-style:none}.top :where(a){color:inherit;text-decoration:none}.top :where(img){max-width:100%;display:block}.top :where(:focus-visible){outline-offset:4px;outline:2px solid #000}.top [id]{scroll-margin-top:calc(var(--header-h) + 24px)}.site-header{z-index:50;height:var(--header-h);background:#fff;justify-content:space-between;align-items:center;padding:0 61px 0 51px;display:flex;position:sticky;top:0;box-shadow:0 2px 18px #0000000f}.site-header__logo{padding-top:4px}.site-header__logo img{width:146px;height:auto}.site-header__nav ul{gap:43px;display:flex}.site-header__nav a{letter-spacing:.02em;font-size:clamp(16px,1.323vw,20px);font-weight:400;line-height:1.4;transition:opacity .2s}.site-header__nav a:hover{opacity:.55}.site-header__burger,.site-menu{display:none}.hero{text-align:center;padding-top:345px}.hero__logo{width:min(723px,47.8vw);height:auto;margin-inline:auto}.hero__catch{letter-spacing:.05em;padding-top:90px;font-size:clamp(18px,1.587vw,24px);font-weight:500;line-height:1.4}.about{text-align:center;margin-top:430px}.about__body{letter-spacing:.05em;font-size:clamp(18px,1.587vw,24px);font-weight:500;line-height:2}.section-title{letter-spacing:.07em;text-align:center;font-size:clamp(46px,4.894vw,74px);font-weight:900;line-height:1}.works{margin-top:243px}.works__list{width:min(var(--container), 100% - 96px);gap:127px;margin:157px auto 0;display:grid}.work__image{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto}.work__body{justify-content:space-between;align-items:flex-start;gap:32px;margin-top:30px;padding:0 40px 0 20px;display:flex}.work__title{letter-spacing:.04em;font-size:clamp(34px,5.026vw,76px);font-weight:700;line-height:1.15}.work__desc{letter-spacing:.04em;color:var(--works-desc-color);margin-top:10px;font-size:clamp(18px,1.587vw,24px);font-weight:500;line-height:1.4}.work__more{flex-direction:column;flex:none;align-items:center;gap:8px;width:78px;display:flex}.work__more-label{letter-spacing:.01em;white-space:nowrap;order:2;font-size:16px;font-weight:400;line-height:1}.work__more-circle{border:1.5px solid var(--ink);border-radius:50%;order:1;place-items:center;width:78px;height:78px;transition:background-color .25s,transform .25s;display:grid}.work__more-circle img{width:39px;height:auto;transition:filter .25s}.work--linked .work__link:hover .work__more-circle{background:var(--ink)}.work--linked .work__link:hover .work__more-circle img{filter:invert()}.work--linked .work__link:hover .work__image{opacity:.85}.work__image{transition:opacity .25s}.contact{text-align:center;margin-top:350px}.contact__body{width:min(var(--container), 100% - 96px);letter-spacing:.05em;margin:107px auto 0;font-size:clamp(18px,1.587vw,24px);font-weight:500;line-height:2}.contact__address{letter-spacing:.02em;margin-top:76px;font-size:clamp(16px,1.323vw,20px);font-weight:400;line-height:1.4}.contact__button{border:1.5px solid var(--ink);letter-spacing:.06em;border-radius:34px;justify-content:center;align-items:center;gap:27px;width:280px;height:68px;margin-top:76px;font-size:24px;font-weight:400;line-height:1;transition:background-color .25s,color .25s;display:inline-flex}.contact__button img{width:38px;height:auto;transition:filter .25s}.contact__button:hover{background:var(--ink);color:#fff}.contact__button:hover img{filter:invert()}.site-footer{background:var(--footer-bg);margin-top:310px;padding:56px 0 39px}.site-footer__inner{width:min(var(--container), 100% - 96px);justify-content:space-between;align-items:center;margin-inline:auto;padding:0 min(196px,12.96%) 0 min(210px,13.89%);display:flex}.site-footer__logo{width:181px;height:auto}.site-footer__nav{padding-top:7px}.site-footer__nav a{letter-spacing:.02em;font-size:clamp(18px,1.72vw,26px);font-weight:400;line-height:51px;transition:opacity .2s}.site-footer__nav a:hover{opacity:.55}.site-footer__copyright{letter-spacing:0;text-align:center;margin-top:124px;font-size:18px;font-weight:400;line-height:1.4}@media (width<=768px){.top{--header-h:64px;--works-desc-color:#666}.site-header{padding:0 22px 0 24px;box-shadow:0 2px 18px #0000000f}.site-header__logo{padding-top:0}.site-header__logo img{width:119px}.site-header__nav{display:none}.site-header__burger{cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:space-between;width:22px;height:16px;padding:0;display:flex}.site-header__burger span{background:var(--ink);width:100%;height:2px;display:block}.site-menu{z-index:100;background:#fff;flex-direction:column;display:flex;position:fixed;inset:0}.site-menu[hidden]{display:none}.site-menu__bar{height:var(--header-h);flex:none;justify-content:space-between;align-items:center;padding:0 22px 0 24px;display:flex}.site-menu__bar img{width:119px;height:auto}.site-menu__close{cursor:pointer;background:0 0;border:0;width:22px;height:22px;padding:0;position:relative}.site-menu__close span{background:var(--ink);height:2px;position:absolute;inset:50% 0 auto}.site-menu__close span:first-child{transform:rotate(45deg)}.site-menu__close span:last-child{transform:rotate(-45deg)}.site-menu nav{flex:1;place-items:center;display:grid}.site-menu ul{text-align:center;gap:40px;display:grid}.site-menu a{letter-spacing:.06em;font-size:26px;font-weight:500}.hero{padding-top:186px}.hero__logo{width:min(268px,71.5vw)}.hero__catch{padding-top:72px;font-size:15px;line-height:1.4}.about{margin-top:241px}.about__body{letter-spacing:.04em;width:min(100% - 80px,560px);margin-inline:auto;font-size:15px;line-height:29px}.section-title{font-size:48px}.works{margin-top:199px}.works__list{gap:81px;width:min(100% - 80px,560px);margin-top:86px}.work__body{margin-top:30px;padding:0;display:block}.work__title{font-size:25px;line-height:1.15}.work__desc{margin-top:8px;font-size:15px;line-height:29px}.work__more{display:none}.contact{margin-top:213px}.contact__body{letter-spacing:.04em;width:min(100% - 80px,560px);margin-top:95px;font-size:15px;line-height:29px}.br-pc{display:none}.contact__address{margin-top:74px;font-size:16px}.contact__button{border-radius:27px;gap:25px;width:177px;height:54px;margin-top:74px;font-size:15px}.contact__button img{width:28px}.site-footer{margin-top:170px;padding:56px 0 48px}.site-footer__inner{flex-direction:column;width:min(100% - 80px,560px);padding:0}.site-footer__logo{width:66px}.site-footer__nav{text-align:center;margin-top:43px;padding-top:0}.site-footer__nav a{font-size:16px;line-height:32px}.site-footer__copyright{margin-top:34px;font-size:14px}}@media (prefers-reduced-motion:reduce){.top *,.top :before,.top :after{transition-duration:.01ms!important;animation-duration:.01ms!important}}