.page-works{padding:clamp(4rem,6.5278vw,9.38rem) 0 clamp(5rem,7.7778vw,11.25rem)}.page-works__grid-wrap{max-width:64rem;width:90%;margin:0 auto}.page-works__list{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.page-works__item{transition:opacity .3s}.page-works__item:hover{opacity:.7}.page-works__link{display:flex;flex-direction:column;text-decoration:none}.page-works__img{position:relative;width:100%;aspect-ratio:4/3;overflow:hidden;background:#e8e8e8}.page-works__img img:not(.page-works__voice-badge){width:100%;height:100%;object-fit:cover;display:block}.page-works__content{margin-top:.75rem;display:flex;flex-direction:column;gap:.25rem}.page-works__area{font-size:var(--fs-2xs);color:#57606a}.page-works__ttl{font-size:var(--fs-sm);font-weight:400;line-height:1.4;letter-spacing:.02em;color:#24292f}.page-works__flex{display:flex;flex-wrap:wrap;gap:.375rem}.page-works__tag{font-size:var(--fs-2xs);color:#57606a}.page-works__voice-badge{position:absolute;top:.75rem;left:.75rem;width:3rem;height:3rem;pointer-events:none;z-index:1}@media screen and (max-width:767px){.page-works__voice-badge{top:.5rem;left:.5rem;width:2rem;height:2rem}}.works-filter{margin-bottom:3.12rem}.works-filter__search{margin-bottom:1.5rem;display:flex;justify-content:flex-end}.works-filter__input{width:32%;height:3rem;padding:0 2.5rem 0 1.2rem;font-size:var(--fs-sm);border:1px solid #24292f;background:#fff url(/img/common/forms/search.svg) no-repeat right .75rem center;background-size:1.125rem;outline:none;transition:border-color .2s;appearance:none;border-radius:0;font-weight:300}.works-filter__input:focus{border-color:#24292f}.works-filter__input::placeholder{color:#aaa}.works-filter__row{display:flex;align-items:baseline;gap:0;padding:1rem 0}.works-filter__label{flex-shrink:0;display:inline-flex;align-items:center;font-size:var(--fs-xs);color:#57606a;letter-spacing:.05em;margin-right:1.5rem;white-space:nowrap;background:transparent;border:0;padding:0;font-family:inherit;cursor:default}.works-filter__arrow{display:none}.works-filter__label-icon{display:inline-block;width:.875rem;height:.875rem;vertical-align:middle;margin-right:.375rem}.works-filter__cats{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:0}.works-filter__cats li{margin-right:1.5rem;margin-bottom:.5rem}.works-filter__btn{cursor:pointer;font-size:var(--fs-xs);letter-spacing:.05em;border:0;background:transparent;color:#24292f;white-space:nowrap;text-decoration:underline;text-underline-offset:3px;transition:color .2s,background .2s;font-weight:400}.works-filter__btn:hover:not(.is-active){color:#5b6879}.works-filter__btn.is-active{color:#b16044;text-decoration:none}.works-empty{text-align:center;font-size:var(--fs-sm);padding:5rem 0}.works-pagination{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:3.75rem}.works-pagination__btn{display:flex;align-items:center;justify-content:center;margin:0 .25rem;padding:0;width:2.5rem;height:2.5rem;font-size:var(--fs-sm);font-weight:400;letter-spacing:-.025em;line-height:1;background:transparent;border:0;color:#24292f;cursor:pointer;transition:opacity .3s}.works-pagination__btn:hover:not(.is-current):not(.is-disabled){opacity:.45}.works-pagination__btn.is-current{border-radius:50%;background:#24292f;color:#fff;cursor:default}.works-pagination__btn--arrow{margin:0 .375rem;font-size:0}.works-pagination__btn--arrow img{display:block;width:1.5rem;height:1.5rem}@media screen and (max-width:767px){.page-works__list{grid-template-columns:repeat(2,1fr);gap:clamp(.75rem,3.0233vw,1.25rem) clamp(.5rem,2.5581vw,1rem)}.works-filter__input{font-size:var(--fs-sm);width:100%}.works-filter__row{flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:0;padding:0}.works-filter__label{width:100%;justify-content:flex-start;margin-right:0;padding:.9rem 1rem;cursor:pointer}.works-filter__arrow{display:block;width:.75rem;height:.75rem;margin-left:auto}.works-filter__cats{flex-wrap:wrap;display:none;padding:0 1rem}.works-filter__cats li{margin-bottom:.85rem}.works-filter__row.is-open .works-filter__arrow{transform:rotate(180deg)}.works-filter__row.is-open .works-filter__cats{display:flex;padding:1rem 0 0}.works-pagination{margin-top:2.5rem}.works-pagination__btn{margin:0 .5rem;font-size:var(--fs-lg)}}