@charset "UTF-8";.works-header__ttl{margin:250px auto 50px;text-align:center}.works-header__ttl h1{font-size:2.5em;margin-bottom:.2em;letter-spacing:10px;font-family:'Cormorant Garamond',serif}.works-header__ttl-sub{font-size:.8em;letter-spacing:5px}.works-main{max-width:960px;left:0;right:0;margin:100px auto 0}.works-list-set{position:relative;margin-bottom:50px}.works-list-set a{display:block;width:100%;max-width:1250px;margin:0 auto 40px;text-decoration:none}.works-list-set a:hover{opacity:.9;filter:alpha(opacity=80);-ms-filter:"alpha( opacity=80 )";background-color:#fafafa;color:#001901;transition:0.7s all}.works-list-set__hero{position:relative;overflow:hidden}.works-list-set__hero img{width:100%;height:100%;transition:1s all}.works-list-set a:hover .works-list-set__hero img{transform:scale(1.05,1.05);transition:0.5s all}.works-list-set__hero-num{position:absolute;left:2%;font-size:7em;bottom:-.2em;color:#fff;font-family:'Inter',sans-serif;font-weight:700}.works-list-set__data{padding:20px 10px 0 25px}.works-list-set-data__ttl{font-size:1em;font-weight:700;margin-bottom:1em}.works-list-set-data__cap{font-size:.8em;margin-bottom:3em;line-height:1.5em}.works-list-set-data__foot{display:flex;flex-direction:column;padding-bottom:50px}.works-list-set-data-foot__name{font-size:.8em;margin-bottom:1em}.works-list-set-data-foot__cpt{font-size:.8em}.works-list-set-data-foot-wrap__name{font-size:.8em;margin-bottom:1em}.works-list-set-data-foot-wrap__cpt{font-size:.8em}.works-list-set-data-foot__bwrap{display:flex;justify-content:flex-end}.works-list-set-data-foot__btn{margin:0 10px}.works-list-set-data-foot__btn{position:relative;color:#333;padding:5px 2px 7px 2px;display:inline-block;text-decoration:none;outline:none;font-size:12px}.works-list-set-data-foot__btn::before,.works-list-set-data-foot__btn::after{content:'';position:absolute;z-index:1;bottom:0;left:0;background:#eee;width:100%;height:2px;transition:all 0.2s ease-in-out}.works-list-set-data-foot__btn::after{width:0;background:#006436}.works-list-set a:hover .works-list-set-data-foot__btn::after{width:100%}@media screen and (max-width:768px){.works-header__ttl{height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;margin:0;padding-bottom:100px}.works-list-set{margin:0 20px}.works-list-set__hero-num{font-size:4em}.works-list-set__data{padding:10px 10px 0 10px}}