:root{--page-id:job}@layer pages{.job-overview{-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;gap:6rem;display:-webkit-flex;display:flex}.job-overview_title{color:#fff;text-align:center;width:25rem;padding:.8em;font-size:3.1rem;font-weight:400;line-height:1}.job-overview_textbox{width:75.2rem;max-width:100%}@media screen and (max-width:1024px) and (orientation:portrait){.job-overview{-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;gap:4rem;padding:0 3rem}.job-overview_title{width:25rem;font-size:2.4rem}}.job-sec01{-webkit-justify-content:flex-end;justify-content:flex-end;gap:5rem;display:-webkit-flex;display:flex}.job-sec01_imgbox{width:50%}.job-sec01_img{width:100%;height:100%;max-height:100dvh;display:-webkit-flex;display:flex;position:-webkit-sticky;position:sticky;top:0;left:0}.job-sec01_img img{-o-object-fit:cover;object-fit:cover;width:100%!important;height:100%!important}.job-sec01_img img.is-top{-o-object-position:50% 0;object-position:50% 0}.job-sec01_textbox{z-index:2;width:55rem;max-width:100%;position:relative}.job-sec01_textbox.is-box1{padding:8rem 0}@media screen and (max-width:1024px) and (orientation:portrait){.job-sec01{-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;gap:0;padding:0}.job-sec01_imgbox{width:100%}.job-sec01_img{width:100dvw}.job-sec01_textbox{padding:0 3rem}.job-sec01_textbox.is-box1{padding:6rem 3rem}}.job-hashList{-webkit-flex-wrap:wrap;flex-wrap:wrap;gap:1.9rem;margin-top:4.5rem;display:-webkit-flex;display:flex}.job-hashList svg{width:-webkit-fit-content;width:fit-content;min-height:4.5rem}@media screen and (max-width:1024px) and (orientation:portrait){.job-hashList{gap:1rem;margin-top:3rem}.job-hashList svg{min-height:4rem}}.job-list{padding-bottom:13rem}.job-list li:nth-of-type(n+2){border-top:max(.1rem,1px) solid;margin-top:2.7em;padding-top:2.7em}.job-list_title{color:var(--kc04);-webkit-align-items:center;align-items:center;margin-bottom:1em;padding-left:.7em;font-size:1.5em;font-weight:500;line-height:1.4;display:-webkit-flex;display:flex;position:relative}.job-list_title:before{content:"";aspect-ratio:1;-webkit-clip-path:polygon(0 0,25% 0,25% 75%,100% 75%,100% 100%,0 100%);clip-path:polygon(0 0,25% 0,25% 75%,100% 75%,100% 100%,0 100%);border:max(.1rem,1px) solid #006ec8;width:1.20833em;position:absolute;top:50%;left:0;-webkit-transform:translate(20%,-50%)rotate(45deg);transform:translate(20%,-50%)rotate(45deg)}.job-list_title span{margin-right:.5em;font-size:.833333em;font-weight:400}@media screen and (max-width:1024px) and (orientation:portrait){.job-list{padding-bottom:6rem}.job-list_title{font-size:1.125em}}.job-recommend{z-index:2;border-radius:2rem;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;justify-content:center;-webkit-align-items:flex-end;align-items:flex-end;gap:3rem 5rem;width:89rem;margin:10rem auto 0;padding:4.5rem 5rem 1rem;display:-webkit-flex;display:flex;position:relative}.job-recommend:before{content:"";width:-webkit-calc(100% - 2rem);width:calc(100% - 2rem);height:-webkit-calc(100% - 2rem);z-index:-1;background:#f7f8f0;border-radius:1.5rem;height:calc(100% - 2rem);position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.job-recommend_title{text-align:center;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;gap:.8em;width:100%;font-size:2rem;font-weight:700;display:-webkit-flex;display:flex}.job-recommend_title span{color:#fff;background:var(--kc04);border-radius:3em;padding:.3em 1em;font-size:1.8em;line-height:1.2}.job-recommend_imgbox{width:34.5rem}.job-recommend_textbox{width:39.2rem;padding-bottom:5.5rem}.job-recommend_textbox img{margin-bottom:4.5rem}.job-recommend_textbox p{margin-left:2rem;margin-right:2rem}@media screen and (max-width:1024px) and (orientation:portrait){.job-recommend{border-radius:1rem;gap:3rem 5rem;width:100%;margin:8rem auto 0;padding:5rem 3rem .5rem}.job-recommend:before{width:-webkit-calc(100% - 1rem);width:calc(100% - 1rem);height:-webkit-calc(100% - 1rem);border-radius:.7rem;height:calc(100% - 1rem)}.job-recommend_title{-webkit-order:1;order:1;margin-bottom:1.5em;font-size:1.8rem}.job-recommend_title span{padding:.8em 1em;font-size:1em}.job-recommend_imgbox{-webkit-order:3;order:3;width:70%}.job-recommend_textbox{-webkit-order:2;order:2;width:100%;padding-bottom:0}.job-recommend_textbox p{margin-left:0;margin-right:0}}.job-list2 .swiper-slide{height:auto!important}@media screen and (min-width:1025px),screen and (min-width:480px) and (orientation:landscape){.job-list2{-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;justify-content:center;gap:5rem 2rem;margin-top:5rem;display:-webkit-flex;display:flex}.job-list2 .swiper-slide{min-height:100%;width:-webkit-calc((100% - 6rem) / 4)!important;width:calc(25% - 1.5rem)!important}}@media screen and (max-width:1024px) and (orientation:portrait){.job-list2{margin-top:4rem}.job-slider1{padding:0 2rem}}.job-card{-webkit-perspective:1000px;perspective:1000px;min-height:100%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;grid-template:"a"1fr/1fr;grid-auto-columns:1fr;grid-auto-flow:column dense;gap:0;padding-top:6.6rem;display:grid;position:relative}.job-card_titlebox,.job-card_textbox{border:solid .4rem var(--cardColor);-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#fff;border-radius:2rem;grid-area:a;width:100%;min-height:100%;padding:3rem 1.8rem;transition:-webkit-transform .4s linear,transform .4s linear;position:relative}.job-card_icon{fill:var(--cardColor);aspect-ratio:1;border:inherit;background:#fff;border-radius:100%;width:10rem;position:absolute;top:0;left:50%;-webkit-transform:translate(-50%,-66%);transform:translate(-50%,-66%)}.job-card_titlebox{-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;padding-top:4rem;padding-bottom:6rem;display:-webkit-flex;display:flex;-webkit-transform:none;transform:none}.job-card_textbox{color:#fff;background:var(--cardColor);z-index:-1;padding-top:6rem;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.job-card:hover .job-card_titlebox,.job-card:focus .job-card_titlebox{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.job-card:hover .job-card_textbox,.job-card:focus .job-card_textbox{-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}.job-card.is-n1{--cardColor:#f48f68}.job-card.is-n2{--cardColor:#8abb6c}.job-card.is-n3{--cardColor:#ffc85c}.job-card.is-n4{--cardColor:#ffaab8}.job-card.is-n5{--cardColor:#56b6c6}.job-card.is-n6{--cardColor:#ff8383}.job-card.is-n7{--cardColor:#e491c9}.job-card_title{text-align:center;font-size:1.875em;line-height:1.8}.job-card_btn{background:var(--cardColor);color:#fff;border-radius:1.5rem 0;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;gap:1rem;padding:1rem 2rem;font-size:1rem;font-weight:500;line-height:1;display:-webkit-flex;display:flex;position:absolute;bottom:0;right:0}.job-card_btn:before{content:"";background:var(--icon04) 50% 50%/contain no-repeat;width:1.2em;height:1.4em}@media screen and (max-width:1024px) and (orientation:portrait){.job-card_title{font-size:1.5em}.job-card_btn{font-size:1.4rem}}}