.works_nav{width:100%;margin:0 auto}.works_nav ul{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;column-gap:1.5rem;width:100%;margin:0 auto}@media only screen and (max-width: 834px){.works_nav ul{justify-content:space-between;column-gap:0;row-gap:1.5rem;max-width:400px;width:100%}}.works_nav ul li{display:flex;justify-content:center;align-items:center;column-gap:.8rem;position:relative;width:fit-content;padding:.7rem 2.5rem;color:#fff;background:#bbb;border-radius:100px;transition:all .4s ease-out}@media only screen and (max-width: 834px){.works_nav ul li{width:31%;padding:.8rem 0}}@media only screen and (max-width: 600px){.works_nav ul li{column-gap:.7rem;padding:.7rem 0}}.works_nav ul li::before{content:"";flex-shrink:0;display:block;width:5px;height:5px;background:#fff;border-radius:50%}@media only screen and (max-width: 600px){.works_nav ul li::before{width:4px;height:4px}}.works_nav ul li.current,.works_nav ul li:hover{background:#333}.works_nav ul li a{display:block;position:absolute;top:0;bottom:0;right:0;left:0;z-index:1}.works_list{max-width:1500px;width:90%;margin:0 auto}.works_list ul{display:grid;grid-template-columns:repeat(3, 1fr);column-gap:3%;row-gap:6rem;width:100%;margin:0 auto}@media only screen and (max-width: 834px){.works_list ul{grid-template-columns:repeat(2, 1fr);column-gap:4%;row-gap:5rem}}@media only screen and (max-width: 600px){.works_list ul{display:flex;flex-direction:column;column-gap:0}}.works_list ul li{position:relative;font-family:"Noto Serif JP","Yu Mincho","YuMincho","游明朝体","游明朝","Hiragino Mincho ProN","Hiragino Mincho Pro","MS PMincho",serif;font-weight:700}.works_list ul li article{width:100%;aspect-ratio:4/3;border-radius:15px;overflow:hidden}@media only screen and (max-width: 834px){.works_list ul li article{border-radius:10px}}.works_list ul li article 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 .8rem;padding-left:1.5rem;color:#777}@media only screen and (max-width: 834px){.works_list ul li span{margin-top:1.5rem;padding-left:1.2rem;font-size:1.3rem}}.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:5px;height:5px;background:#777;border-radius:50%}@media only screen and (max-width: 834px){.works_list ul li span::before{width:4px;height:4px}}.works_list ul li p{font-size:1.8rem;letter-spacing:.15em;transition:all .4s ease-out}@media only screen and (max-width: 834px){.works_list ul li p{font-size:1.5rem}}.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 article img{transform:scale(1.05)}.works_list ul li:hover p{color:#4b607e}.works_wrap{max-width:1000px;width:100%;margin:0 auto}.works_wrap .swiper{width:100%;margin:0 auto}.works_wrap .swiper.works_swiper-main{position:relative;width:100%;height:auto;background:#333;border-radius:10px;overflow:hidden}@media only screen and (max-width: 600px){.works_wrap .swiper.works_swiper-main{border-radius:7px}}.works_wrap .swiper.works_swiper-main .swiper-slide{width:100%;aspect-ratio:4/3}.works_wrap .swiper.works_swiper-main .swiper-slide img{display:block;width:100%;height:100%;object-fit:contain}.works_wrap .swiper.works_swiper-main .swiper-button-prev,.works_wrap .swiper.works_swiper-main .swiper-button-next{width:40px;height:40px;color:#333;background:#fff;border-radius:50%}@media only screen and (max-width: 834px){.works_wrap .swiper.works_swiper-main .swiper-button-prev,.works_wrap .swiper.works_swiper-main .swiper-button-next{width:32px;height:32px}}@media only screen and (max-width: 600px){.works_wrap .swiper.works_swiper-main .swiper-button-prev,.works_wrap .swiper.works_swiper-main .swiper-button-next{width:27px;height:27px}}.works_wrap .swiper.works_swiper-main .swiper-button-prev::after,.works_wrap .swiper.works_swiper-main .swiper-button-next::after{font-size:1.4rem;font-weight:600}@media only screen and (max-width: 834px){.works_wrap .swiper.works_swiper-main .swiper-button-prev::after,.works_wrap .swiper.works_swiper-main .swiper-button-next::after{font-size:1.2rem}}@media only screen and (max-width: 600px){.works_wrap .swiper.works_swiper-main .swiper-button-prev::after,.works_wrap .swiper.works_swiper-main .swiper-button-next::after{font-size:1rem}}.works_wrap .swiper.works_swiper-main .swiper-button-prev{left:2rem}@media only screen and (max-width: 834px){.works_wrap .swiper.works_swiper-main .swiper-button-prev{left:1.5rem}}@media only screen and (max-width: 600px){.works_wrap .swiper.works_swiper-main .swiper-button-prev{left:1rem}}.works_wrap .swiper.works_swiper-main .swiper-button-next{right:2rem}@media only screen and (max-width: 834px){.works_wrap .swiper.works_swiper-main .swiper-button-next{right:1.5rem}}@media only screen and (max-width: 600px){.works_wrap .swiper.works_swiper-main .swiper-button-next{right:1rem}}.works_wrap .swiper.works_swiper-thumbnail{height:auto;margin-top:2.5rem}@media only screen and (max-width: 834px){.works_wrap .swiper.works_swiper-thumbnail{margin-top:2rem}}@media only screen and (max-width: 600px){.works_wrap .swiper.works_swiper-thumbnail{margin-top:1.5rem}}.works_wrap .swiper.works_swiper-thumbnail .swiper-slide{align-self:flex-start;height:auto;aspect-ratio:4/3;border:2px solid rgba(0,0,0,0);border-radius:10px;opacity:.7;overflow:hidden;cursor:pointer}@media only screen and (max-width: 600px){.works_wrap .swiper.works_swiper-thumbnail .swiper-slide{border-radius:7px}}.works_wrap .swiper.works_swiper-thumbnail .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover}.works_wrap .swiper.works_swiper-thumbnail .swiper-slide-thumb-active{border-color:#4b607e;opacity:1}.works_wrap article{width:100%;margin:6rem 0;padding:6rem;background:#fff;border-radius:10px}@media only screen and (max-width: 834px){.works_wrap article{margin:5rem 0;padding:4rem}}@media only screen and (max-width: 600px){.works_wrap article{margin:4rem 0;padding:2.5rem}}.works_wrap article span{display:block;position:relative;padding-left:1.5rem;font-family:"Noto Serif JP","Yu Mincho","YuMincho","游明朝体","游明朝","Hiragino Mincho ProN","Hiragino Mincho Pro","MS PMincho",serif;font-size:1.6rem;font-weight:600;color:#777}@media only screen and (max-width: 834px){.works_wrap article span{font-size:1.5rem}}@media only screen and (max-width: 600px){.works_wrap article span{font-size:1.4rem}}.works_wrap article span::before{content:"";position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);left:0;width:5px;height:5px;background:#777;border-radius:50%}.works_wrap article p{margin:1rem 0 3rem;font-family:"Noto Serif JP","Yu Mincho","YuMincho","游明朝体","游明朝","Hiragino Mincho ProN","Hiragino Mincho Pro","MS PMincho",serif;font-size:3rem;font-weight:700;letter-spacing:.18em}@media only screen and (max-width: 834px){.works_wrap article p{font-size:2.4rem}}@media only screen and (max-width: 600px){.works_wrap article p{margin:.7rem 0 2.5rem;font-size:2rem}}.works_wrap article section{display:flex;flex-direction:column;row-gap:1.5rem}.works_wrap article section dl{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start}.works_wrap article section dl dt{width:120px;font-family:"Noto Serif JP","Yu Mincho","YuMincho","游明朝体","游明朝","Hiragino Mincho ProN","Hiragino Mincho Pro","MS PMincho",serif;font-size:1.6rem;font-weight:600}@media only screen and (max-width: 834px){.works_wrap article section dl dt{width:100px;font-size:1.5rem}}@media only screen and (max-width: 600px){.works_wrap article section dl dt{width:80px;font-size:1.4rem}}.works_wrap article section dl dd{width:calc(100% - 120px)}@media only screen and (max-width: 834px){.works_wrap article section dl dd{width:calc(100% - 100px)}}@media only screen and (max-width: 600px){.works_wrap article section dl dd{width:calc(100% - 80px)}}.works_wrap .btn{margin-left:auto}