#w-category{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;width:100%;margin:0 auto;padding:5rem;background:#f3efe8}@media only screen and (max-width: 768px){#w-category{display:block;padding:3rem}}@media only screen and (max-width: 520px){#w-category{padding:2rem}}#w-category p{font-size:2.5rem;letter-spacing:4px}@media only screen and (max-width: 768px){#w-category p{margin-bottom:2rem;font-size:2.2rem}}@media only screen and (max-width: 520px){#w-category p{margin-bottom:1.7rem}}#w-category ul{display:flex;flex-wrap:wrap;gap:2.5rem;width:calc(100% - 250px)}@media only screen and (max-width: 768px){#w-category ul{justify-content:space-between;gap:0;row-gap:2rem;width:100%}}@media only screen and (max-width: 520px){#w-category ul{row-gap:1.2rem}}#w-category ul li{position:relative;padding:.7rem 3rem .5rem;color:rgba(51,51,51,.75);background:#fff;border:1px solid rgba(51,51,51,.75);border-radius:50px;transition:all .4s ease-out}@media only screen and (max-width: 768px){#w-category ul li{width:32%;padding:1.2rem 2rem 1rem;text-align:center}}@media only screen and (max-width: 520px){#w-category ul li{width:48%;font-size:1.3rem}}#w-category ul li.current{color:#fff;background:#333}#w-category ul li a{display:block;position:absolute;top:0;bottom:0;right:0;left:0;z-index:1}#w-category ul li:hover{color:#fff;background:rgba(51,51,51,.75)}#works{width:100%;margin:0 auto}#works>ul{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;margin:0 auto;row-gap:5rem}@media only screen and (max-width: 768px){#works>ul{row-gap:0}}@media only screen and (max-width: 520px){#works>ul{display:block}}#works>ul>li{position:relative;width:46%}#works>ul>li:nth-child(2n){margin-top:5rem}@media only screen and (max-width: 768px){#works>ul>li{width:48%}}@media only screen and (max-width: 520px){#works>ul>li{width:100%}#works>ul>li:nth-child(n+2){margin-top:4rem}}#works>ul>li div{overflow:hidden;box-shadow:0 0 10px rgba(0,0,0,.08)}#works>ul>li div img{display:block;width:100%;object-fit:cover;height:380px;transition:all .4s ease-out}@media only screen and (max-width: 768px){#works>ul>li div img{height:200px}}#works>ul>li article{width:90%}#works>ul>li article p{margin:2rem 0 1rem;font-size:2rem;font-weight:600;transition:all .4s ease-out}@media only screen and (max-width: 768px){#works>ul>li article p{font-size:1.7rem}}@media only screen and (max-width: 520px){#works>ul>li article p{font-size:1.6rem}}#works>ul>li article section{display:flex;column-gap:1.5rem}@media only screen and (max-width: 768px){#works>ul>li article section{column-gap:1rem}}#works>ul>li article section span{display:block;width:fit-content;padding:.2rem 1.5rem 0;font-size:1.2rem;color:rgba(103,144,180,.7);border:1px solid rgba(103,144,180,.7);border-radius:50px}@media only screen and (max-width: 768px){#works>ul>li article section span{padding:.5rem 1.5rem;font-size:1.1rem}}#works>ul>li a{display:block;position:absolute;top:0;bottom:0;right:0;left:0;z-index:1}#works>ul>li:hover div img{transform:scale(1.05)}#works>ul>li:hover p{color:#f39800}#w-wrap{width:100%;margin:0 auto}#w-wrap h2{margin-bottom:1rem;font-size:2.7rem}@media only screen and (max-width: 768px){#w-wrap h2{font-size:2.2rem}}@media only screen and (max-width: 520px){#w-wrap h2{font-size:2rem}}#w-wrap ul{display:flex;column-gap:1.5rem}@media only screen and (max-width: 768px){#w-wrap ul{column-gap:1rem}}#w-wrap ul li{display:block;padding:.2rem 1.5rem 0;font-size:1.4rem;color:rgba(103,144,180,.7);border:1px solid rgba(103,144,180,.7);border-radius:50px}@media only screen and (max-width: 768px){#w-wrap ul li{padding:.5rem 1.5rem .3rem;font-size:1.3rem}}#w-wrap #w-box{margin:4rem 0}@media only screen and (max-width: 768px){#w-wrap #w-box{margin:3rem 0}}@media only screen and (max-width: 520px){#w-wrap #w-box{margin:2rem 0}}#w-wrap #w-box .swiper{width:100%;margin:0}@media only screen and (max-width: 768px){#w-wrap #w-box .swiper{width:100%}}#w-wrap #w-box .swiper .swiper-slide figure{position:relative;width:100%;height:750px;background:#000}@media only screen and (max-width: 768px){#w-wrap #w-box .swiper .swiper-slide figure{height:400px}}@media only screen and (max-width: 520px){#w-wrap #w-box .swiper .swiper-slide figure{height:220px}}#w-wrap #w-box .swiper .swiper-slide figure img{display:block;width:100%;height:100%;margin:0 auto;object-fit:contain}#w-wrap #w-box .swiper .swiper-slide figure figcaption{position:absolute;left:0;bottom:0;width:100%;padding:1rem 2rem;font-size:1.4rem;color:#fff;background:rgba(0,0,0,.4)}#w-wrap #w-box .swiper .swiper-button-prev,#w-wrap #w-box .swiper .swiper-button-next{width:37px;height:37px}@media only screen and (max-width: 520px){#w-wrap #w-box .swiper .swiper-button-prev,#w-wrap #w-box .swiper .swiper-button-next{width:30px;height:30px}}#w-wrap #w-box .swiper .swiper-button-prev::after,#w-wrap #w-box .swiper .swiper-button-next::after{content:"";width:37px;height:37px;margin:auto;background-repeat:no-repeat;background-size:contain;transition:all .4s ease-out}@media only screen and (max-width: 520px){#w-wrap #w-box .swiper .swiper-button-prev::after,#w-wrap #w-box .swiper .swiper-button-next::after{width:30px;height:30px}}#w-wrap #w-box .swiper .swiper-button-prev:hover::after,#w-wrap #w-box .swiper .swiper-button-next:hover::after{opacity:.6}#w-wrap #w-box .swiper .swiper-button-prev::after{background-image:url("../images/works/arrow-prev.svg")}#w-wrap #w-box .swiper .swiper-button-next::after{background-image:url("../images/works/arrow-next.svg")}#w-wrap a.btn{margin-top:8rem;margin-left:auto}@media only screen and (max-width: 768px){#w-wrap a.btn{margin-top:6rem}}@media only screen and (max-width: 520px){#w-wrap a.btn{margin-top:4rem}}