.p-works{padding:100px 0}@media screen and (max-width: 1080px){.p-works{padding:90px 0}}@media screen and (max-width: 810px){.p-works{padding:80px 0}}@media screen and (max-width: 500px){.p-works{padding:60px 0}}.p-worksSearch{margin:50px auto 0;max-width:660px;width:100%}@media screen and (max-width: 810px){.p-worksSearch{margin:30px auto 0}}@media screen and (max-width: 500px){.p-worksSearch{margin:20px auto 0}}.p-worksSearch__wrap{display:flex;justify-content:center;gap:0 20px}@media screen and (max-width: 810px){.p-worksSearch__wrap{gap:0 15px}}@media screen and (max-width: 650px){.p-worksSearch__wrap{gap:15px 2%}}@media screen and (max-width: 500px){.p-worksSearch__wrap{flex-direction:column;gap:10px 0}}.p-worksSearch__select{position:relative;padding:16px 20px;text-align:left;width:150px;height:50px;color:#fff;font-weight:bold;line-height:1;border:1px solid #005cab;background-color:#005cab;border-radius:3px;cursor:pointer;transition:background-color .3s,color .3s}@media screen and (max-width: 650px){.p-worksSearch__select{width:118px}}@media screen and (max-width: 500px){.p-worksSearch__select{width:100%;font-size:1.3rem}}.p-worksSearch__select:before{content:"";position:absolute;top:50%;transform:translateY(-50%) rotate(135deg);right:24px;width:5px;height:5px;border:1px solid;border-color:#fff #fff rgba(0,0,0,0) rgba(0,0,0,0);transition:border-color .3s}.p-worksSearch__select:hover,.p-worksSearch__select.is-color{color:#005cab;background-color:#fff}.p-worksSearch__select:hover:before,.p-worksSearch__select.is-color:before{border:1px solid;border-color:#005cab #005cab rgba(0,0,0,0) rgba(0,0,0,0)}.p-worksSearch__dropdown{position:absolute;top:130%;left:50%;transform:translateX(-50%);z-index:1000;width:max-content;background:#fff;border:1px solid #ccc;border-radius:8px;padding:10px;box-shadow:0 4px 12px rgba(0,0,0,.1);display:none}@media screen and (max-width: 650px){.p-worksSearch__dropdown{top:120%;left:0;transform:translateX(0%)}}@media screen and (max-width: 500px){.p-worksSearch__dropdown{top:110%;padding:5px}}.p-worksSearch__dropdown.is-active{display:block}.p-worksSearch__item__wrap{position:relative}.p-worksSearch__item input{width:0}.p-worksSearch__item input:checked+.p-worksSearch__label::after{transform:translateY(-50%) rotate(135deg) scale(1)}.p-worksSearch__label{position:relative;border:1px solid rgba(0,0,0,0);transition:border-color .2s;cursor:pointer}.p-worksSearch__label::before{content:"";display:inline-block;margin-right:10px;height:20px;width:20px;border-radius:2px;border:1px solid #e0e0e0;background-color:#ebebeb;flex-shrink:0}@media screen and (max-width: 500px){.p-worksSearch__label::before{height:16px;width:16px}}.p-worksSearch__label::after{content:"";position:absolute;top:25%;left:4px;width:10px;height:5px;border:2px solid;border-color:#222 #222 rgba(0,0,0,0) rgba(0,0,0,0);transform:translateY(-50%) rotate(135deg) scale(0);transition:transform .2s}@media screen and (max-width: 500px){.p-worksSearch__label::after{top:calc(50% - 6px);left:3px}}.p-selectedTags{margin-top:20px;display:flex;flex-wrap:wrap;gap:8px}@media screen and (max-width: 650px){.p-selectedTags{margin-top:15px}}.p-selectedTags .selected-tag{position:relative;color:rgba(34,34,34,.5);font-size:1.2rem;padding:10px 28px 10px 10px;border-radius:3px;border:1px solid rgba(34,34,34,.5);transition:opacity .3s;cursor:pointer}.p-selectedTags .selected-tag:before{content:"×";position:absolute;top:50%;transform:translateY(-50%);right:9px}.p-selectedTags .selected-tag:hover{opacity:.6}.p-worksSearch__buttons{margin-top:40px;display:flex;align-items:center;justify-content:center;gap:0 20px}@media screen and (max-width: 810px){.p-worksSearch__buttons{margin-top:30px;gap:0 15px}}@media screen and (max-width: 500px){.p-worksSearch__buttons{margin-top:20px;flex-direction:column;gap:10px 0}}.p-worksSearch__button{display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.6rem;font-weight:bold;border-radius:100px;width:200px;height:50px;background:linear-gradient(90deg, #036DD0 0%, #22A9FF 100%);transition:opacity .3s;cursor:pointer}@media screen and (max-width: 500px){.p-worksSearch__button{width:100%}}.p-worksSearch__button:hover{opacity:.6}