@keyframes fade-slide-up{0%{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:translateY(0)}}.work .work-list{background-color:#dcf3fe;padding-top:6.25rem;padding-bottom:13.75rem;position:relative}@media screen and (max-width:768px){.work .work-list{padding-top:3.125rem;padding-bottom:18.75rem}}.work .work-list:before{content:"";z-index:0;background-image:url(/images/work/gallery_bg.webp);background-position:top;background-repeat:repeat-y;background-size:100%;width:100%;height:calc(100% - 31.25rem);position:absolute;top:31.25rem;left:0}@media screen and (max-width:768px){.work .work-list:before{background-image:url(/images/work/work_bg_sp.webp);height:calc(100% - 18.75rem);top:18.75rem}}.work .work-list__inner{z-index:1;position:relative}.work .work-list__grid{flex-wrap:wrap;gap:2.8125rem;margin-bottom:7.5rem;display:flex}@media screen and (max-width:768px){.work .work-list__grid{gap:1.875rem 1.25rem;margin-bottom:3.75rem}}.work .work-list__empty{color:#666;text-align:center;padding:5rem 0;font-size:1rem}.work .work-item{width:calc(33.3333% - 1.875rem);margin-bottom:6.25rem}@media screen and (max-width:768px){.work .work-item{width:100%;margin-bottom:0}}.work .work-item--animate{animation:.3s both fade-slide-up}.work .work-item__img{margin-bottom:1.75rem}@media screen and (max-width:768px){.work .work-item__img{margin-bottom:1rem}}.work .work-item__img img{border-radius:.9375rem;width:100%;height:auto}@media screen and (max-width:768px){.work .work-item__img img{border-radius:.625rem}}.work .work-item__number{letter-spacing:.08em;margin-bottom:1.375rem;font-size:.875rem;font-weight:500}@media screen and (max-width:768px){.work .work-item__number{margin-bottom:.625rem;font-size:.75rem}}.work .work-item__title{margin-bottom:1.375rem;font-size:1.25rem;font-weight:700;line-height:1.5}@media screen and (max-width:768px){.work .work-item__title{margin-bottom:.625rem;font-size:.875rem}}.work .work-item__tags{flex-wrap:wrap;gap:.5rem;margin-bottom:1.375rem;display:flex}@media screen and (max-width:768px){.work .work-item__tags{gap:.25rem;margin-bottom:.75rem}}.work .work-item__tag{letter-spacing:.08em;font-size:.875rem;font-weight:500}@media screen and (max-width:768px){.work .work-item__tag{font-size:.75rem}}.work .work-item__btn{justify-content:flex-end;display:flex}@media screen and (max-width:768px){.work .work-item__btn .btn{text-align:center;width:100%;max-width:100%}}.work .view-more{cursor:pointer;background-color:#53ccff;border:none;border-radius:.3125rem;justify-content:center;align-items:center;width:16.4375rem;height:4.125rem;margin:0 auto 7.5rem;text-decoration:none;transition:opacity .2s;display:flex}@media screen and (max-width:768px){.work .view-more{width:100%;margin-bottom:3.75rem}}@media (any-hover:hover){.work .view-more:hover{opacity:.8}}.work .view-more:focus-visible{opacity:.8}.work .view-more .en{color:#fff;padding-left:1.875rem;font-size:1.25rem;font-weight:500;position:relative}.work .view-more .en:before{content:"";background:url(/icons/work/view_more.png) 50%/contain no-repeat;width:1.1875rem;height:1.25rem;display:block;position:absolute;top:50%;left:0;transform:translateY(-50%)}
.tag-filter{width:fit-content;margin:0 auto 7.5rem;display:block;position:relative}@media screen and (max-width:768px){.tag-filter{margin-bottom:3.75rem}}.tag-filter__trigger{cursor:pointer;box-sizing:border-box;background-color:#ff911b;border:.125rem solid #0000;border-radius:.3125rem;justify-content:center;align-items:center;width:16.4375rem;height:4.125rem;transition:background-color .2s,border-color .2s,color .2s;display:flex}@media (any-hover:hover){.tag-filter__trigger:hover:hover{color:#ff911b;background-color:#fff;border-color:#ff911b;transition-delay:0s}.tag-filter__trigger:hover:hover span,.tag-filter__trigger:hover:hover .en{color:#ff911b}}.tag-filter__trigger:focus-visible:focus-visible{color:#ff911b;background-color:#fff;border-color:#ff911b;transition-delay:0s}.tag-filter__trigger:focus-visible:focus-visible span,.tag-filter__trigger:focus-visible:focus-visible .en{color:#ff911b}@media (any-hover:hover){.tag-filter__trigger:hover:hover .en:before{background-color:#ff911b}}.tag-filter__trigger:focus-visible:focus-visible .en:before{background-color:#ff911b}.tag-filter__trigger .en{color:#fff;padding-right:1.875rem;font-size:1.25rem;font-weight:500;position:relative}.tag-filter__trigger .en:before{content:"";background-color:#fff;width:1.1875rem;height:1.25rem;transition:background-color .2s;display:block;position:absolute;top:50%;right:0;transform:translateY(-50%);-webkit-mask:url(/icons/work/search_icon.svg) 50%/contain no-repeat;mask:url(/icons/work/search_icon.svg) 50%/contain no-repeat}.tag-filter__dropdown{z-index:100;background-color:#fff;border:.125rem solid #434343;border-radius:1rem;flex-wrap:wrap;gap:.5rem;min-width:20rem;padding:.75rem;display:flex;position:absolute;top:calc(100% + .5rem);left:0;box-shadow:0 .25rem 1rem #0000001a}.tag-filter__btn{letter-spacing:.04em;color:#434343;cursor:pointer;background-color:#fff;border:.125rem solid #434343;border-radius:6.25rem;padding:.375rem 1rem;font-size:.875rem;font-weight:700;transition:background-color .2s,color .2s}@media (any-hover:hover){.tag-filter__btn:hover{color:#fff;background-color:#434343}}.tag-filter__btn:focus-visible,.tag-filter__btn--active{color:#fff;background-color:#434343}