@font-face{font-family:Ambiant Sans;src:url(/fonts/AmbiantSansRegular/Ambiant-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:TWK Continental;src:url(/fonts/TWKContinental/TWKContinental-Book.woff2) format("woff2");font-weight:350;font-style:normal;font-display:swap}@font-face{font-family:TWK Continental;src:url(/fonts/TWKContinental/TWKContinental-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:TWK Continental;src:url(/fonts/TWKContinental/TWKContinental-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:TWK Continental;src:url(/fonts/TWKContinental/TWKContinental-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:TWK Continental;src:url(/fonts/TWKContinental/TWKContinental-Light.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@keyframes btn-link-arrow-hover{0%{transform:translateY(-50%) translate(0)}45%{transform:translateY(-50%) translate(.35rem)}to{transform:translateY(-50%) translate(0)}}body[data-page-type=works] .l-content{margin-bottom:14.5rem}body[data-page-type=works] .l-works{margin-top:10rem}@media screen and (max-width:1024px){body[data-page-type=works] .l-works .flex{display:flex;justify-content:space-between;align-items:center}}body[data-page-type=works] .l-works .title{font-size:4.3rem;color:var(--col-white);letter-spacing:-.02em;line-height:1.4;font-family:TWK Continental,sans-serif;font-weight:400;margin-bottom:6rem}@media screen and (max-width:1024px){body[data-page-type=works] .l-works .title{font-size:3.2rem;margin-bottom:0}}body[data-page-type=works] .l-works .filter{display:none}@media screen and (max-width:1024px){body[data-page-type=works] .l-works .filter{position:relative;display:block;font-size:1.1rem;line-height:1.25;font-family:TWK Continental,sans-serif;font-weight:350;font-style:normal;background-color:#d9d9d9;border-radius:1px;padding:1rem 7.4rem 1rem 1rem;box-sizing:border-box}body[data-page-type=works] .l-works .filter:before{content:"";background:url(/img/works/icon-filter.svg) no-repeat 100%/100%;width:1.2rem;height:1.2rem;position:absolute;right:.7rem;top:50%;transform:translateY(-50%)}}@media screen and (max-width:1024px){body[data-page-type=works] .l-works .filterMenuBG{display:block;opacity:0;visibility:hidden;pointer-events:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--col-gray);z-index:100;transition:opacity .25s ease,visibility 0s linear .25s}}body[data-page-type=works] .l-works .filterMenu{display:none}@media screen and (max-width:1024px){body[data-page-type=works] .l-works .filterMenu{display:block;position:fixed;bottom:.8rem;left:50%;transform:translate(-50%) translateY(110%);background-color:#e6e6e6b3;border-radius:1.6rem;width:calc(100% - 1.6rem);padding:2rem;box-sizing:border-box;z-index:101;transition:transform .35s ease,opacity .25s ease,visibility 0s linear .35s}body[data-page-type=works] .l-works .filterMenu__item{margin-bottom:2.5rem}body[data-page-type=works] .l-works .filterMenu__item:last-child{margin-bottom:1rem}body[data-page-type=works] .l-works .filterMenu__title{font-size:1.3rem;line-height:1.25;font-family:TWK Continental,sans-serif;font-weight:350;font-style:normal;color:#6e6e6e;margin-bottom:1.4rem}body[data-page-type=works] .l-works .filterMenu__list{display:flex;flex-wrap:wrap;gap:.6rem}body[data-page-type=works] .l-works .filterMenu__list a,body[data-page-type=works] .l-works .filterMenu__list button{display:block;padding:.6rem 1.8rem;box-sizing:border-box;border-radius:4.2rem;font-family:TWK Continental,sans-serif;font-weight:500;font-style:normal;font-size:1.4rem;cursor:pointer}body[data-page-type=works] .l-works .filterMenu__list.company a,body[data-page-type=works] .l-works .filterMenu__list.company button,body[data-page-type=works] .l-works .filterMenu__list.role a,body[data-page-type=works] .l-works .filterMenu__list.role button{opacity:.5;transition:opacity .2s}body[data-page-type=works] .l-works .filterMenu__list.company a.is-active,body[data-page-type=works] .l-works .filterMenu__list.company button.is-active,body[data-page-type=works] .l-works .filterMenu__list.role a.is-active,body[data-page-type=works] .l-works .filterMenu__list.role button.is-active,body[data-page-type=works] .l-works .filterMenu__list.company a:hover,body[data-page-type=works] .l-works .filterMenu__list.company button:hover,body[data-page-type=works] .l-works .filterMenu__list.role a:hover,body[data-page-type=works] .l-works .filterMenu__list.role button:hover{opacity:1}body[data-page-type=works] .l-works .filterMenu__list.company a,body[data-page-type=works] .l-works .filterMenu__list.company button{background-color:var(--col-white);color:var(--col-black);border:solid 1px var(--col-white)}body[data-page-type=works] .l-works .filterMenu__list.role a,body[data-page-type=works] .l-works .filterMenu__list.role button{background-color:var(--col-black);color:var(--col-white);border:solid 1px var(--col-white)}body[data-page-type=works] .l-works .filterMenu__list.genre a{background-color:#717171;color:var(--col-white);border:solid 1px #717171}body[data-page-type=works] .l-works .filterMenu__list.projects a{border:none;padding:0;color:var(--col-white);text-decoration:underline}body[data-page-type=works] .l-works .filterMenu__close .btn{display:block;margin-left:auto;font-size:1.5rem;font-family:TWK Continental,sans-serif;font-weight:500;font-style:normal}body[data-page-type=works] .l-works .filterMenu__close .btn span{display:inline-block;margin-left:.5rem;margin-top:1rem;font-size:2.1rem;font-family:TWK Continental,sans-serif;font-weight:350;font-style:normal}}@media screen and (max-width:1024px){body[data-page-type=works] .l-works.is-filter-menu-open .filterMenuBG{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .25s ease}}@media screen and (max-width:1024px){body[data-page-type=works] .l-works.is-filter-menu-open .filterMenu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%) translateY(0);transition:transform .35s ease,opacity .25s ease}}body[data-page-type=works] .l-works .naviList{display:flex;flex-wrap:wrap;margin-bottom:.5rem}@media screen and (max-width:1024px){body[data-page-type=works] .l-works .naviList{display:none}}body[data-page-type=works] .l-works .naviList.company a,body[data-page-type=works] .l-works .naviList.company button,body[data-page-type=works] .l-works .naviList.category a,body[data-page-type=works] .l-works .naviList.category button{cursor:pointer;opacity:.5;transition:opacity .2s}body[data-page-type=works] .l-works .naviList.company a.is-active,body[data-page-type=works] .l-works .naviList.company button.is-active,body[data-page-type=works] .l-works .naviList.category a.is-active,body[data-page-type=works] .l-works .naviList.category button.is-active,body[data-page-type=works] .l-works .naviList.company a:hover,body[data-page-type=works] .l-works .naviList.company button:hover,body[data-page-type=works] .l-works .naviList.category a:hover,body[data-page-type=works] .l-works .naviList.category button:hover{opacity:1}body[data-page-type=works] .l-works .naviList.company a,body[data-page-type=works] .l-works .naviList.company button{border:1px solid var(--col-white);color:var(--col-black);background-color:var(--col-white)}body[data-page-type=works] .l-works .naviList.category a,body[data-page-type=works] .l-works .naviList.category button{border:1px solid var(--col-white);color:var(--col-white);background-color:transparent}body[data-page-type=works] .l-works .naviList.project{margin-top:2rem}body[data-page-type=works] .l-works .naviList.project li{margin-right:.7rem}body[data-page-type=works] .l-works .naviList.project a{padding:0;color:var(--col-white);text-decoration:underline;font-size:1.4rem}body[data-page-type=works] .l-works .naviList li{margin-right:.4rem}body[data-page-type=works] .l-works .naviList li:last-child{margin-right:0}body[data-page-type=works] .l-works .naviList a,body[data-page-type=works] .l-works .naviList button{display:block;font-size:1.3rem;line-height:1.4;padding:.3rem 1.6rem;box-sizing:border-box;font-family:TWK Continental,sans-serif;font-weight:500;font-style:normal;border-radius:4.2rem}body[data-page-type=works] .l-works .list{margin-top:11rem}@media screen and (max-width:1024px){body[data-page-type=works] .l-works .list{margin-top:4.5rem}}body[data-page-type=works] .l-works .works-list__empty{color:var(--col-white);font-family:TWK Continental,sans-serif;font-weight:350;font-style:normal;font-size:1.5rem;list-style:none}body[data-page-type=works] .l-works .works-list__empty p{margin:0}body[data-page-type=works] #js-works-pagination:empty{min-height:6rem;box-sizing:border-box}body[data-page-type=works] .news-pagination{margin-top:7rem}body[data-page-type=works] .news-pagination.c-pagination{display:block}body[data-page-type=works] .news-pagination__row{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:2rem;width:100%}body[data-page-type=works] .news-pagination__pages{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center}body[data-page-type=works] .news-pagination__num{margin-left:2rem}body[data-page-type=works] .news-pagination__num:first-child{margin-left:0}body[data-page-type=works] .news-pagination__num a,body[data-page-type=works] .news-pagination__num button{appearance:none;border:none;background:transparent;padding:0;margin:0;cursor:pointer;font-size:3.8rem;letter-spacing:-.02em;line-height:1.4;color:var(--col-white);text-decoration:none;font-family:TWK Continental,sans-serif;font-weight:500;font-style:normal}body[data-page-type=works] .news-pagination__num.is-active a,body[data-page-type=works] .news-pagination__num.is-active button{opacity:.3;pointer-events:none}body[data-page-type=works] .news-pagination__next{display:flex;align-items:center;flex-shrink:0;transition:opacity .2s;appearance:none;border:none;background:transparent;padding:0;margin:0;cursor:pointer;color:inherit}body[data-page-type=works] .news-pagination__next:hover{opacity:.7}body[data-page-type=works] .news-pagination__next img{display:block}
