#works-area{width:100%;margin:0 auto}#works-area ul{display:flex;flex-wrap:wrap;justify-content:space-between;row-gap:6rem;width:100%;margin:0 auto}@media only screen and (max-width: 834px){#works-area ul{row-gap:5rem}}@media only screen and (max-width: 600px){#works-area ul{flex-direction:column}}#works-area ul::after{content:"";display:block;width:31%;height:0}@media only screen and (max-width: 834px){#works-area ul::after{display:none}}#works-area ul li{position:relative;width:31%;font-weight:600}@media only screen and (max-width: 834px){#works-area ul li{width:48%}}@media only screen and (max-width: 600px){#works-area ul li{width:100%}}#works-area ul li article{position:relative;border-radius:15px;overflow:hidden}@media only screen and (max-width: 600px){#works-area ul li article{border-radius:10px}}#works-area ul li article img{display:block;width:100%;height:230px;object-fit:cover;transition:all .4s ease-out}@media only screen and (max-width: 834px){#works-area ul li article img{height:220px}}@media only screen and (max-width: 600px){#works-area ul li article img{height:190px}}#works-area ul li article span{display:block;position:absolute;top:0;left:0;width:fit-content;padding:.4rem 1.5rem;font-size:1.25rem;background:#fff;border-bottom-right-radius:10px}@media only screen and (max-width: 834px){#works-area ul li article span{padding:.4rem 1.2rem;font-size:1.2rem}}@media only screen and (max-width: 600px){#works-area ul li article span{font-size:1.1rem;border-bottom-right-radius:5px}}#works-area ul li p{width:95%;margin-top:2rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis;overflow:hidden;transition:all .4s ease-out}@media only screen and (max-width: 600px){#works-area ul li p{margin-top:1.7rem}}#works-area ul li a{display:block;position:absolute;top:0;bottom:0;right:0;left:0;z-index:1}#works-area ul li:hover article img{transform:scale(1.05)}#works-area ul li:hover p{color:#37afe2}#works-wrap{width:100%;margin:0 auto}#works-wrap span{display:block;width:fit-content;padding:.4rem 1.5rem;font-size:1.3rem;color:rgba(21,116,156,.5);background:#fff;border:1px solid rgba(21,116,156,.5);border-radius:5px}@media only screen and (max-width: 834px){#works-wrap span{padding:.4rem 1.2rem;font-size:1.2rem}}@media only screen and (max-width: 600px){#works-wrap span{font-size:1.1rem;border-bottom-right-radius:5px}}#works-wrap p{margin-top:2rem;padding-bottom:2rem;font-size:2rem;font-weight:600;letter-spacing:3px;border-bottom:4px double #333}@media only screen and (max-width: 834px){#works-wrap p{font-size:1.8rem;padding-bottom:1.7rem}}@media only screen and (max-width: 600px){#works-wrap p{font-size:1.6rem;letter-spacing:2px}}#works-wrap .splide-wrapper{max-width:900px;width:90%;margin:7rem auto 10rem}@media only screen and (max-width: 834px){#works-wrap .splide-wrapper{margin:5rem auto 7rem}}@media only screen and (max-width: 600px){#works-wrap .splide-wrapper{margin:4rem auto 6rem}}#works-wrap .splide-wrapper .splide-main .splide__list{height:600px;background:#333}@media only screen and (max-width: 834px){#works-wrap .splide-wrapper .splide-main .splide__list{height:370px}}@media only screen and (max-width: 600px){#works-wrap .splide-wrapper .splide-main .splide__list{height:230px}}#works-wrap .splide-wrapper .splide-main .splide__list .splide__slide{width:100%;height:100%;margin:0 auto}#works-wrap .splide-wrapper .splide-main .splide__list .splide__slide img{display:block;width:100%;height:100%;object-fit:contain}#works-wrap .splide-wrapper .thumbnail-carousel{margin-top:2rem}@media only screen and (max-width: 600px){#works-wrap .splide-wrapper .thumbnail-carousel{margin-top:1.5rem}}#works-wrap .splide-wrapper .thumbnail-carousel .splide__list{height:auto}#works-wrap .splide-wrapper .thumbnail-carousel .splide__list .splide__slide{opacity:.6}#works-wrap .splide-wrapper .thumbnail-carousel .splide__list .splide__slide.is-active{opacity:1}#works-wrap .splide-wrapper .thumbnail-carousel .splide__list .splide__slide img{display:block;width:100%;height:170px;object-fit:cover}@media only screen and (max-width: 834px){#works-wrap .splide-wrapper .thumbnail-carousel .splide__list .splide__slide img{height:150px}}@media only screen and (max-width: 600px){#works-wrap .splide-wrapper .thumbnail-carousel .splide__list .splide__slide img{height:80px}}#works-wrap .splide-wrapper .splide__arrow{background:none;background:rgba(21,116,156,.12)}#works-wrap .splide-wrapper .splide__arrow svg{width:14px;height:14px}@media only screen and (max-width: 834px){#works-wrap .splide-wrapper .splide__arrow svg{width:12px;height:12px}}@media only screen and (max-width: 600px){#works-wrap .splide-wrapper .splide__arrow svg{width:10px;height:10px}}#works-wrap .splide-wrapper .splide__arrow--prev,#works-wrap .splide-wrapper .splide__arrow--next{width:30px;height:30px}@media only screen and (max-width: 834px){#works-wrap .splide-wrapper .splide__arrow--prev,#works-wrap .splide-wrapper .splide__arrow--next{width:25px;height:25px}}@media only screen and (max-width: 600px){#works-wrap .splide-wrapper .splide__arrow--prev,#works-wrap .splide-wrapper .splide__arrow--next{width:20px;height:20px}}#works-wrap .splide-wrapper .splide__arrow--prev{left:-5rem}@media only screen and (max-width: 834px){#works-wrap .splide-wrapper .splide__arrow--prev{left:-4rem}}@media only screen and (max-width: 600px){#works-wrap .splide-wrapper .splide__arrow--prev{left:-2.7rem}}#works-wrap .splide-wrapper .splide__arrow--next{right:-5rem}@media only screen and (max-width: 834px){#works-wrap .splide-wrapper .splide__arrow--next{right:-4rem}}@media only screen and (max-width: 600px){#works-wrap .splide-wrapper .splide__arrow--next{right:-2.7rem}}#works-wrap .btn{margin-left:auto}