:root{--font-body:"Barlow","Noto Sans JP",sans-serif;--font-jp:"Noto Sans JP",sans-serif;--font-en:"Barlow",sans-serif;--color-bg:#fff;--color-bg-dark:#222427;--color-bg-gray:#f4f4f4;--color-txt:#313438;--color-txt-gray:#6e7173;--color-border:#d6d6d6;--color-accent01:#74bac9;--color-accent02:#9bc86a;--color-accent03:#d1c166;--color-accent04:#e89268;--color-category-video01:#e27d59;--color-category-video02:#cd3936;--color-category-game01:#dcab48;--color-category-game02:#e28f34;--color-category-web01:#4da660;--color-category-web02:#288944;--color-category-ad01:#42af9e;--color-category-ad02:#3e8ba9;--color-category-writer01:#ea9960;--color-category-writer02:#db6938}#works .works-list{padding-left:.5rem;display:flexbox;display:flex;flex-wrap:wrap;gap:.5rem}#works .works-list__item{position:relative;width:calc(33.3333333333% - .5rem);background:var(--color-bg)}#works .works-list__item:before{content:"";position:absolute;top:2rem;left:-5%;width:110%;height:100%;background:linear-gradient(90deg,var(--color-accent01) 0,var(--color-accent02) 33%,var(--color-accent03) 66%,var(--color-accent04) 100%);filter:blur(3rem);opacity:.1;z-index:-1;pointer-events:none}#works .works-list__item.is-mask .works-list__mask:after{transform:translateX(0)}#works .works-list__item.is-mask .works-list__mask.is-01:after{transition:transform .5s cubic-bezier(.16,1,.3,1)}#works .works-list__item.is-mask .works-list__mask.is-02:after{transition:transform .5s cubic-bezier(.16,1,.3,1) .2s}#works .works-list__item.is-show .works-list__mask:after{transform:translateX(101%)}#works .works-list__item.is-show .works-list__mask.is-01:after{transition:transform .5s cubic-bezier(.16,1,.3,1) .2s}#works .works-list__item.is-show .works-list__mask.is-02:after{transition:transform .5s cubic-bezier(.16,1,.3,1)}#works .works-list__item.is-show .works-list__link{opacity:1}@media screen and (max-width:768px){#works .works-list__item{width:calc(50% - .5rem)}}#works .works-list__mask{position:absolute;inset:0;overflow:hidden;pointer-events:none}#works .works-list__mask:after{content:"";position:absolute;inset:0;transform:translateX(-101%)}#works .works-list__mask.is-01:after{background:linear-gradient(90deg,#e2f1f4,#e6f1da)}#works .works-list__mask.is-02:after{background:linear-gradient(90deg,#f4f1dc,#fcf2ed)}#works .works-list__link{position:relative;width:100%;aspect-ratio:317/180;text-align:left;overflow:hidden;display:block;opacity:0}#works .works-list__link:before{width:100%;background-color:var(--color-border)}#works .works-list__link:after,#works .works-list__link:before{content:"";position:absolute;bottom:0;left:0;height:.3rem;pointer-events:none;z-index:1}#works .works-list__link:after{width:33%;background:linear-gradient(90deg,var(--color-accent01) 0,var(--color-accent02) 33%,var(--color-accent03) 66%,var(--color-accent04) 100%);transition:width .5s cubic-bezier(.25,1,.5,1)}@media (any-hover:hover){#works .works-list__link:hover:after{width:100%}#works .works-list__link:hover img{transform:scale(1.1);filter:brightness(130%)}#works .works-list__link:hover .works-list__info{opacity:1}}#works .works-list__link img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;transition:transform 1s cubic-bezier(.25,1,.5,1),filter .5s;transition:transform 1s cubic-bezier(.25,1,.5,1),filter .5s,filter .5s}#works .works-list__info{position:absolute;inset:0;padding:1rem 2rem;display:flexbox;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:.5rem;background:linear-gradient(180deg,hsla(0,0%,100%,.3) 30%,hsla(0,0%,100%,.9));-webkit-backdrop-filter:blur(.2rem);backdrop-filter:blur(.2rem);color:var(--color-txt);line-height:1.4;opacity:0;pointer-events:none;transition:opacity .3s}@media screen and (max-width:768px){#works .works-list__info{padding:.5rem;gap:0}}#works .works-list__title{font-weight:600;font-size:2rem}@media screen and (max-width:768px){#works .works-list__title{font-size:1.4rem}}#works .works-list__copylight{font-size:1.2rem;opacity:.8}@media screen and (max-width:768px){#works .works-list__copylight{font-size:1rem}}#works .pagination{margin-top:6rem;display:flexbox;display:flex;justify-content:center;align-items:center;gap:.5rem}@media screen and (max-width:768px){#works .pagination{margin-top:4rem;gap:.3rem}}#works .pagination__item{width:4rem;height:4rem;font-family:var(--font-en);font-weight:600;font-size:2rem}@media screen and (max-width:768px){#works .pagination__item{width:3rem;height:3rem;font-size:1.6rem}}#works .pagination__btn{position:relative;width:100%;height:100%;background-color:var(--color-bg-dark);color:var(--color-bg);display:flexbox;display:flex;justify-content:center;align-items:center}#works .pagination__btn.is-current{pointer-events:none}#works .pagination__btn.is-current:after{content:"";position:absolute;inset:0;border:.2rem solid;-o-border-image:linear-gradient(90deg,var(--color-accent01) 0,var(--color-accent02) 33%,var(--color-accent03) 66%,var(--color-accent04) 100%) 1;border-image:linear-gradient(90deg,var(--color-accent01) 0,var(--color-accent02) 33%,var(--color-accent03) 66%,var(--color-accent04) 100%) 1;pointer-events:none}@media (any-hover:hover){#works .pagination__btn:hover{border:.2rem solid;-o-border-image:linear-gradient(90deg,var(--color-accent01) 0,var(--color-accent02) 33%,var(--color-accent03) 66%,var(--color-accent04) 100%) 1;border-image:linear-gradient(90deg,var(--color-accent01) 0,var(--color-accent02) 33%,var(--color-accent03) 66%,var(--color-accent04) 100%) 1}}