body{background-color:#fff}.footer{margin-top:20px;z-index:2}#works{margin-top:calc(57px + 10px);position:relative}#works .wrapper{width:calc(100% - 40px);margin:auto;background-color:#efefef;position:relative;border-radius:30px;position:relative}#works .wrapper .animation-overlay{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;opacity:1!important}#works .wrapper .animation-overlay::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;z-index:2}#works .wrapper>.heading{position:absolute;top:56px;left:0;width:48px}#works .wrapper>.heading h2{width:100%}#works .wrapper>.topics{display:flex;flex-wrap:wrap;width:340px;gap:30px 30px;margin:auto;padding-top:50px;padding-left:50px;padding-bottom:30px}#works .wrapper>.topics .item .thumb{width:calc(280px/2 - 16px);aspect-ratio:1/1}#works .wrapper>.topics .item .thumb img{width:100%;height:100%;object-fit:cover}#works .wrapper>.topics .item .date{margin-top:8px}#works .wrapper>.topics .item .date p{font-family:"Zen Kaku Gothic New",sans-serif;font-weight:500;font-style:normal;font-size:calc(1.9rem * .8);letter-spacing:calc(.1rem * .8);line-height:calc(2.1rem * .8);color:#000}#works .wrapper>.topics .item .title{margin-top:8px}#works .wrapper>.topics .item .title p{font-family:"Zen Kaku Gothic New",sans-serif;font-weight:500;font-style:normal;font-size:calc(1.9rem * .8);letter-spacing:calc(.1rem * .8);line-height:calc(2.1rem * .8);color:#000}#works .wrapper>.more{width:500px;margin:auto;margin-top:70px;padding-bottom:80px}#works .pager{position:relative;margin-top:50px;padding-bottom:50px}#works .pager ul{list-style:none;display:flex;gap:30px 30px;justify-content:center}#works .pager ul li{color:#000;font-family:"Zen Kaku Gothic New",sans-serif;font-weight:600;font-size:calc(2.4rem * .6);letter-spacing:calc(.1rem * .6);line-height:calc(2.3rem * .6)}#works .pager ul li.current{border-bottom:2px solid #000;padding-bottom:5px}#works .pager ul li a{color:#000}.modal-wrapper{z-index:9999;position:fixed;top:0;right:0;bottom:0;left:0;text-align:center}.modal-overlay{z-index:10;position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.2)}.modal-wrapper.hide{opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.modal-wrapper.show{opacity:1;visibility:visible;transition:opacity .4s,visibility .4s}.modal-wrapper::after{display:inline-block;height:100%;margin-left:-.05em;vertical-align:middle;content:""}.modal-wrapper .modal-window{box-sizing:border-box;display:inline-block;z-index:99;position:relative;width:95%;height:90svh;padding:30px 30px 15px;vertical-align:middle;border-radius:30px;border:5px solid #b5b5b6;background-color:#fff;overflow:hidden}.modal-window .close-button{display:block;position:relative;width:calc(30px * .6);height:calc(30px * .6);border:0 solid #000}.modal-window .close-button::after,.modal-window .close-button::before{content:"";position:absolute;top:50%;left:50%;width:2px;height:calc(39px * .6);background:#6c6d70}.modal-window .close-button::before{transform:translate(-50%,-50%) rotate(45deg)}.modal-window .close-button::after{transform:translate(-50%,-50%) rotate(-45deg)}#works .detail .inner{position:relative;padding:35px 0 35px 0}#works .detail .inner2{overflow-y:auto;max-height:calc(90svh - 100px);margin-right:25px}#works .detail .images{width:80%;margin-top:20px}#works .detail .images .swiper-wrapper{width:100%}#works .detail .images .swiper-slide{position:relative;display:inline-block;height:clamp(100px,30svh,450px);overflow:hidden;text-align:center}#works .detail .images .swiper-slide img{height:100%;width:auto}#works .detail .images .swiper-button-next::after,#works .detail .images .swiper-button-prev::after{color:#a8a9ad;font-size:40px!important}#works .detail .swiper-thumbs .swiper-wrapper{width:100%;flex-wrap:wrap;gap:12px 0}#works .detail .swiper-thumbs .swiper-slide{width:40px!important;aspect-ratio:1/1;height:100%}#works .detail .swiper-thumbs .swiper-slide img{width:100%;height:100%;object-fit:cover}#works .detail .swiper-thumbs .swiper-slide-thumb-active{border:3px solid #b5b5b6}#works .detail .text .right{width:100%}#works .detail .text-head{width:78%;margin:auto;display:flex;justify-content:space-between;margin-top:0}#works .detail .text{display:flex;flex-direction:column;flex-flow:column-reverse;gap:20px 20px;width:78%;margin:auto;margin-top:20px;text-align:left}#works .detail .text .left{max-width:370px}#works .detail .title h3{font-family:"Zen Kaku Gothic New",sans-serif;font-weight:500;font-style:normal;font-size:calc(1.9rem * .7);letter-spacing:calc(.1rem * .7);line-height:calc(2.5rem * .7);word-break:break-all;overflow-wrap:break-word;word-wrap:break-word;line-break:anywhere}#works .detail .date p{font-family:"Zen Kaku Gothic New",sans-serif;font-weight:500;font-style:normal;font-size:calc(1.9rem * .7);letter-spacing:calc(.2rem * .7);line-height:calc(2.5rem * .7)}#works .detail .sub-text{margin-top:5px}#works .detail .sub-text p{font-family:"Zen Kaku Gothic New",sans-serif;font-weight:400;font-style:normal;font-size:calc(1.5rem * .77);letter-spacing:calc(.1rem * .77);line-height:calc(3.2rem * .77);word-break:break-all;overflow-wrap:break-word;word-wrap:break-word;line-break:anywhere}#works .detail .prev-button-wrap{position:absolute;top:30%;left:0;width:24px;transform:translate(0,-50%)}#works .detail .prev-button{width:100%}#works .detail .next-button-wrap{position:absolute;top:30%;right:0;width:24px;transform:translate(0,-50%)}#works .detail .prev-button{width:100%}#works .detail .logo{position:absolute;top:-20px;left:-2px;width:90px;z-index:-1}#works .detail .inner .close{position:absolute;top:15px;right:4px;width:32px;z-index:5}