:root{--color-gray: #F0F0F0;--color-white: #FFFFFF;--font-ttl: "Plus Jakarta Sans", sans-serif;--font-you: "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;--font-jp: "Noto Sans JP", sans-serif}html,body{overflow-x:clip}html{scroll-snap-type:y mandatory}html.is-knock-door-auto-scrolling,html.is-knock-door-end-hold,html.is-contact-or-after,html.is-section-transitioning,html.is-section-jump-scrolling{scroll-snap-type:none}html,body,*{touch-action:auto}*,:before,:after{box-sizing:border-box}body,p,h1,h2,h3,dd,dl{margin:0;color:#090909}ul,ol{margin:0;padding:0;list-style:none}a{text-decoration:none;color:inherit}img{width:100%;height:auto}picture{display:block}button{border:none;background-color:unset;padding:0}dialog{margin:0;padding:0;border:none;position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;overflow:hidden;background-color:unset;overscroll-behavior:contain}.works__header{width:100%;padding:24.8756218905vw 0 7.4626865672vw}@media screen and (min-width:768px){.works__header{padding:185px 0 50px}}.works__ttlArea{display:flex;width:max-content;animation:works-marquee linear infinite;animation-duration:var(--marquee-duration, 20s)}.works__ttlArea--inner{display:flex}.works__ttl{font-family:var(--font-ttl);font-size:9.9502487562vw;line-height:1.5;font-weight:600;padding-right:2.5rem}@media screen and (min-width:768px){.works__ttl{font-size:70px}}.works__catList{width:90%;max-width:1216px;display:flex;gap:6.2189054726vw;font-family:var(--font-ttl);font-size:3.2338308458vw;font-weight:500;flex-wrap:wrap;justify-content:center;margin:7.4626865672vw auto 0}@media screen and (min-width:768px){.works__catList{gap:50px;font-size:15px;justify-content:end;margin-top:110px}}.works__catItem{padding:0 5px;position:relative}.works__catItem.current:after{content:"";width:100%;height:1px;background:#090909;position:absolute;top:55%;left:50%;transform:translate(-50%,-50%)}.works__inner{width:100%;margin:auto}.works__content{width:90%;margin:0 auto;max-width:1216px}.works__viewport{position:relative;height:fit-content;display:grid;grid-template-columns:repeat(2,1fr);gap:4.9751243781vw;grid-auto-rows:8px;align-content:start}@media screen and (min-width:768px){.works__viewport{row-gap:4.8828125vw;column-gap:2.9296875vw;grid-template-columns:repeat(3,1fr)}}@media screen and (min-width:1280px){.works__viewport{column-gap:70px;row-gap:40px}}.works__btn{width:100%;display:flex;align-items:start;justify-content:center}.works__btn:hover .works__thumb{border-radius:50%;transition:all .3s ease}.works__thumb{width:100%;height:auto;display:block;transition:all .3s ease}.works__overlay{width:100vw;height:100dvh;background:#141414cc;padding:4.5vh 6.2189054726vw;opacity:0;animation:works-overlay-fade-in .3s ease forwards}@media screen and (min-width:768px){.works__overlay{padding:5vh 6.8359375vw}}@media screen and (min-width:1280px){.works__overlay{padding:14vh min(145px,10.0694444444vw)}}.works__overlay--inner{width:100%;height:auto;max-height:100%;padding:5.7vh min(6.2189054726vw,32px) 4.2vh;background:#04ff01;border-radius:min(19.9004975124vw,100px);position:relative;opacity:0;transform:scale(0);transform-origin:50% 50%;animation:works-overlay-inner-expand .3s ease forwards}@media screen and (min-width:768px){.works__overlay--inner{padding:8vh 12.109375vw 7.3vh;border-radius:11.71875vw}}@media screen and (min-width:1280px){.works__overlay--inner{padding:6.1vh min(56px,3.8888888889vw) 6.1vh min(85px,5.9027777778vw);border-radius:min(100px,6.9444444444vw)}}@media(prefers-reduced-motion:reduce){.works__overlay,.works__overlay--inner{opacity:1;transform:none;animation:none}}.works__modal--content{width:100%;height:78.5dvh;max-height:78.5dvh;display:grid;align-content:start;grid-template:"ttl" auto "img" var(--works-modal-img-row, fit-content(41vh)) "cat" auto "description" auto "." minmax(0,1fr) "link" auto/100%;min-height:0;overflow:hidden}@media screen and (min-width:768px){.works__modal--content{height:74.7vh;max-height:74.7vh;grid-template:"ttl" auto "img" var(--works-modal-img-row, fit-content(48.7%)) "cat" auto "description" auto "." minmax(0,1fr) "link" auto/100%}}@media screen and (min-width:1280px){.works__modal--content{height:59.8vh;max-height:59.8vh;grid-template:"img cat" auto "img ttl" auto "img description" minmax(0,1fr) "img link" auto/fit-content(64%) minmax(36%,100%)}}.works__modal--content.is-description-empty{height:78.5dvh;align-content:start;grid-template:"ttl" auto "img" var(--works-modal-img-row, fit-content(41vh)) "cat" auto "." minmax(0,1fr) "link" auto/100%}@media screen and (min-width:768px){.works__modal--content.is-description-empty{height:74.7vh;grid-template:"ttl" auto "img" var(--works-modal-img-row, fit-content(48.7%)) "cat" auto "." minmax(0,1fr) "link" auto/100%}}@media screen and (min-width:1280px){.works__modal--content.is-description-empty{height:59.8vh;grid-template:"img cat" auto "img ttl" auto "img ." minmax(0,1fr) "img link" auto/fit-content(64%) minmax(36%,100%)}}.works__modal--ttl{grid-area:ttl;font-size:3.9800995025vw;font-weight:700}@media screen and (min-width:768px){.works__modal--ttl{font-size:2.44140625vw}}@media screen and (min-width:1280px){.works__modal--ttl{font-size:min(20px,1.3888888889vw)}}.works__modal--subTtl{display:block;font-size:2.4875621891vw}@media screen and (min-width:768px){.works__modal--subTtl{font-size:1.5625vw}}@media screen and (min-width:1280px){.works__modal--subTtl{font-size:min(13px,.9027777778vw)}}.works__modal--img{grid-area:img;display:block;align-self:start;width:100%;height:auto;max-height:41vh;object-fit:cover;margin-top:min(3.7313432836vw,18px)}@media screen and (min-width:768px){.works__modal--img{width:94.4%;max-height:48.7%;margin:6.4453125vw auto 0}}@media screen and (min-width:768px)and (max-width:900px){.works__modal--img{max-height:36dvh;margin-top:24px}}@media screen and (min-width:901px)and (max-width:1279px){.works__modal--img{max-height:42dvh;margin-top:min(6.4453125vw,52px)}}@media screen and (min-width:1280px){.works__modal--img{width:42.7vw;height:100%;max-height:none;margin:0 min(33px,2.2916666667vw) 0 0}}.works__modal--catList{grid-area:cat;margin:min(4.9751243781vw,24px) 0;display:flex;gap:7px;flex-wrap:wrap;font-size:10px;font-weight:700}@media screen and (min-width:768px){.works__modal--catList{margin:5.56640625vw 0 2.44140625vw auto;width:94.4%}}@media screen and (min-width:768px)and (max-width:900px){.works__modal--catList{margin:20px 0 14px auto}}@media screen and (min-width:1280px){.works__modal--catList{margin:min(22px,1.5277777778vw) 0 min(60px,4.1666666667vw);gap:min(8px,.5555555556vw);font-size:min(14px,.9722222222vw)}}.works__modal--cat{height:20px;line-height:20px;border:1px solid #090909;border-radius:15px;padding:0 10px}@media screen and (min-width:1280px){.works__modal--cat{height:min(27px,1.875vw);line-height:min(27px,1.875vw);border-radius:min(30px,2.0833333333vw);padding:0 min(15px,1.0416666667vw)}}.works__modal--description{grid-area:description;align-self:start;font-size:13px;font-weight:500;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;max-height:var(--works-modal-description-max-height, none);min-height:0;margin-top:20px}@media screen and (min-width:768px){.works__modal--description{width:94.4%;margin-left:auto;margin-top:.9765625vw}}@media screen and (min-width:1280px){.works__modal--description{width:100%;font-size:min(15px,1.0416666667vw);margin-top:min(20px,1.3888888889vw)}}.works__modal--link{grid-area:link;font-size:13px;font-weight:500;text-align:center;margin:20px 30px 0;word-break:break-all}@media screen and (min-width:768px){.works__modal--link{width:94.4%;margin:20px 0 0 auto;text-align:left}}@media screen and (min-width:1280px){.works__modal--link{width:100%;margin:20px 0 0}}.works__modal--close{width:14.9253731343vw;height:14.9253731343vw;position:absolute;top:0;right:0}@media screen and (min-width:768px){.works__modal--close{width:11.5234375vw;height:11.5234375vw;max-width:118px;max-height:118px}}@media screen and (min-width:1280px){.works__modal--close{width:min(80px,5.5555555556vw);height:min(80px,5.5555555556vw)}}.works__pagination{margin:6.2189054726vw 0 14.9253731343vw}@media screen and (min-width:768px){.works__pagination{margin:30px 0 120px}}.works__pagination--list{display:flex;gap:2.9850746269vw;justify-content:center;align-items:center;font-family:var(--font-ttl);font-size:3.7313432836vw;font-weight:200}@media screen and (min-width:768px){.works__pagination--list{gap:30px;font-size:20px}}.works__pagination--item{cursor:pointer}.works__pagination--item.current{pointer-events:none;font-weight:700}.works__pagination--item.is-ellipsis{cursor:default;pointer-events:none}.works__pagination--icon{width:7.4626865672vw;height:7.4626865672vw;cursor:pointer}@media screen and (min-width:768px){.works__pagination--icon{width:35px;height:35px}}.works__pagination--icon.is-disabled{cursor:default;opacity:.35;pointer-events:none}.works__pagination--icon--prev{transform:rotate(180deg)}.works__pagination--icon--next{transform:none}@keyframes works-overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes works-overlay-inner-expand{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes works-marquee{0%{transform:translateZ(0)}to{transform:translate3d(calc(-1 * var(--marquee-distance)),0,0)}}