#works-category{width:100%;margin:0 auto}#works-category ul{display:flex;flex-wrap:wrap;gap:1.8rem}@media only screen and (max-width: 834px){#works-category ul{gap:1.2rem}}@media only screen and (max-width: 600px){#works-category ul{justify-content:space-between;column-gap:0;row-gap:1rem}}#works-category ul li{position:relative;width:fit-content;padding:.7rem 2.2rem;font-size:1.4rem;font-weight:500;background:#f2f2f2;border-radius:80px;transition:all .4s ease-out}@media only screen and (max-width: 834px){#works-category ul li{padding:.7rem 2rem;font-size:1.3rem}}@media only screen and (max-width: 600px){#works-category ul li{width:48.5%;padding:.7rem 0;text-align:center;font-size:1.2rem}}#works-category ul li::before{content:"♯";display:inline-block;margin-right:.2rem}@media only screen and (max-width: 600px){#works-category ul li::before{margin-right:0}}#works-category ul li.current{color:#fff;background:#333}#works-category ul li a{display:block;position:absolute;top:0;bottom:0;right:0;left:0;z-index:1}#works-category ul li:hover{color:#fff;background:#666}#works-list{width:100%;margin:0 auto}#works-list ul{display:flex;flex-wrap:wrap;justify-content:flex-start;row-gap:6rem;width:100%;margin:0 auto}@media only screen and (max-width: 834px){#works-list ul{justify-content:space-between;row-gap:5rem}}@media only screen and (max-width: 600px){#works-list ul{flex-direction:column}}#works-list ul li{position:relative;width:31%;margin-right:3.5%}#works-list ul li:nth-of-type(3n){margin-right:0}@media only screen and (max-width: 834px){#works-list ul li:nth-of-type(3n){margin-right:0}}@media only screen and (max-width: 834px){#works-list ul li{width:48%;margin-right:0}}@media only screen and (max-width: 600px){#works-list ul li{width:100%}}#works-list ul li section{width:100%;overflow:hidden}#works-list ul li section img{display:block;width:100%;height:250px;object-fit:cover;transition:all .4s ease-out}@media only screen and (max-width: 834px){#works-list ul li section img{height:220px}}#works-list ul li span{display:block;margin:1.8rem 0 .5rem;font-size:1.2rem;color:#009d5b}@media only screen and (max-width: 834px){#works-list ul li span{margin:1.5rem 0 .7rem;font-size:1.1rem}}#works-list ul li span::before{content:"♯";display:inline-block;margin-right:.2rem}#works-list ul li p{font-size:1.6rem;font-weight:600}@media only screen and (max-width: 834px){#works-list ul li p{font-size:1.4rem}}#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.1)}#works-wrap{width:100%;margin:0 auto}#works-wrap span{display:block;font-size:1.4rem;color:#009d5b}@media only screen and (max-width: 834px){#works-wrap span{font-size:1.3rem}}@media only screen and (max-width: 600px){#works-wrap span{font-size:1.2rem}}#works-wrap span::before{content:"♯";display:inline-block;margin-right:.2rem}#works-wrap #works-h{margin:1rem 0 4rem;font-size:2.2rem;font-weight:600;letter-spacing:3px}@media only screen and (max-width: 834px){#works-wrap #works-h{margin-bottom:3rem;font-size:2rem}}@media only screen and (max-width: 600px){#works-wrap #works-h{font-size:1.8rem}}#works-wrap ul{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;margin:0 auto}@media only screen and (max-width: 600px){#works-wrap ul{flex-direction:column;row-gap:2rem}}#works-wrap ul li{width:48.5%}@media only screen and (max-width: 600px){#works-wrap ul li{width:100%}}#works-wrap ul li figure{position:relative;width:100%;height:500px;background:#333}@media only screen and (max-width: 834px){#works-wrap ul li figure{height:300px}}#works-wrap ul li figure img{display:block;width:100%;height:100%;object-fit:contain}#works-wrap ul li figure figcaption{position:absolute;left:0;bottom:0;width:100%;padding:.5rem 2rem;font-size:1.4rem;color:#fff;background:rgba(0,0,0,.4)}@media only screen and (max-width: 834px){#works-wrap ul li figure figcaption{padding:.3rem 1.5rem;font-size:1.3rem}}@media only screen and (max-width: 600px){#works-wrap ul li figure figcaption{font-size:1.2rem}}#works-wrap ul li figure figcaption b{display:block}#works-wrap ul:has(>li:only-child){justify-content:center}#works-wrap article{display:flex;flex-direction:column;row-gap:2.5rem;width:100%;margin:5rem auto 8rem;padding:5rem 8rem;background:#fff;border-radius:15px;box-shadow:0 0 7px rgba(0,0,0,.1)}@media only screen and (max-width: 834px){#works-wrap article{margin:4rem auto 7rem;padding:4rem}}@media only screen and (max-width: 600px){#works-wrap article{margin-bottom:6rem;padding:2.5rem}}#works-wrap article dl{display:flex;flex-wrap:wrap;justify-content:space-between}@media only screen and (max-width: 600px){#works-wrap article dl{font-size:1.3rem}}#works-wrap article dl dt{width:170px;font-weight:600;color:#666}@media only screen and (max-width: 834px){#works-wrap article dl dt{width:120px}}@media only screen and (max-width: 600px){#works-wrap article dl dt{width:90px}}#works-wrap article dl dd{width:calc(100% - 170px)}@media only screen and (max-width: 834px){#works-wrap article dl dd{width:calc(100% - 120px)}}@media only screen and (max-width: 600px){#works-wrap article dl dd{width:calc(100% - 90px)}}