.loader-bg{width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:10001;background:var(--gradient-nav);display:flex;justify-content:center;align-items:center}.loader>div{background-color:#fff;width:12px;height:12px;border-radius:100%;margin:1px;animation-fill-mode:both;display:inline-block}.loader>div:nth-child(1){animation:ball-pulse-sync .6s -.14s infinite ease-in-out}.loader>div:nth-child(2){animation:ball-pulse-sync .6s -.07s infinite ease-in-out}.loader>div:nth-child(3){animation:ball-pulse-sync .6s 0s infinite ease-in-out}@keyframes ball-pulse-sync{33%{transform:translateY(10px)}66%{transform:translateY(-10px)}to{transform:translateY(0)}}.worksPage-head{margin-bottom:90px}@media(max-width:767px){.worksPage-head{margin-bottom:50px}}.worksPage-head .worksPage-head-ttl{line-height:1.4666;font-size:2.5em;letter-spacing:.03em;color:#0d0d0d;position:relative;z-index:2;font-weight:600;margin-bottom:24px}.worksPage-head .worksPage-head-y,.worksPage-head .worksPage-head-cat{display:flex;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;gap:20px}@media(max-width:767px){.worksPage-head .worksPage-head-y,.worksPage-head .worksPage-head-cat{gap:8px 4px}}.worksPage-head .worksPage-head-cat{margin-top:24px}@media(max-width:767px){.worksPage-head .worksPage-head-cat{margin-top:12px}}.worksPage-sort-btn>li{background-image:linear-gradient(#fff,#fff);background-repeat:no-repeat;background-position:0% 100%;background-size:0% 100%;transition:all .3s;padding:0 10px}@media(max-width:767px){.worksPage-sort-btn>li{padding:0 8px;font-size:.9em}}.worksPage-sort-btn>li:hover,.worksPage-sort-btn>li.active{background-size:100% 100%;font-weight:600}@media(any-hover:hover){.worksPage-sort-btn>li:hover{cursor:pointer}}.worksPage{width:100%;max-width:1020px;margin:0 auto;padding:120px 12px 70px;min-height:120vh}@media(max-width:767px){.worksPage{padding:70px 24px}}.worksPage .worksPage-ttl{font-size:1.5em;font-weight:600;margin-bottom:12px;letter-spacing:.1em;line-height:1.53;margin-top:10px}@media(max-width:767px){.worksPage .worksPage-ttl{font-size:1.2em}}.worksPage .worksPage-list{position:relative}.worksPage .worksPage-list .worksPage-item-inner{display:grid;gap:40px;grid-template-columns:60% 1fr;align-items:flex-start;min-height:-moz-fit-content;min-height:fit-content}@media(max-width:767px){.worksPage .worksPage-list .worksPage-item-inner{gap:20px;grid-template-columns:1fr}}.worksPage .worksPage-list .worksPage-item{margin-bottom:80px;position:absolute;min-height:-moz-fit-content;min-height:fit-content;width:100%}.worksPage .worksPage-thumbs{display:grid;gap:10px;grid-template-columns:70% 1fr;align-items:flex-start}.worksPage .worksPage-thumbs .worksPage-thumbs-item{background-color:#fff;border-radius:16px;overflow:hidden;border:2px solid #0d0d0d;position:relative}@media(max-width:767px){.worksPage .worksPage-thumbs .worksPage-thumbs-item{border-radius:8px}}.worksPage .worksPage-thumbs .worksPage-thumbs-item:before{content:"";width:100%;display:block;padding-top:60.9375%}.worksPage .worksPage-thumbs .worksPage-thumbs-item.worksPage-thumbs-item--sp:before{padding-top:216.40625%}.worksPage .worksPage-thumbs .worksPage-thumbs-item>img{position:absolute;width:100%;height:100%;top:0;left:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top}.worksPage .worksPage-item-cnt{height:100%;display:flex;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;flex-direction:column}@media(max-width:767px){.worksPage .worksPage-item-cnt{height:auto}}.worksPage .worksPage-detail{display:grid;gap:7px 6px;grid-template-columns:40% 1fr;width:100%}@media(max-width:767px){.worksPage .worksPage-detail{grid-template-columns:30% 1fr}}.worksPage .worksPage-detail>dt{font-weight:600}@media(max-width:767px){.worksPage .worksPage-detail>dt{font-size:.8em}}.worksPage .worksPage-detail>dd{font-size:.9em}@media(max-width:767px){.worksPage .worksPage-detail>dd{font-size:.8em}}.worksPage .worksPage-detail .worksPage-detail-url>a{padding-bottom:3px;background-image:linear-gradient(var(--color-accent),var(--color-accent));background-repeat:no-repeat;background-position:0 100%;background-size:100% 1px;transition:background-size .3s;word-break:break-all}@media(any-hover:hover){.worksPage .worksPage-detail .worksPage-detail-url>a:hover{background-position:100% 100%;background-size:100% 100%;color:#0d0d0d}}.worksPage .worksPage-detail-btn{width:100%;background-color:#fff;display:block;border-radius:4px;padding:12px 0;font-weight:600;letter-spacing:.08em;margin-top:auto;transition:all .5s;color:#0d0d0d}@media(max-width:767px){.worksPage .worksPage-detail-btn{margin-top:24px}}@media(any-hover:hover){.worksPage .worksPage-detail-btn:hover{background-color:var(--color-accent)}}.worksPage .worksPage-item-comment{margin-top:.8em;width:100%;border-top:2px solid #fff;padding-top:.8em}.worksPage .worksPage-item-comment>h5{font-weight:600}.worksPage .worksPage-detail-scope{display:flex;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap}.worksPage .worksPage-detail-scope li:not(:last-child):after{content:"/";display:inline-block;margin:0 .1em}.worksPage .tag{background:var(--color-primary);color:#fff;line-height:1;padding:5px 10px;font-size:.8em}.worksPage .tag.logo,.worksPage .tag.graphic{background-color:var(--color-accent);color:#0d0d0d}.work-pagination{display:flex;align-items:center;justify-content:center;gap:32px;margin:-40px auto 80px}.work-pagination .pag-btn{background:none;border:none;padding:8px 16px;cursor:pointer;font-size:20px;font-family:inherit;opacity:.5;transition:opacity .2s}.work-pagination .pag-btn:hover{opacity:1}.work-pagination .pag-btn:disabled{opacity:.2;cursor:default}.work-pagination .pag-info{font-size:13px;letter-spacing:.05em}