body{>.layer{>header{align-items:start;background-color:var(--background-clear);display:grid;gap:0;grid-template-columns:100%;height:100%;inset:0 0 auto 0;justify-content:center;margin:0;padding:0;pointer-events:none;position:fixed;transition:.2s;width:100%;z-index:1000;@media (max-width:1023px){padding-bottom:0;padding-left:0;padding-right:0;padding-top:0}&.hidden{top:calc((var(--height-header) + 4rem)*-1)}&.active{>.layer{background-color:var(--background-white);box-shadow:0 0 .8rem var(--shadow-black);>.main-navigation{>.object{>h1{>a{>svg{.cls-1{fill:#09f}.cls-3{fill:#4b4948}}}}>.layer{>.sp-menu-button{>.layer{>span{background:var(--background-black)}}}}>nav{>ul{>li{>a{color:var(--text-black);&:hover{color:var(--text-blue)}}&.sub-navigation-item{>a{&:after{background-color:var(--background-clear)}}}}}}}}}}&.sub-navigation-active{background-color:var(--background-clearblack);height:100%;>.layer{background-color:var(--background-white);border-radius:0;>.main-navigation{>.object{>h1{>a{>svg{.cls-1{fill:#09f}.cls-3{fill:#4b4948}}}}>nav{>ul{>li{>a{color:var(--text-black);&:hover{color:var(--text-blue)}}&.sub-navigation-item{>a{&:after{background-color:var(--background-clear);inset:auto 0 -2.2rem 0}}}}}}}}>.sub-navigation{pointer-events:auto;>.object{&.active{opacity:1;pointer-events:auto;position:relative;visibility:visible;z-index:0}>nav{>ul{>li{>a{color:var(--text-black);>ul{>li{>a{color:var(--text-black)}}}}}}}}}}}>.layer{align-items:center;background-color:var(--background-white);border-radius:0;box-shadow:0 0 .8rem var(--shadow-black);display:grid;gap:0;grid-template-columns:100%;height:auto;justify-content:center;margin:0;max-width:100%;overflow:hidden;padding:0;pointer-events:auto;transition:.2s;width:100%;@media (max-width:1023px){border-radius:0}>.main-navigation{align-items:center;background-color:var(--background-white);border-top:1rem solid var(--border-black);display:flex;flex-flow:column wrap;gap:0;height:auto;justify-content:center;margin:0;min-height:var(--height-header);overflow:hidden;padding:2rem 3rem;transition:.3s ease;width:100%;@media (max-width:1365px){padding-bottom:2rem;padding-left:3rem;padding-right:3rem;padding-top:2rem}@media (max-width:1023px){height:100%;padding-bottom:0;padding-left:2rem;padding-right:0;padding-top:0}&.active{>.object{>h1{>a{>svg{.cls-1{fill:#09f}.cls-3{fill:#4b4948}}}}>.layer{>.sp-menu-button{>.layer{>span{&:first-child{transform:translateY(.5rem) rotate(-45deg)}&:first-child,&:last-child{background:var(--background-black);width:2.5rem}&:last-child{transform:translateY(-.5rem) rotate(45deg)}}}}}>nav.sp-navigation{display:grid;margin:0;opacity:1;padding:0;visibility:visible}}}>.object{align-items:center;display:grid;gap:2rem;grid-template-columns:repeat(3,auto);height:100%;justify-content:space-between;margin:0;max-width:128rem;padding:0;width:100%;@media (max-width:1023px){display:flex;flex-flow:row wrap;gap:0}>h1{align-items:center;display:grid;gap:0;grid-template-columns:auto;height:auto;justify-content:center;margin:0;padding:0;width:-moz-fit-content;width:fit-content;>a{display:inline-flex;height:auto;margin:0;padding:0;width:100%;>svg{height:auto;margin:0;max-height:4rem;max-width:10rem;padding:0;width:100%;@media (max-width:1365px){max-height:3.6rem}@media (max-width:1023px){max-height:3rem}.cls-1,.cls-3{transition:.2s}.cls-1{fill:#09f}.cls-3{fill:#4b4948}}}}>nav{height:auto;margin:0;padding:0;width:100%;@media (max-width:1023px){align-items:stretch;background-color:var(--background-offgray);display:grid;gap:0;grid-template-columns:100%;height:auto;inset:var(--height-header) 0 0 0;justify-content:start;max-height:0;opacity:0;overflow-x:hidden;overflow-y:scroll;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;position:absolute;transition:.3s ease;visibility:hidden;width:100%}>ul{align-items:center;display:flex;flex-flow:row wrap;gap:3.5rem;height:100%;justify-content:center;margin:0;padding:0;width:-moz-fit-content;width:fit-content;@media (max-width:1365px){gap:2.5rem}@media (max-width:1023px){align-items:stretch;display:flex;flex-flow:column wrap;gap:0;justify-content:start;width:100%}>li{align-items:center;display:grid;gap:0;grid-template-columns:100%;height:auto;justify-content:center;margin:0;padding:0;position:relative;width:auto;z-index:0;@media (max-width:1023px){width:100%}&.hidden{display:none}&.sub-navigation-item{>a{position:relative;z-index:0;&:after{background-color:var(--background-white);background-image:url(/wp-content/themes/co_service-site/assets/dist/images/icon/arrow-bottom_black.svg);background-position:50%;background-repeat:no-repeat;background-size:2rem;content:"";height:2rem;inset:auto 0 -2rem 0;margin:0;padding:0;position:absolute;transition:.2s;width:100%;z-index:-10;@media (max-width:1023px){display:none}}&:hover{&:after{inset:auto 0 -2.2rem 0}}}}>a{align-items:center;display:flex;flex-flow:column wrap;gap:.5rem;height:auto;justify-content:center;margin:0;padding:0;width:100%;@media (max-width:1023px){background-color:var(--background-offgray);border-bottom-color:var(--border-offgray);border-bottom-style:solid;border-bottom-width:1px;padding-bottom:1.5rem;padding-left:3rem;padding-right:3rem;padding-top:1.5rem}&:hover{opacity:.8}>p{align-items:center;color:var(--text-black);display:flex;flex-flow:row wrap;gap:0;height:auto;justify-content:center;line-height:1;margin:0;padding:0;text-align:center;transition:.2s;width:100%;@media (max-width:1023px){justify-content:start}&:first-child{font-size:1.6rem;font-weight:700}&:last-child{font-size:1.2rem;font-weight:600}}}&.sub-menu-service{&:after{background-image:url(/wp-content/themes/co_service-site/assets/dist/images/icon/plus_black.svg);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;content:"";display:none;height:2rem;inset:2rem 3rem auto auto;margin:0;padding:0;position:absolute;transform:rotate(0deg);transition:.2s;width:2rem;z-index:10;@media (max-width:1023px){display:block}}>ul.sub-menu{height:0;overflow:hidden;transition:height .3s ease}&.active{&:after{background-image:url(/wp-content/themes/co_service-site/assets/dist/images/icon/minus_black.svg);transform:rotate(1turn)}}}>ul.sub-menu{align-items:center;display:none;gap:0;grid-template-columns:100%;height:auto;justify-content:center;margin:0;padding:0;width:100%;@media (max-width:1023px){display:grid}>li{align-items:center;display:flex;flex-flow:column wrap;gap:0;height:auto;justify-content:center;margin:0;padding:0;width:100%;>a{align-items:center;background-color:#f3f3f3f7;border-bottom:1px solid var(--border-offgray);display:flex;flex-flow:column wrap;gap:0;height:auto;justify-content:center;margin:0;padding:1.5rem 3rem 1.5rem 4rem;width:100%;&:hover{opacity:.8}>p{align-items:center;color:var(--text-black);display:flex;flex-flow:row wrap;font-size:1.4rem;font-weight:600;gap:0;height:auto;justify-content:start;line-height:1;margin:0;padding:0;text-align:center;transition:.2s;width:100%;&.english{display:none}}}>ul.sub-menu{align-items:center;display:flex;flex-flow:column wrap;gap:0;height:auto;justify-content:center;margin:0;padding:0;width:100%;>li{align-items:center;display:flex;flex-flow:column wrap;gap:0;height:auto;justify-content:center;margin:0;padding:0;width:100%;>a{align-items:center;background-color:var(--background-white);border-bottom:1px solid var(--border-offgray);display:grid;gap:.5rem;grid-template-columns:auto auto;height:auto;justify-content:space-between;margin:0;padding:1.5rem 3rem 1.5rem 5rem;width:100%;&:hover{opacity:.8}&:after{background-image:url(/wp-content/themes/co_service-site/assets/dist/images/icon/arrow-right_black.svg);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;content:"";display:block;height:2rem;margin:0;padding:0;transition:.2s;width:2rem}>p{align-items:center;color:var(--text-black);display:flex;flex-flow:row wrap;font-size:1.4rem;font-weight:500;gap:0;height:auto;justify-content:start;line-height:1;margin:0;padding:0;text-align:center;transition:.2s;width:100%;&.english{display:none}}}}}}}}}}>.layer{align-items:center;display:grid;gap:0;grid-template-columns:repeat(2,auto);height:100%;justify-content:center;margin:0;padding:0;width:auto;>.sp-menu-button{align-items:center;display:none;flex-flow:column wrap;gap:0;height:100%;justify-content:center;margin:0;padding:0;width:7rem;@media (max-width:1023px){display:flex;order:3}>.layer{cursor:pointer;height:3rem;margin:0;padding:0;position:relative;width:2.9rem;>span{background:var(--background-black);border-radius:.2rem;display:inline-block;height:.2rem;position:absolute;right:0;transition:.3s ease-in-out;width:2.9rem;&:first-child{top:1rem}&:last-child{top:2rem;width:2rem}}}}>.buttons{align-items:center;display:grid;gap:1.6rem;grid-template-columns:repeat(2,1fr);height:auto;justify-content:center;margin:0;padding:0;width:-moz-fit-content;width:fit-content;@media (max-width:1023px){gap:0;height:100%;order:2}>.button{align-items:center;display:flex;flex-flow:column wrap;gap:0;height:auto;justify-content:center;margin:0;padding:0;width:100%;@media (max-width:1023px){height:100%}>a{align-items:center;border-radius:1rem;color:var(--text-white);display:flex;flex-flow:row wrap;font-size:1.4rem;font-weight:500;gap:.5rem;height:auto;justify-content:center;margin:0;padding:1.2rem 2rem;text-align:center;transition:.2s;width:100%;@media (max-width:1023px){border-radius:0;flex-flow:column wrap;font-size:.8rem;gap:0;height:100%;padding-bottom:1rem;padding-left:1rem;padding-right:1rem;padding-top:1rem;width:7rem}&:hover{opacity:.8}&:before{background-position:50%;background-repeat:no-repeat;background-size:100% 100%;content:"";height:2.5rem;margin:0;padding:0;transition:.2s;width:2.5rem;@media (max-width:1023px){height:3rem;width:3rem}}&.material{background-color:var(--background-orange);&:before{background-image:url(/wp-content/themes/co_service-site/assets/dist/images/icon/material_white.svg)}}&.contact{background-color:var(--background-blue);&:before{background-image:url(/wp-content/themes/co_service-site/assets/dist/images/icon/mail_white.svg)}}}}}}}}>.sub-navigation{align-items:stretch;background-color:var(--background-gray);display:grid;gap:0;grid-template-columns:100%;height:0;justify-content:space-between;margin:0;max-width:100%;overflow:hidden;padding:0;pointer-events:none;position:relative;transition:height .3s cubic-bezier(.23,1,.58,1);width:100%;z-index:0;@media (max-width:1023px){display:none}>.object{align-items:center;display:flex;flex-flow:column wrap;gap:0;height:-moz-max-content;height:max-content;inset:0;justify-content:center;margin:0;opacity:0;overflow:hidden;padding:6rem 3rem;pointer-events:none;position:absolute;visibility:hidden;width:100%;z-index:-10;@media (max-width:1365px){gap:4rem}>.layer{align-items:start;display:grid;gap:3rem;grid-template-columns:100%;grid-template-rows:auto 1fr;height:auto;justify-content:start;margin:0;max-width:128rem;padding:0;width:100%;@media (max-width:1365px){gap:3rem;max-height:40rem;overflow-y:scroll;padding-bottom:3rem;padding-left:3rem;padding-right:3rem;padding-top:3rem}>h2{align-items:center;display:grid;gap:2rem;grid-template-columns:auto auto;height:auto;justify-content:start;margin:0;padding:0;width:100%;>span{color:var(--text-black);font-size:2.4rem;font-weight:700;height:auto;line-height:1;margin:0;padding:0;text-align:left;width:100%;@media (max-width:1365px){font-size:3.6rem}}>a{background-color:var(--background-white);background-image:url(/wp-content/themes/co_service-site/assets/dist/images/icon/arrow-right_black.svg);background-position:right 1.2rem top 50%;background-repeat:no-repeat;background-size:1.6rem;border:.1rem solid var(--border-black);border-radius:var(--border-radius-max);color:var(--text-black);display:block;font-size:1.4rem;font-weight:500;height:auto;line-height:1;margin:0;opacity:1;padding:.8rem 3.5rem .8rem 2rem;text-align:left;transition:.2s;width:100%;&:hover{background-position:right 1rem top 50%;opacity:.8}}}>nav{align-items:start;display:grid;gap:0;grid-template-columns:100%;height:auto;justify-content:start;margin:0;padding:0;width:100%;>ul{align-items:stretch;display:grid;gap:4rem;grid-template-columns:repeat(4,1fr);height:auto;justify-content:start;margin:0;padding:0;width:100%;@media (max-width:1365px){grid-template-columns:repeat(3,1fr)}@media (max-width:1023px){grid-template-columns:repeat(2,1fr)}>li{align-items:start;display:flex;flex-flow:column wrap;gap:1rem;height:auto;justify-content:start;margin:0;padding:0;width:auto;&.invalid{>a{cursor:text;pointer-events:none}}>a{color:var(--text-black);display:block;font-size:1.8rem;font-weight:700;height:auto;margin:0;padding:0;text-align:left;transition:.2s;width:auto;&:hover{color:var(--text-blue)}}>ul{align-items:start;display:grid;gap:.6rem;grid-template-columns:auto;height:auto;justify-content:start;margin:0;padding:0;width:auto;>li{align-items:start;display:flex;flex-flow:column wrap;gap:.6rem;height:auto;justify-content:start;margin:0;padding:0;width:auto;&.hidden{display:none}&.external{>a{align-items:center;display:inline-grid;gap:.8rem;grid-template-columns:auto auto;justify-content:center;&:after{background-image:url(/wp-content/themes/co_service-site/assets/dist/images/icon/external-link_black.svg);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;content:"";height:1.6rem;margin:0;padding:0;transition:.2s;width:1.6rem}&:hover{&:after{background-image:url(/wp-content/themes/co_service-site/assets/dist/images/icon/external-link_blue.svg)}}}}>a{align-items:center;color:var(--text-black);display:grid;font-size:1.4rem;font-weight:400;gap:.5rem;grid-template-columns:auto auto;height:auto;justify-content:start;margin:0;padding:0 0 .2rem;position:relative;text-align:center;transform:translateX(0);transition:.2s;width:auto;z-index:0;@media (max-width:1365px){border-bottom:unset;min-height:auto;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0}&:hover{color:var(--text-blue);transform:translateX(.5rem);&:before{background-image:url(/wp-content/themes/co_service-site/assets/dist/images/icon/arrow-right_circle_blue.svg)}&:after{width:100%}}&:before{background-image:url(/wp-content/themes/co_service-site/assets/dist/images/icon/arrow-right_circle_black.svg);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;height:2rem;width:2rem}&:after,&:before{content:"";display:block;margin:0;padding:0;transition:.2s}&:after{background-color:var(--background-blue);height:.1rem;inset:100% 0 0 0;position:absolute;width:0;z-index:-10}}}}}}}}}}}}}}