@charset "UTF-8";body{color:#212121;line-height:2}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%}.common-h3{font-family:YuMincho,"Hiragino Mincho ProN","Yu Mincho","MS PMincho",serif;font-size:40px;margin-top:-140px;margin-bottom:100px}.text-white{color:#f2f2f2}.commonBtn{border-top:solid 1px #212121;font-size:20px;font-weight:600;display:flex;align-items:center;justify-content:space-between;padding:40px 10px;position:relative;transition:all .5s}.commonBtnBtm{border-bottom:solid 1px #212121}.commonBtn::before{content:"";right:10px;width:12px;height:12px;border-top:1px solid #212121;border-right:1px solid #212121;transform:rotate(45deg);position:absolute;transition:all .5s}.commonBtn:hover::before{right:0}[class*=c-container]{padding:0 15px}.c-container-footer{padding-top:40px!important;padding-bottom:40px!important}@media (max-width:1200px){.commonBtn{padding:30px 10px;font-size:18px}}@media (max-width:768px){body{font-size:14px}p{font-size:14px}.common-h3{font-size:20px;margin-top:-80px;margin-bottom:30px}.commonBtn{font-size:14px;padding:30px 10px}.commonBtn::before{right:0;width:10px;height:10px}#footer [class*=c-container]{padding:0}.c-container-footer{padding-top:0!important;padding-bottom:0!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:Oswald,sans-serif;font-size:200px;font-weight:600;line-height:1;white-space:nowrap;color:rgba(255,255,255,.1);text-align:center;white-space:nowrap}.marquee-inline-black{color:rgba(33,33,33,.05)}@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}}.kato-hero{background:url(https://cdn.geechs-job.com/image/hook-content/feat_kato-koji/mv_bg.webp) no-repeat center bottom;background-size:cover;position:relative}.kato-hero-container{position:relative}.mv-sp{display:none}.mv-credit{color:#fff;font-size:14px;position:absolute;bottom:20px;right:10px}@media (max-width:768px){.mv-sp{display:block}.mv-pc{display:none}.mv-credit{font-size:10px;bottom:10px}}.kato-about{background:url(https://cdn.geechs-job.com/image/hook-content/feat_kato-koji/about_bg.webp) repeat-y;background-size:cover;padding:0 0 100px}.about-h2{width:764px;text-align:center;margin:-140px auto 60px}.about-h3{font-family:YuMincho,"Hiragino Mincho ProN","Yu Mincho","MS PMincho",serif;font-size:40px;margin:40px 0 30px;position:relative;display:inline-block}.about-h3:after{content:"";position:absolute;width:100%;height:2px;background-color:#212121;left:0;bottom:-10px}.about-txt{font-size:16px;font-weight:300;margin-bottom:20px}@media (max-width:768px){.kato-about{padding:0 0 40px}.about-h2{width:90%;text-align:center;margin:-80px auto 30px}.about-h3{font-size:20px;margin:20px 0 15px}.about-h3:after{height:1px;bottom:-8px}.about-txt{font-size:14px}}.kato-video{background:url(https://cdn.geechs-job.com/image/hook-content/feat_kato-koji/video_bg.webp) repeat-y;background-size:cover}.kato-video{padding:100px 0}.video-h2{font-family:Abel,sans-serif;font-weight:400;color:#f2f2f2;font-size:80px;display:flex;align-items:center;margin-left:calc(50% - 50vw)}.video-h2:before{content:"";height:1px;flex-grow:1;background-color:#f2f2f2;margin-right:40px}.video-box-left,.video-box-right{display:flex;width:100%;margin-bottom:80px}.video-movie{position:relative;z-index:3;width:63%;margin-bottom:60px}.video-txt{position:relative;z-index:1;width:50%;background-color:#f2f2f2;margin-top:60px;display:flex;justify-content:flex-start;align-items:center;margin-left:-13%}.video-num{font-family:Oswald,sans-serif;position:absolute;right:0;top:0;font-size:160px;font-weight:400;color:#ddd;line-height:1;z-index:1}.video-title{font-family:YuMincho,"Hiragino Mincho ProN","Yu Mincho","MS PMincho",serif;font-size:28px;font-weight:600;position:relative;z-index:3;padding-top:30px;padding-left:30%;padding-right:5%}.video-box-right .video-title{padding-right:30%;padding-left:15%}.video-box-right .video-txt{margin-left:0;margin-right:-13%;justify-content:flex-start}.video-box-right .video-num{right:initial;left:0}.video-q-box{background-color:#f2f2f2;padding:10px 10px 0;display:flex;justify-content:space-between;margin-bottom:80px}.video-q-box-last{margin-bottom:0}.video-q-movie{width:63%;padding-bottom:10px}.video-q-title{margin-top:40px;line-height:1.8;font-size:24px}.video-q-txt{background:url(https://cdn.geechs-job.com/image/hook-content/feat_kato-koji/video_question.webp) no-repeat bottom -10px center;background-size:80%;width:35%;font-family:YuMincho,"Hiragino Mincho ProN","Yu Mincho","MS PMincho",serif;font-weight:600;text-align:center;position:relative}.client-btn{display:flex;justify-content:space-between;margin-top:40px}.client-btn .job-btn-border-w{width:48%}@media (max-width:1280px){.video-title{font-size:20px}.video-q-title{font-size:20px}}@media (max-width:768px){.kato-video{padding:50px 0 40px}.video-h2{font-size:40px}.video-h2:before{margin-right:20px}.video-box-left,.video-box-right{margin-bottom:30px;flex-direction:column}.video-box-left{flex-direction:column-reverse}.video-movie{width:100%;margin-bottom:0}.video-txt{width:100%;display:flex;justify-content:flex-start;margin-top:0;margin-left:0;padding:10px}.video-num{font-size:40px;font-weight:600;top:50%;transform:translateY(-50%);right:5px}.video-title{font-size:14px;padding-top:0;padding-right:0;padding-left:0;line-height:1.6}.video-box-right .video-txt{margin-right:0}.video-box-right .video-num{right:5px;left:initial}.video-box-right .video-title{padding-left:0}.video-q-box{background-color:transparent;padding:0;display:flex;flex-direction:column;margin-bottom:30px}.video-q-box-right{flex-direction:column-reverse}.video-q-movie{width:100%}.video-q-title{margin-top:15px;font-size:14px;line-height:1.6;background-color:#f2f2f2;padding:0 10px;min-height:52px;display:flex;align-items:center}.video-q-txt{width:100%;text-align:left;background:0 0}.video-q-txt:after{content:'';width:59px;height:62px;background-image:url(https://cdn.geechs-job.com/image/hook-content/feat_kato-koji/video_question_sp.webp);background-size:contain;position:absolute;bottom:0;right:0;transform:none;left:initial}.client-btn{flex-direction:column;margin-top:30px}.client-btn .job-btn-border-w{width:100%}}.kato-geeches{background:url(https://cdn.geechs-job.com/image/hook-content/feat_kato-koji/geechs_bg.webp) no-repeat center bottom;background-size:cover;padding:100px 0 160px;position:relative}.geechs-h2{font-family:Abel,sans-serif;font-weight:400;color:#212121;font-size:80px;display:flex;align-items:center;margin-right:calc(50% - 50vw)}.geechs-h2:after{content:"";height:1px;flex-grow:1;background-color:#212121;margin-left:40px}.geechs-h3{margin-bottom:50px}.job-list{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:60px}.job-list li{width:33%}.job-list li:nth-child(odd){margin-right:33%}.geechs-photo{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:76%;max-width:930px;pointer-events:none}@media (max-width:768px){.kato-geeches{padding:40px 0 220px;overflow:hidden}.geechs-h2{font-size:40px}.geechs-h2:after{margin-left:20px}.geechs-h3{margin-bottom:30px}.job-list{margin-top:30px}.job-list li{width:45%}.job-list li:nth-child(odd){margin-right:5%}.geechs-photo{width:390px}}.kato-useful{background-color:#f2f2f2;position:relative;z-index:1}.kato-useful-container{position:relative;padding:0 0 120px}.useful-photo{position:absolute;top:90px;right:10px;width:26%;pointer-events:none}.useful-list{display:flex;flex-wrap:wrap;justify-content:flex-start;margin-top:60px}.useful-list li{width:33%}.useful-list li:nth-child(odd){margin-right:4%}.useful-txt{width:70%}@media (max-width:1024px){.kato-useful-container{padding:0 15px 120px}}@media (max-width:768px){.kato-useful-container{padding:15px 15px 50px}.useful-photo{top:40px;width:26%}.useful-list{margin-top:40px}.useful-list li{width:45%}.useful-list li:nth-child(odd){margin-right:5%}.useful-txt{width:65%}}.kato-support{background:url(https://cdn.geechs-job.com/image/hook-content/feat_kato-koji/support_bg.webp) no-repeat center bottom;background-size:cover;padding:0 0 120px;position:relative;z-index:3}.support-list{display:flex;justify-content:space-between;flex-wrap:wrap}.support-list li{width:48%;background-color:#f2f2f2;padding:50px 30px 40px;margin-bottom:4%;position:relative}.support-list li:first-child{width:100%}.support-list li.support-link: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}.support-list li:last-child,.support-list li:nth-last-child(2){margin-bottom:0}.support-link a{display:block;width:100%;height:100%;transition:all .5s}.support-link a::before{content:"";display:block;position:absolute;top:0;bottom:0;left:0;right:0;z-index:1;transition:all .5s}.support-link a:hover::before{background-color:#fafafa}.support-link a h4,.support-link a img,.support-link a p{z-index:3;position:relative}.support-list li.support-link: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}.geechs-txt{width:53%}.geechs-btn{width:37%}.support-txt{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}.job-btn{width:100%;border:solid 1px #212121;background-color:#212121;color:#f2f2f2;display:flex;align-items:center;justify-content:center;height:80px;margin-bottom:20px;position:relative;font-weight:600;transition:all .5s}.job-btn:after{content:"";background-color:#f2f2f2;width:64px;height:1px;position:absolute;right:0}.job-btn-w{background-color:#f2f2f2;color:#212121}.job-btn-w:after{background-color:#212121}.job-btn-border-w{background-color:transparent;color:#fff;border-color:#fff}.job-btn-border-w:after{background-color:#fff}.job-btn:hover{background-color:#f2f2f2;color:#212121}.job-btn:hover:after{background-color:#212121}.job-btn-w:hover{background-color:#212121;color:#f2f2f2}.job-btn-w:hover:after{background-color:#f2f2f2}@media (max-width:768px){.kato-support{padding:40px 0}.support-list li{width:100%;padding:30px 15px 20px;margin-bottom:4%}.support-list li.support-link:after{border-top:10px solid #f2f2f2;border-left:10px solid #f2f2f2;border-right:10px solid #212121;border-bottom:10px solid #212121}.support-list li:last-child,.support-list li:nth-last-child(2){margin-bottom:4%}.geechsBox{flex-direction:column}.geechs-txt{width:100%}.geechs-btn{width:100%;margin-top:20px}.support-txt{margin-top:15px}.logo-geechs{width:158px}.logo-furinobe{width:94px}.logo-techvalley{width:154px}.support-h4{font-size:24px}.job-btn{height:56px;margin-bottom:10px}.job-btn:after{width:40px}}.kato-entry{background:url(https://cdn.geechs-job.com/image/hook-content/feat_kato-koji/entry_bg.webp) no-repeat center bottom;background-size:cover;position:relative;z-index:5}.kato-entry-container{position:relative;padding:100px 0}.entry-box{width:60%;position:relative;z-index:3;padding:0 40px}.entry-h2{width:100%}.entry-photo{position:absolute;bottom:0;right:0;width:480px;pointer-events:none;z-index:1}.entry-btn{display:flex;justify-content:center;align-items:center;color:#212121;width:100%;height:120px;font-size:32px;margin-top:50px;font-family:YuMincho,"Hiragino Mincho ProN","Yu Mincho","MS PMincho",serif;font-weight:600;background:linear-gradient(to bottom,#f2f5f6,#e3eaed 50%,#96a1a5);transition:all .5s}.entry-btn span{font-size:40px}.entry-btn:hover{opacity:.9}@media (max-width:768px){.kato-entry-container{padding:160px 0 50px}.entry-box{width:100%;padding:0 15px}.entry-h2{width:360px;margin:0 auto}.entry-photo{bottom:130px;right:initial;left:50%;transform:translateX(-50%);width:248px}.entry-btn{height:80px;font-size:24px;margin-top:30px}.entry-btn span{font-size:32px}}