.work-style[data-v-9f5e89ff]{background-color:var(--ec24cfc2);margin:var(--v08e06924);padding:var(--v9dce714a)}@media(max-width:1200px){.work-style[data-v-9f5e89ff]{margin:var(--v7cd90694);padding:var(--v8798502a)}}@media(max-width:480px){.work-style[data-v-9f5e89ff]{margin:var(--v8fe883fc);padding:var(--v314fe386)}}.work-style .navigation[data-v-9f5e89ff]{align-items:center;display:flex;flex-wrap:wrap;gap:var(--v4b518a55);justify-content:center;margin:var(--v1f9f3462)}.work-style .navigation .list[data-v-9f5e89ff]{position:relative}.work-style .navigation .list.active .box[data-v-9f5e89ff],.work-style .navigation .list.active[data-v-9f5e89ff]:after,.work-style .navigation .list.active[data-v-9f5e89ff]:before,.work-style .navigation .list:hover .box[data-v-9f5e89ff],.work-style .navigation .list[data-v-9f5e89ff]:hover:after,.work-style .navigation .list[data-v-9f5e89ff]:hover:before{background-color:var(--v72e75fe2);border-color:var(--v5c31d6a0)}.work-style .navigation .list.active .box[data-v-9f5e89ff],.work-style .navigation .list:hover .box[data-v-9f5e89ff]{color:var(--v5c31d6a0)}.work-style .navigation .list .box[data-v-9f5e89ff]{background-color:var(--v3830a858);border:var(--v439f5766);border-radius:var(--ff570182);color:var(--v863371bc);display:block;font-weight:var(--v51be6b48);padding:var(--v986f3fe0);transform:skew(-20deg);transition:unset}@media(max-width:480px){.work-style .navigation .list .box[data-v-9f5e89ff]{padding:5px 15px;transform:skew(0)}}.work-style .navigation .list .box p[data-v-9f5e89ff]{transform:skew(20deg)}@media(max-width:480px){.work-style .navigation .list .box p[data-v-9f5e89ff]{transform:skew(0)}}.work-style .navigation .first[data-v-9f5e89ff]:before{border-bottom:var(--v439f5766);border-bottom-left-radius:var(--ff570182);border-left:var(--v439f5766);border-top:var(--v439f5766);border-top-left-radius:var(--ff570182);left:-10px;z-index:1}.work-style .navigation .first[data-v-9f5e89ff]:before,.work-style .navigation .last[data-v-9f5e89ff]:after{background-color:var(--v3830a858);bottom:0;content:"";font-size:16px;font-weight:var(--v51be6b48);padding:20px;position:absolute;top:0}.work-style .navigation .last[data-v-9f5e89ff]:after{border-bottom:var(--v439f5766);border-bottom-right-radius:var(--ff570182);border-right:var(--v439f5766);border-top:var(--v439f5766);border-top-right-radius:var(--ff570182);right:-10px}@media(max-width:480px){.work-style .navigation .first[data-v-9f5e89ff]:after,.work-style .navigation .first[data-v-9f5e89ff]:before,.work-style .navigation .last[data-v-9f5e89ff]:after,.work-style .navigation .last[data-v-9f5e89ff]:before{display:none}}.work-style .overlay[data-v-9f5e89ff]{background-color:var(--v63788bb0);inset:0;position:absolute;z-index:var(--v7d2b04a6)}.work-style .banner-box[data-v-9f5e89ff],.work-style .overlay[data-v-9f5e89ff]{border-radius:var(--v5fb29f40)}.work-style .banner-box[data-v-9f5e89ff]{background-repeat:no-repeat;background-size:cover;height:var(--v6e2361ae);position:relative;width:100%}.work-style .banner-box .content[data-v-9f5e89ff]{animation-duration:2s;animation-fill-mode:forwards;animation-name:fadeToTop-9f5e89ff;height:100%;width:100%}.work-style .banner-box .content .title-box[data-v-9f5e89ff]{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.work-style .banner-box .content .title-box .big-title[data-v-9f5e89ff]{color:var(--v24e5c32f);font-weight:var(--v7f89214a);letter-spacing:var(--v1d4eedee);text-align:var(--a6bc3122);text-shadow:var(--v59b24061);z-index:1}.work-style .banner-box .content .title-box .small-title[data-v-9f5e89ff]{color:var(--v2560f551);font-weight:var(--v60f44279);letter-spacing:var(--v5598792b);margin-top:var(--v4222dbb5);text-align:var(--v4d5aba8d);text-shadow:var(--v0b29d902);width:var(--v2677f3b4);z-index:1}@keyframes fadeToTop-9f5e89ff{0%{opacity:0;transform:translateY(300px)}to{opacity:1;transform:translateY(0)}}