section.career-top{height:calc(var(--vh, 1vh) * 100 - 0px);margin-bottom:calc(150 / var(--size) * var(--ratio))}@media (max-width:1023px){section.career-top{margin-bottom:0}}section.career-top .inside{background:#F5ACFF;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%}@media (min-width:1024px){section.career-top .inside{-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-transform-origin:top center;transform-origin:top center}}section.career-top .block{width:100vw;height:100vh}section.career-top .block~svg{height:50vh;position:absolute;left:50%;bottom:-7%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:auto;width:initial;z-index:0;margin-left:-2vh;pointer-events:none;margin-bottom:-5%;opacity:0;-webkit-animation:vector 0.5s 1s cubic-bezier(0.4,0.5,0,1) forwards;animation:vector 0.5s 1s cubic-bezier(0.4,0.5,0,1) forwards}section.career-top .block~svg+svg{z-index:3}section.career-top .block~svg g path{stroke:var(--lime)}@media (max-width:767px){section.career-top .block~svg{display:none}}section.career-top .text{color:var(--lime);position:absolute;top:12vh;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:74vh;font-weight:600;font-size:9vh;line-height:85%;letter-spacing:-0.01em;text-align:center;z-index:0;-webkit-animation:career_top_up 1.5s 0.5s cubic-bezier(0.4,0.5,0,1) forwards;animation:career_top_up 1.5s 0.5s cubic-bezier(0.4,0.5,0,1) forwards;-webkit-transform:translateX(-50%) translateY(50%);transform:translateX(-50%) translateY(50%);opacity:0}@media (min-width:1024px){section.career-top .text{top:7vh;font-size:15vh}}section.career-top .text span:not(.space){color:#034638}section.career-top img{height:80vh;position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);display:block;width:auto;width:initial;max-width:auto;max-width:initial;-webkit-animation:images 1s 0.25s cubic-bezier(0.4,0.5,0,1) forwards;animation:images 1s 0.25s cubic-bezier(0.4,0.5,0,1) forwards;opacity:0;z-index:1}@media (max-width:767px){section.career-top img{height:62vh}}section.career-top .gradient{position:absolute;width:100%;height:26%;background:-webkit-gradient(linear,left top,left bottom,from(#034638),to(rgba(3,70,56,0)));background:linear-gradient(180deg,#034638 0%,rgba(3,70,56,0) 100%);-webkit-transform:rotate(-180deg);transform:rotate(-180deg);bottom:-1px;left:0;pointer-events:none;z-index:2}@media (max-width:767px){section.career-top .gradient{height:23.4%}}@-webkit-keyframes career_top_up{0%{-webkit-transform:translateX(-50%) translateY(50%);transform:translateX(-50%) translateY(50%);opacity:0}to{-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0);opacity:1}}@keyframes career_top_up{0%{-webkit-transform:translateX(-50%) translateY(50%);transform:translateX(-50%) translateY(50%);opacity:0}to{-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0);opacity:1}}@-webkit-keyframes images{0%{opacity:0}to{opacity:1}}@keyframes images{0%{opacity:0}to{opacity:1}}@-webkit-keyframes vector{0%{margin-bottom:-5%;opacity:0}to{margin-bottom:0;opacity:1}}@keyframes vector{0%{margin-bottom:-5%;opacity:0}to{margin-bottom:0;opacity:1}}