@charset "utf-8";
/* CSS Document */
:root{
--mwidth:clamp(300px,100%,1280px);
--fSizeMM:clamp(15px,2vw,20px);
--trn1s:1s cubic-bezier(0.77, 0, 0.175, 1);
}
main .wrap[data-id="works"]{max-width:unset;width:unset;background:#eee;}
#worksList .wList{width:var(--mwidth);margin:0 auto;}
#worksList .wList {display:flex;flex-wrap:wrap;font:1em /1 'Noto sans jp';font-size:var(--fSizeMM);gap:2%;padding:1% 0;}
#worksList .wList>li{width:32%;margin:1% 0;}

.wWrap{background:#fff;border-radius:10px;position:relative;}
.wWrap>a{display:block;height:100%;width:100%;position:absolute;z-index:1;}
.wWrap .wImg picture{display:block;background:transparent no-repeat 0 0 / 100% auto;}
.wWrap .wImg picture>img{width:100%;}
.wWrap .wInfo{display:block;padding:5px;}
.wWrap .wInfo .wName{font-size:0.8em;color:#300;font-weight:600;}
.wWrap .wInfo .wSubject{font-size:0.8em;line-height:1.5;}
.wWrap .wInfo .wText{font-size:0.8em;line-height:1.25;padding-top:1em;}


@media screen and (max-width:800px) {}
@media screen and (max-width:480px) {}