body#works.index .workslist{margin:0 0 100px 0}body#works.index .workslist h3{font-size:240%;font-weight:bold;margin:0 0 20px 0;color:#6d6d6d}@media(max-width: 767px){body#works.index .workslist h3{text-align:center}}body#works.index .workslist ul{display:grid;grid-template-rows:subgrid;gap:80px 30px;margin:0 0 60px 0}@media(min-width: 1200px){body#works.index .workslist ul{grid-template-columns:repeat(4, 1fr)}}@media(min-width: 768px)and (max-width: 1199px){body#works.index .workslist ul{grid-template-columns:repeat(3, 1fr)}}@media(max-width: 767px){body#works.index .workslist ul{grid-template-columns:repeat(2, 1fr);gap:80px 15px}}@media(max-width: 475px){body#works.index .workslist ul{grid-template-columns:repeat(1, 1fr);gap:80px 15px}}body#works.index .workslist ul li{display:grid;gap:0;grid-template-rows:subgrid;grid-row:span 2}body#works.index .workslist ul li figure{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;line-height:0;background-color:#e3e3e3}body#works.index .workslist ul li figure img{width:100%;height:auto}body#works.index .workslist ul li .copyright{padding-top:5px;line-height:1.3em;font-size:.6em;text-align:center;color:#666;min-height:18px;letter-spacing:-0.02em}body#works.index .workslist ul li .cell{display:grid}body#works.index .workslist ul li .cell h4{margin:10px 0;font-size:1.4rem;font-weight:bold;text-align:center;-webkit-transform:rotate(0.03deg);transform:rotate(0.03deg);letter-spacing:-0.02em}body#works.index .workslist ul li .cell .text p{margin:0 0 2px 0;font-size:.8rem;text-align:left;line-height:1.2em;letter-spacing:-0.02em;word-break:break-word;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:5px}body#works.index .workslist ul li .cell .text p span{display:inline-block;min-width:6em;color:#999;font-size:.7rem;font-weight:bold;text-align:right;white-space:nowrap}@media(max-width: 767px){body#works.index .workslist ul li figure{max-width:260px;margin:0 auto}body#works.index .workslist ul li .cell h4{font-size:1.1rem}body#works.index .workslist ul li .cell p{font-size:.7rem}body#works.index .workslist ul li .cell p span{font-size:.6rem}}