#works-list{width:100%;margin:0 auto}#works-list ul{display:flex;flex-wrap:wrap;justify-content:space-between;row-gap:4rem;width:100%;margin:0 auto}@media only screen and (max-width: 600px){#works-list ul{flex-direction:column}}#works-list ul::after{content:"";display:block;width:31%;height:0}@media only screen and (max-width: 834px){#works-list ul::after{display:none}}#works-list ul li{position:relative;width:31%}@media only screen and (max-width: 834px){#works-list ul li{width:48%}}@media only screen and (max-width: 600px){#works-list ul li{width:100%}}#works-list ul li section{width:100%;height:250px;border-radius:20px;overflow:hidden}@media only screen and (max-width: 834px){#works-list ul li section{height:200px;border-radius:15px}}@media only screen and (max-width: 600px){#works-list ul li section{height:200px}}#works-list ul li section img{display:block;width:100%;height:100%;object-fit:cover;transition:all .4s ease-out}#works-list ul li span{display:block;position:relative;margin:2rem 0 .5rem;padding-left:1.5rem;font-size:1.4rem;font-weight:600}@media only screen and (max-width: 834px){#works-list ul li span{margin-top:1.5rem;font-size:1.3rem}}@media only screen and (max-width: 600px){#works-list ul li span{font-size:1.2rem}}#works-list ul li span::before{content:"";position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);left:0;width:6px;height:6px;background:#333;border-radius:50%}#works-list ul li p{display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;font-weight:600;-webkit-line-clamp:2;line-clamp:2;color:#016253;overflow:hidden;transition:all .4s ease-out}#works-list ul li a{display:block;position:absolute;top:0;bottom:0;right:0;left:0;z-index:1}#works-list ul li:hover section img{transform:scale(1.05)}#works-list ul li:hover p{color:#54ba44}#works-area{width:100%;margin:0 auto}#works-area #works-h{position:relative;margin-bottom:5rem;padding-bottom:2rem;font-size:2.2rem;font-weight:600}@media only screen and (max-width: 834px){#works-area #works-h{margin-bottom:4rem;font-size:2rem}}@media only screen and (max-width: 600px){#works-area #works-h{font-size:1.8rem}}#works-area #works-h::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:12px;background-image:repeating-linear-gradient(-45deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25) 1px, transparent 2px, transparent 5px);background-size:7px 7px;backface-visibility:hidden}#works-area article{max-width:600px;width:100%;margin:0 auto}#works-area article .swiper{width:100%;margin:0 auto}#works-area article .swiper .swiper-slide figure{display:flex;justify-content:center;align-items:center;position:relative;background:#333;aspect-ratio:4/3}#works-area article .swiper .swiper-slide figure img{display:block;width:100%;height:100%;object-fit:contain}#works-area article .swiper .swiper-slide figure figcaption{position:absolute;left:0;bottom:0;width:100%;padding:1rem 2rem;font-size:1.4rem;font-weight:600;color:#fff;background:rgba(0,0,0,.4)}@media only screen and (max-width: 834px){#works-area article .swiper .swiper-slide figure figcaption{font-size:1.3rem}}@media only screen and (max-width: 834px){#works-area article .swiper .swiper-slide figure figcaption{padding:.5rem 1.5rem;font-size:1.2rem}}#works-area article .swiper-button-prev,#works-area article .swiper-button-next{width:45px;height:45px}@media only screen and (max-width: 834px){#works-area article .swiper-button-prev,#works-area article .swiper-button-next{width:40px;height:40px}}@media only screen and (max-width: 600px){#works-area article .swiper-button-prev,#works-area article .swiper-button-next{width:35px;height:35px}}#works-area article .swiper-button-prev::after,#works-area article .swiper-button-next::after{content:"";width:45px;height:45px;margin:auto;background-repeat:no-repeat;background-size:contain;opacity:.7;transition:all .4s ease-out}@media only screen and (max-width: 834px){#works-area article .swiper-button-prev::after,#works-area article .swiper-button-next::after{width:40px;height:40px}}@media only screen and (max-width: 600px){#works-area article .swiper-button-prev::after,#works-area article .swiper-button-next::after{width:35px;height:35px}}#works-area article .swiper-button-prev:hover::after,#works-area article .swiper-button-next:hover::after{opacity:1}#works-area article .swiper-button-prev::after{background-image:url("../images/prev.svg")}#works-area article .swiper-button-next::after{background-image:url("../images/next.svg")}#works-area article table{width:100%;margin:5rem auto}@media only screen and (max-width: 834px){#works-area article table{margin:4rem auto}}#works-area article table th,#works-area article table td{padding:1.5rem 0;font-weight:600;border-bottom:1px solid rgba(0,0,0,.1)}@media only screen and (max-width: 600px){#works-area article table th,#works-area article table td{display:block}}#works-area article table th{width:20%;font-size:1.7rem;color:#016253}@media only screen and (max-width: 834px){#works-area article table th{width:25%;font-size:1.6rem}}@media only screen and (max-width: 600px){#works-area article table th{width:100%;padding-bottom:0;font-size:1.5rem;border-bottom:none}}#works-area article table td{width:80%}@media only screen and (max-width: 834px){#works-area article table td{width:75%}}@media only screen and (max-width: 600px){#works-area article table td{width:100%;padding-top:.5rem}}#works-area article table tr:first-of-type th,#works-area article table tr:first-of-type td{border-top:1px solid rgba(0,0,0,.1)}@media only screen and (max-width: 600px){#works-area article table tr:first-of-type td{border-top:none}}#works-area article .btn{margin-left:auto}