.section__works{margin:100rem auto}.section__works .works-wrap{display:flex;justify-content:center;gap:24rem;margin-top:50rem}@media(max-width: 768px){.section__works .works-wrap{flex-wrap:wrap;gap:36rem 24rem;width:88%;margin:30rem auto 0;margin-top:30rem}}.section__works .works-item{max-width:254rem;width:100%}@media(max-width: 768px){.section__works .works-item{width:calc(50% - 12rem)}}.section__works .works-item .image{position:relative;padding-top:100%;line-height:0;border-radius:24rem;overflow:hidden}.section__works .works-item .image img{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%, -50%);transition:transform .3s ease;-o-object-fit:cover;object-fit:cover}.section__works .works-item .location{display:block;margin-top:22rem;padding:0 4rem;font-size:15rem;font-weight:500;text-align:left;transition:opacity .3s ease}.section__works .works-item .title{display:block;margin:12rem auto 19rem;padding:0 4rem;font-size:17.5rem;font-weight:500;line-height:160%;text-align:left;transition:opacity .3s ease}@media(max-width: 768px){.section__works .works-item .title{margin:10rem auto;font-size:24rem;font-weight:700;line-height:150%}}.section__works .works-item .tag-wrap{display:flex;flex-wrap:wrap;gap:6rem;padding:0 4rem;transition:opacity .3s ease}.section__works .works-item .tag-wrap .tag-item{display:inline-block;padding:5rem 12rem 4rem;color:#ff9000;font-size:13rem;font-weight:500;border:1px solid #ff9000;border-radius:100px}@media(max-width: 768px){.section__works .works-item .tag-wrap .tag-item{padding:5rem 12rem 2rem}}.section__works .works-item:hover .location,.section__works .works-item:hover .title,.section__works .works-item:hover .tag-wrap,.section__works .works-item:focus-visible .location,.section__works .works-item:focus-visible .title,.section__works .works-item:focus-visible .tag-wrap{opacity:.5}@media(max-width: 768px){.section__works .works-item:hover .location,.section__works .works-item:hover .title,.section__works .works-item:hover .tag-wrap,.section__works .works-item:focus-visible .location,.section__works .works-item:focus-visible .title,.section__works .works-item:focus-visible .tag-wrap{opacity:1}}.section__works .works-item:hover .image img,.section__works .works-item:focus-visible .image img{transform:translate(-50%, -50%) scale(1.05)}