.cm-box{height:auto;margin-bottom:20px;position:relative;width:100%;z-index:100}.cm-box .cm-box__image{border-radius:4px}.cm-box .cm-box__search-box{bottom:0;box-sizing:border-box;padding:0 2.8% 2.8%;position:absolute;width:100%}.cm-box .rslt-count-box{color:#fff;line-height:50px}.cm-box .rslt-count-box span#client_count,.cm-box .rslt-count-box span#job_count{color:#fff}.cm-box .header-search-form .header-search-form__input-area .card-edit-user-exp-job-types,.cm-box .header-search-form .header-search-form__input-area .card-edit-user-hope-areas{top:-416px}.cm-box .cm-box__cm-play-box{background-color:#fff;border-radius:4px;bottom:16px;box-shadow:0 3px 5px 0 rgba(0,0,0,0.16);box-sizing:border-box;display:flex;right:16px;padding:5px;position:absolute;width:200px}.cm-box .cm-box__cm-play-box img{border-radius:2px;width:64%}.cm-box .cm-box__cm-play-box .cm-box__cm-play-box__text{color:#484848;font-size:14px;font-weight:bold;line-height:22px}.cm-box .cm-box__cm-play-box .cm-box__cm-play-box__text .material-icons{color:#39ce16;float:right;font-size:24px}.cm-box .cm-box__cm-play-box:hover{box-shadow:0 5px 10px 0 rgba(0,0,0,0.32);cursor:pointer;opacity:.95}.styled-form{background:#fff;border:1px solid #e5e5e5;border-radius:4px;box-sizing:border-box;color:#888;cursor:pointer;font-size:14px;height:56px;padding:8px}.styled-form--select-box{background:#fff;border:1px solid #e5e5e5;border-radius:4px;box-sizing:border-box;color:#888;cursor:pointer;font-size:14px;height:56px;padding:8px}.styled-form--text-input,input.styled-form--text-input[type=text],input.styled-form--text-input[type=password]{background:#fff;border:1px solid #e5e5e5;border-radius:4px;box-sizing:border-box;color:#888;cursor:pointer;font-size:14px;height:56px;padding:8px;margin:0;width:100%}.styled-input-form,input.styled-input-form[type=password],input.styled-input-form[type=text]{background:#fff;border:1px solid #e5e5e5;border-radius:4px;box-sizing:border-box;color:#888;cursor:pointer;font-size:14px;height:56px;padding:8px}@keyframes logoLoop{0%{transform:translateX(0%)}to{transform:translateX(-900%)}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes transformLogo{0%{transform:scale(1)}100%{transform:scale(1.1)}}.wrapper{background-color:#fff;color:#fff;display:flex;flex-flow:column nowrap;height:100vh;width:100%}.wrapper .main-wrapper{background-color:#33b913;box-sizing:border-box;display:flex;flex-flow:row nowrap;height:calc(100vh - 96px)}.wrapper .main-wrapper .movie-wrapper{box-sizing:border-box;display:flex;flex-flow:column nowrap;height:100%;padding:16px 0 16px 16px;position:relative;width:calc(100% - 400px)}.wrapper .main-wrapper .movie-wrapper__green-logo{animation:fadeIn 1s ease 1s forwards,fadeOut 1s ease 4s forwards,transformLogo 4s linear 1s forwards;left:calc(50% - 240px);opacity:0;position:absolute;top:calc(50% - (122px / 2) - 96px);z-index:1}.wrapper .main-wrapper .movie-wrapper__green-logo__logo{left:112px;position:relative;width:240px}.wrapper .main-wrapper .movie-wrapper__green-logo__logo img{position:absolute;width:100%}.wrapper .main-wrapper .movie-wrapper__green-logo__logo .logo-color{z-index:1}.wrapper .main-wrapper .movie-wrapper__green-logo__logo .logo-white{z-index:0}.wrapper .main-wrapper .movie-wrapper__green-logo__catch{width:480px}.wrapper .main-wrapper .movie-wrapper__green-logo__catch img{position:absolute;top:99px;width:100%}.wrapper .main-wrapper .movie-wrapper__green-logo__catch .catch-color{z-index:1}.wrapper .main-wrapper .movie-wrapper__green-logo__catch .catch-white{z-index:0}.wrapper .main-wrapper .movie-wrapper__movie{background-color:#fff;border-radius:8px;overflow:hidden;position:relative;z-index:0}.wrapper .main-wrapper .movie-wrapper__movie .video,.wrapper .main-wrapper .movie-wrapper__movie .background{height:100%;position:absolute}.wrapper .main-wrapper .movie-wrapper__movie .video{transform:scale(1.05);width:100%;z-index:1}.wrapper .main-wrapper .movie-wrapper__movie .background{filter:blur(8px) grayscale(0.8);transform:scale(1.3);width:100%;z-index:0}.wrapper .main-wrapper .movie-wrapper__movie .video01,.wrapper .main-wrapper .movie-wrapper__movie .background01{display:block;opacity:0}.wrapper .main-wrapper .movie-wrapper__movie .video02,.wrapper .main-wrapper .movie-wrapper__movie .video03,.wrapper .main-wrapper .movie-wrapper__movie .background02,.wrapper .main-wrapper .movie-wrapper__movie .background03{display:none}.wrapper .main-wrapper .movie-wrapper__switch{display:flex;justify-content:space-around;margin-top:16px;overflow:hidden;position:relative}.wrapper .main-wrapper .movie-wrapper__switch .switch{border-radius:8px;cursor:pointer;margin-right:16px;overflow:hidden;position:relative;width:33.33%;z-index:0}.wrapper .main-wrapper .movie-wrapper__switch .switch .switch-text{font-size:24px;font-weight:bold;line-height:1.3em;position:absolute;text-align:center;text-shadow:0 3px 5px rgba(0,0,0,0.4);top:50%;transform:translate(0, -50%);width:100%;z-index:2}.wrapper .main-wrapper .movie-wrapper__switch .switch .switch-progress-bar{background-image:linear-gradient(to top, rgba(255,255,255,0.16), rgba(255,255,255,0.24));display:block;height:100%;left:0;position:absolute;top:0;width:0%;z-index:1}.wrapper .main-wrapper .movie-wrapper__switch .switch .switch-background{background-position:center;background-size:cover;height:100%;left:0;position:absolute;top:0;transform:scale(1);transition:transform 250ms ease-out;width:100%;z-index:0}.wrapper .main-wrapper .movie-wrapper__switch .switch:hover .switch-background{transform:scale(1.1)}.wrapper .main-wrapper .form-wrapper{background-color:#33b913;color:#fff;width:400px;display:flex;flex-flow:column wrap;justify-content:center;align-items:center}.wrapper .client-logo-wrapper{background-color:#fff;box-sizing:border-box;height:96px;display:flex;overflow:hidden;padding:8px 0;width:100%}.wrapper .client-logo-wrapper div{animation:logoLoop 25s linear infinite;flex-shrink:0;height:80px;width:12.5%}.wrapper .client-logo-wrapper div img{max-width:100%;height:100%;margin:0 auto;display:block}@media screen and (min-height: 668px) and (max-height: 828px){.registration-form__row{padding-top:8px !important}.registration-form__row .styled-form--select-box{height:40px}.registration-form__row .styled-form--text-input,.registration-form__row input.styled-form--text-input[type=text],.registration-form__row input.styled-form--text-input[type=password]{height:40px}.button-registration .min1{font-size:12px !important;height:48px !important}}@media screen and (max-height: 668px){.registration-form{padding:0 32px 16px !important}.registration-form__row{padding-top:8px !important}.registration-form__row .form-title{font-size:24px !important;line-height:1em}.registration-form__row .styled-form--select-box{font-size:12px;height:32px}.registration-form__row .styled-form--text-input,.registration-form__row input.styled-form--text-input[type=text],.registration-form__row input.styled-form--text-input[type=password]{font-size:12px;height:32px}.button-registration .min1{font-size:12px !important;height:40px !important}}@media screen and (min-width: 1720px){.movie-wrapper__movie{height:calc(100vh - 100px - 96px - 48px)}.movie-wrapper__movie .background{height:auto !important}.movie-wrapper__switch{height:100px}}@media screen and (min-width: 1600px) and (max-width: 1719px) and (min-height: 1078px){.movie-wrapper__movie{height:calc((100vw - 400px - 16px)/16*9)}.movie-wrapper__switch{height:calc(100vh - ((100vw - 400px - 16px) / 16 * 9) - 96px - 48px)}}@media screen and (min-width: 1600px) and (max-width: 1719px) and (max-height: 1077px){.movie-wrapper__movie{height:calc(100vh - 100px - 96px - 48px)}.movie-wrapper__movie .background{height:auto !important}.movie-wrapper__switch{height:100px}}@media screen and (max-width: 1599px){.movie-wrapper__movie{height:calc(100vh - 200px - 96px - 48px)}.movie-wrapper__movie .background{height:auto !important;width:auto !important}.movie-wrapper__switch{height:200px}}.logo-block{display:flex;flex-flow:column wrap;width:160px}.logo-block .logo-block__logo{width:100%}.logo-block .logo-block__text{text-align:center;width:100%}form{width:100%}.registration-form{box-sizing:border-box;width:100%;padding:0 32px 32px}.registration-form__row{display:flex;flex-flow:row wrap;justify-content:space-between;padding-top:16px;width:100%}.registration-form__row .form-title{font-size:32px;text-align:center;width:100%}.button-registration{-ms-flex-align:center;align-items:center;background:#ff9a10;border:none;color:#fff;cursor:pointer;font-size:20px;font-weight:bold;width:336px;border-radius:35px;box-shadow:0px 2px 2px 0px rgba(0,0,0,0.14);display:-ms-flexbox;display:flex;flex-flow:row wrap;margin:0 auto 8px;position:relative}.button-registration .main-text{color:#fff;cursor:pointer;font-size:20px;text-align:center;height:1em;position:absolute;top:calc(50% - .5em);left:56%;margin-left:calc(-25% - 12px);line-height:1em}.button-registration .min1{align-items:center;background:#fff;border:2px #ff9a10 solid;border-top-left-radius:35px;border-bottom-left-radius:35px;color:#ff9a10;cursor:pointer;display:-ms-flexbox;display:flex;font-size:14px;height:64px;-ms-flex-pack:center;justify-content:center;text-align:center;padding-left:3px;position:relative;width:64px}.button-registration .min1:before{border:5px solid transparent;border-left:5px solid #fff;content:"";cursor:pointer;left:100%;margin-top:-5px;position:absolute;top:50%}.button-registration:hover{background:#ff9a10}.button-registration:hover .min1{border:2px #ff9a10 solid;color:#ff9a10}