.top{margin-top:50px;width:100%;height:200px}.topImage{background-image:url(../img/works/topimage.jpg);background-size:cover;background-position:bottom 28% right 15%;width:100%;height:100%;background-repeat:no-repeat}.topImage h2{font-size:2rem;max-width:480px;margin:0 auto;padding:80px 0 0 29px}@media (min-width:1024px){.top{margin-top:80px;height:400px}.topImage h2{font-size:5rem;max-width:1040px;padding:200px 0 0 100px}}.listContainer{border-bottom:solid 1px #BDBDBD;width:100%}.listContainer.Past{border:none}.listContainer h3{font-size:1.6rem;color:#BDBDBD;margin:40px auto;padding:0 24px;max-width:1024px}.listContainer.Past h3{margin:100px auto 40px}.imageContainer{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(272px,312px));justify-content:center;max-width:1024px;margin:auto;padding:0 24px 50px}.imageContainer.Past{grid-template-columns:repeat(auto-fit,minmax(126px,235px));padding:0 24px 120px}.allContainer a{width:auto;height:auto}.allContainer a img{width:100%;aspect-ratio:1/1;object-fit:cover}.allContainer h4{font-size:1.6rem;font-weight:400}@media (min-width:1024px){.listContainer h3{font-size:3rem;margin:60px auto}.imageContainer{row-gap:40px;padding:0 24px 60px}.listContainer.Past h3{margin:120px auto 40px}.imageContainer.Past{padding:0 24px 150px}}