@import"https://fonts.googleapis.com/css2?family=Cormorant+Infant:wght@500&family=Shippori+Mincho:wght@500&display=swap";.page-title-container{aspect-ratio:1/.347}.works-page-wrapper{width:min(1100px,90%);margin-inline:auto;margin-bottom:clamp(150px,17.3611111111vw,250px)}.page-top-wrapper .cat-container:not(:first-of-type){margin-top:50px}.page-top-wrapper .cat-container .topic{color:#989898;font-size:1.8rem}.page-top-wrapper .cat-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;margin-top:10px}@media screen and (max-width: 768px){.page-top-wrapper .cat-list{gap:10px 1em}}.page-top-wrapper .cat-list.tags-list .cat-link{width:auto}.page-top-wrapper .cat-list .cat-link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:180px;padding:.5em 1em;background-color:#f6f6f6;border-radius:999rem}@media screen and (max-width: 768px){.page-top-wrapper .cat-list .cat-link{width:auto;padding:.5em 1.5em}}.article-container{margin-top:120px}.article-container .article-list{display:grid;grid-template-columns:repeat(auto-fill, minmax(min(340px, 23.6111111111vw), 1fr));gap:30px 40px}@media screen and (max-width: 768px){.article-container .article-list{grid-template-columns:1fr}}.article-container .article-list .article-list-item{display:grid;grid-template-rows:subgrid;grid-row:span 4}.article-container .article-list .article-list-item a{display:grid;grid-template-rows:inherit;grid-row:inherit;gap:0}.article-container .article-img{display:block;aspect-ratio:1/.733;width:100%;border-radius:6px;-o-object-fit:cover;object-fit:cover}.article-container .article-img.lazyload{background-color:#1a89ff}.article-container .client{margin-top:1.5em;font-size:1.4rem}.article-container .name{margin-top:5px;font-size:2rem}.article-container .cat-list-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1em;margin-top:12px;font-size:1.3rem}.article-container .cat-list-box .article-cat-list{display:-webkit-box;display:-ms-flexbox;display:flex}.article-container .cat-list-box .article-cat-list .article-cat-list-item{padding:2px 1em;background-color:#f6f6f6;border-radius:999rem;color:#989898}.article-container .cat-list-box .article-tags-list{display:-webkit-box;display:-ms-flexbox;display:flex}.single .page-title-container{padding-right:12%}@media screen and (max-width: 768px){.single .page-title-container{padding-right:5%}}.single .page-title-container .client{font-size:1.8rem}.single .page-title-container .name{position:relative;margin-top:.25em;font-size:clamp(2.8rem,3.3333333333vw,4.8rem);text-align:left}.single .page-title-container .cat-list-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1em;margin-top:1em}.single .page-title-container .article-cat-list-item{min-width:120px;padding:2px 1em;background-color:#f6f6f6;border-radius:999rem;text-align:center}.single .page-title-container .article-tags-list-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.post-page-wrapper{padding-top:0}.post-page-wrapper .top-content .top-img{width:100%;border-radius:6px}.post-page-wrapper .site-url-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;aspect-ratio:1/.292;width:240px;margin-top:70px;padding:5px 30px;background-color:#1a1a1a;border-radius:999rem;color:#fff}.post-page-wrapper .site-url-btn::after{content:"";display:inline-block;aspect-ratio:1/1;width:12px;background-color:#fff;clip-path:polygon(100% 0, 27% 0%, 27% 9%, 86% 9%, 1% 93%, 7% 99%, 91% 16%, 91% 73%, 100% 73%);rotate:45deg;-webkit-transition:all .3s cubic-bezier(0.65, 0.05, 0.36, 1);transition:all .3s cubic-bezier(0.65, 0.05, 0.36, 1)}.post-page-wrapper .movie-box{aspect-ratio:16/9}.post-page-wrapper .movie-box iframe{width:100%;height:100%;border-radius:6px}.post-page-wrapper .img-box{width:min(900px,90%);margin-top:clamp(150px,17.3611111111vw,250px);margin-inline:auto}.post-page-wrapper .img-box img{width:100%;border-radius:6px}.post-page-wrapper .page-back-btn{grid-column:2/3;justify-self:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;aspect-ratio:1/.292;width:240px;margin-top:clamp(100px,10.4166666667vw,150px);padding:5px 30px;background-color:#1a1a1a;border-radius:999rem;color:#fff}@media screen and (max-width: 768px){.post-page-wrapper .page-back-btn{width:180px}}.post-page-wrapper .page-back-btn::after{content:"";display:block;aspect-ratio:1/1;width:12px;background-color:#fff;clip-path:polygon(100% 0, 27% 0%, 27% 9%, 86% 9%, 1% 93%, 7% 99%, 91% 16%, 91% 73%, 100% 73%);rotate:45deg}