@charset "UTF-8";body{color:#040b2d;line-height:2;background:url(https://cdn.geechs-job.com/image/hook-content/cm/bg_main.webp) no-repeat center center;background-size:cover;background-attachment:fixed}section{position:relative;overflow:hidden}p{font-size:16px}.youtube{position:relative;width:100%;padding-top:56.25%}.youtube iframe{position:absolute;top:0;right:0;width:100%;height:100%}[class*=c-container]{padding:0 30px}.c-container-footer{padding-top:40px!important;padding-bottom:40px!important}@media (max-width:768px){body{font-size:14px}p{font-size:14px}#footer [class*=c-container]{padding:0!important}.c-container-footer{padding-top:0!important;padding-bottom:0!important}[class*=c-container]{padding-left:20px!important;padding-right:20px!important}}.marquee-wrapper{position:relative;height:240px;margin:0 auto;overflow:hidden;margin-right:calc(50% - 50vw);margin-left:calc(50% - 50vw)}.marquee-anim{transition:all .3s}.marquee-anim{opacity:1;animation:marquee 30s linear infinite;position:absolute;top:0;left:50%;display:flex;transform:translate(-50%,0);white-space:nowrap}@keyframes marquee{0%{transform:translate(-40%,0)}100%{transform:translate(-60%,0)}}.marquee-inline{display:block;padding-right:.5em;font-family:'Playfair Display SC',serif;font-size:180px;font-weight:700;line-height:1;white-space:nowrap;color:rgba(4,11,45,.05);text-align:center;white-space:nowrap}@media (max-width:768px){.marquee-wrapper{height:120px}.marquee-inline{font-size:100px}}.pcNone{display:none}@media (max-width:768px){.pcNone{display:block}.spNone{display:none}}#hero{background:url(https://cdn.geechs-job.com/image/hook-content/cm/main_bg.webp) no-repeat center bottom;background-size:cover;position:relative}.katoHero-container{position:relative}.mv-sp{display:none}.mv-credit{color:#fff;font-size:14px;position:absolute;bottom:20px;right:10px}@media (max-width:768px){#hero [class*=c-container]{padding:0!important}.mv-sp{display:block}.mv-pc{display:none}.mv-credit{font-size:10px;bottom:10px}}#intro .c-container{background:url(https://cdn.geechs-job.com/image/hook-content/cm/intro_photo.webp) top 200px right no-repeat;background-size:38%;padding-bottom:160px}.introH2{text-align:center;width:610px;margin:-140px auto 80px}.introTxt{font-size:20px;line-height:3;display:inline-block}.introTxt span{border-bottom:dashed 1px #040b2d;display:block}@media (max-width:960px){#intro .c-container{background:url(https://cdn.geechs-job.com/image/hook-content/cm/intro_photo.webp) top 200px right no-repeat;background-size:38%;padding-bottom:160px}.introTxt{font-size:16px}}@media (max-width:768px){#intro .c-container{background:0 0;padding-bottom:40px}.introH2{width:320px;margin:-70px auto 40px}.introTxt{font-size:14px;line-height:2}.introTxt span{display:initial;border-bottom:none}}#video{padding-bottom:40px}.videoBox{display:flex;width:100%;margin-bottom:80px}.videoBoxLast{margin-bottom:0}.videoMovie{position:relative;z-index:3;width:55%;margin-bottom:60px}.youtube::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(https://cdn.geechs-job.com/image/hook-content/cm/movie_border.webp);background-size:cover;pointer-events:none}.videoTxt{position:relative;z-index:1;width:50%;margin:60px 0 0 -5%;background-color:rgba(255,255,255,.7);box-shadow:0 0 20px rgba(0,0,0,.08);padding:60px 4% 60px 8%}.videoTxt-making{background:url("https://cdn.geechs-job.com/image/hook-content/cm/movie_making_text_en.webp") bottom left no-repeat #040b2d;background-size:contain;color:#fff}.videoNum{position:absolute;right:-10px;top:-50px;z-index:1;width:100px;height:100px}.videoTitle{width:274px;margin:0 auto 40px}@media (max-width:768px){#video{padding-bottom:0}.videoBox{flex-direction:column;margin-bottom:60px}.videoBoxLast{margin-bottom:0}.videoMovie{width:100%;margin-bottom:0}.videoTxt{width:100%;margin:30px 0 0 0;padding:30px 6% 20px}.videoNum{right:-5px;top:-30px;width:60px;height:60px}.videoTitle{width:200px;margin:0 auto 15px}}#link{padding-bottom:60px;padding-top:60px}.bannerBox{border:solid 2px #040b2d;outline:solid 3px #040B2D;outline-offset:10px;margin:10px;position:relative;z-index:3;background:url(https://cdn.geechs-job.com/image/hook-content/cm/bg_main.webp) no-repeat center center;background-size:cover;padding:4.5%;margin-bottom:100px}.bannerBox::after{content:"";position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background:#040b2d;mix-blend-mode:overlay}.bannerBox02::after{background-color:#530}.forEngineerImg{position:absolute;bottom:0;left:0;z-index:3;width:32%}.forEngineerLink{position:relative;z-index:5;width:65%;margin-left:35%;text-align:center}.forEngineerLink img{width:568px;margin-bottom:30px}.commonBtn{background:linear-gradient(90deg,#040b2d 0,rgba(4,11,45,.8) 50%,#040b2d 100%);background-size:200% 100%;color:#fff;font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:space-between;padding:20px 30px;position:relative;transition:all .5s;min-height:80px}.commonBtn span{font-size:12px;font-weight:400;display:block}.commonBtn::before{content:"";right:20px;width:8px;height:8px;border-top:1px solid #fff;border-right:1px solid #fff;transform:rotate(45deg);position:absolute;transition:all .5s}.commonBtn::after{content:"";right:20px;width:16px;height:1px;background-color:#fff;position:absolute;transition:all .5s}.commonBtn:hover{background-position:100% 0}.commonBtn:hover::after,.commonBtn:hover::before{right:10px}.bannerLink{display:flex;justify-content:space-between}.bannerLink a{width:48%}@media (max-width:768px){#link{padding-bottom:20px;padding-top:40px}.bannerBox{border:solid 1px #040b2d;outline:solid 2px #040B2D;outline-offset:5px;margin:8px;padding:4.5%;margin-bottom:40px}.forEngineerLink{z-index:5;width:70%;margin-left:30%}.forEngineerLink img{width:70%;margin-bottom:20px;max-width:320px}.forEngineerLink h3{width:100vw;margin-left:calc(27% - 50vw)}.commonBtn{font-size:14px;padding:10px 15px;min-height:64px;text-align:left;line-height:1.6}.commonBtn::before{right:10px;width:6px;height:6px}.commonBtn::after{right:10px;width:12px}.bannerLink{flex-direction:column}.bannerLink a{width:100%}.mb10{margin-bottom:10px}}#about{background:url(https://cdn.geechs-job.com/image/hook-content/cm/bg_main.webp) no-repeat center center;background-size:cover;background-attachment:fixed;position:relative;padding:40px 0 70px}#about::after{content:"";position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background:#040b2d;mix-blend-mode:overlay}#about .c-container{background:url(https://cdn.geechs-job.com/image/hook-content/cm/about_photo.webp) top 100px right no-repeat;background-size:400px;position:relative;z-index:3}.aboutH2{width:342px;margin:-140px auto 80px}.aboutTxt{font-size:16px;line-height:3;display:inline-block;margin-bottom:100px}.aboutTxt span{border-bottom:dashed 1px #040b2d;display:block}.jobList{display:flex;flex-wrap:wrap;justify-content:space-between}.jobList li{width:32%;margin-bottom:30px}.jobList .commonBtn{font-size:20px}@media (max-width:960px){#about .c-container{background-size:280px;position:relative;z-index:3}.aboutH2{margin-bottom:40px}.jobList li{width:48%;margin-bottom:20px}.aboutTxt{margin-bottom:60px}}@media (max-width:768px){#about{padding:10px 0 40px}#about .c-container{background:0 0}.aboutH2{width:190px;margin:-70px 0 40px}.aboutTxt{font-size:14px;line-height:2;margin-bottom:30px}.aboutTxt span{border-bottom:none;display:initial}.jobList{flex-direction:column}.jobList li{width:100%;margin-bottom:10px}.jobList .commonBtn{font-size:16px}}#useful{padding:40px 0 80px}.usefulH2{width:815px;margin:-140px 0 80px}.usefulTxt{font-size:16px;line-height:3;display:inline-block;margin-bottom:60px;position:relative;z-index:3}.usefulTxt span{border-bottom:dashed 1px #040b2d;display:block}.usefulList{display:flex;flex-wrap:wrap;justify-content:flex-start;position:relative;z-index:3;width:60%}.usefulList li{width:48%;margin-bottom:4%}.usefulList li:nth-child(odd){margin-right:4%}.usefulImg{position:absolute;bottom:0;right:-60px;width:48%;z-index:1}@media (max-width:960px){.usefulList{width:70%}}@media (max-width:768px){#useful{padding:10px 0 60px}.usefulH2{width:100%;margin:-70px 0 40px;max-width:420px}.usefulTxt{font-size:14px;line-height:2;margin-bottom:30px}.usefulTxt span{border-bottom:none;display:initial}.usefulList{flex-direction:column;width:100%}.usefulList li{width:100%;margin-bottom:10px}.usefulList li:nth-child(odd){margin-right:0}.usefulImg{right:0;width:120px;z-index:3}}#support{background:url(https://cdn.geechs-job.com/image/hook-content/cm/bg_main.webp) no-repeat center center;background-size:cover;background-attachment:fixed;position:relative;padding:40px 0 70px}#support::after{content:"";position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background:#040b2d;mix-blend-mode:overlay}.supportH2{width:644px;margin:-140px 0 80px}#support .c-container{position:relative;z-index:3}.supportList{display:flex;justify-content:space-between;flex-wrap:wrap}.supportList li{width:48%;background-color:#f2f2f2;padding:50px 30px 40px;margin-bottom:4%;position:relative;align-items:flex-end}.supportList li:first-child{width:100%}.supportList li.supportLink:after{position:absolute;right:0;bottom:0;content:'';border-top:20px solid #f2f2f2;border-left:20px solid #f2f2f2;border-right:20px solid #212121;border-bottom:20px solid #212121;box-sizing:border-box;z-index:3;transition:all .5s}.supportList li:last-child,.supportList li:nth-last-child(2){margin-bottom:0}.supportLink a{display:block;width:100%;height:100%;transition:all .5s}.supportLink a::before{content:"";display:block;position:absolute;top:0;bottom:0;left:0;right:0;z-index:1;transition:all .5s}.supportLink a:hover::before{background-color:#fafafa}.supportLink a h4,.supportLink a img,.supportLink a p{z-index:3;position:relative}.supportList li.supportLink:hover:after{border-top:16px solid #fafafa;border-left:16px solid #fafafa;border-right:16px solid #212121;border-bottom:16px solid #212121}.geechsBox{display:flex;justify-content:space-between}.geechsTxt{width:60%}.geechsBtn{width:35%}.commonBtnWhite{margin-top:20px;border:solid 1px #040b2d;color:#040b2d;background:0 0}.commonBtnWhite::after{background-color:#040b2d}.commonBtnWhite::before{border-top:1px solid #040b2d;border-right:1px solid #040b2d}.commonBtnWhite:hover{background-color:#fff}.supportTxt{margin-top:30px}.logo-geechs{width:198px}.logo-furinobe{width:142px}.logo-techvalley{width:256px}.support-h4{font-family:YuMincho,"Hiragino Mincho ProN","Yu Mincho","MS PMincho",serif;font-size:32px;font-weight:300}@media (max-width:768px){#support{padding:10px 0 60px}.supportH2{width:100%;margin:-70px 0 40px;max-width:360px}.supportList{flex-direction:column}.supportList li{width:100%;padding:24px 20px 20px;margin-bottom:6%}.supportList li:first-child{width:100%}.supportList li.supportLink:after{border-top:15px solid #f2f2f2;border-left:15px solid #f2f2f2;border-right:15px solid #212121;border-bottom:15px solid #212121}.supportList li:nth-last-child(2){margin-bottom:6%}.geechsBox{flex-direction:column}.geechsTxt{width:100%}.geechsBtn{width:100%;margin-top:10px}.commonBtnWhite{margin-top:10px}.supportTxt{margin-top:10px}.logo-geechs{width:158px}.logo-furinobe{width:94px}.logo-techvalley{width:154px}.support-h4{font-size:24px}}#link02{padding:100px 0}.firstBnr{box-shadow:0 0 20px rgba(0,0,0,.24);display:block;transition:all .5s}.firstBnr:hover{box-shadow:0 0 30px rgba(0,0,0,.4)}@media (max-width:768px){#link02{padding:40px 0}}
