iframe{border:none;width:100%;height:60vw;max-height:800px}.herplink{margin-top:.5em;background-color:#fff}.herplink a{display:block;padding:2em 3em;font-size:1.2em;border-radius:4px;border:1px solid #cbd3e2;transition:all .2s linear}.herplink a:hover{background-color:#1289ac;color:#fff}.jobtype_wrapper{max-width:1200px;margin:0 auto;position:relative}.jobtype_wrapper .jobtype_aside{flex-basis:25%}.jobtype_wrapper .jobtype_aside ul{position:fixed;top:240px}.jobtype_wrapper .jobtype_card_wrapper{padding-top:3em;margin-bottom:5em;display:flex;justify-content:space-between;flex-wrap:wrap;gap:2%}.jobtype_wrapper .jobtype_card_wrapper dl{width:23%;min-height:260px;background-size:cover;background-repeat:no-repeat;border-radius:10px;overflow:hidden;box-shadow:0 0 10px #1289ac4d;background:#f4fcff;background:linear-gradient(90deg,#f4fcff,#f4fffa);transition:all linear .2s;opacity:0;transform:translateY(10px);animation:cardfade .4s ease-in-out forwards}.jobtype_wrapper .jobtype_card_wrapper dl:hover{box-shadow:0 0 25px #1289ac80}.jobtype_wrapper .jobtype_card_wrapper dl dt{min-height:160px;height:20vh;max-height:300px;background-size:cover;transition:all ease-in-out .3s}.jobtype_wrapper .jobtype_card_wrapper dl dt:hover{transform:scale(1.05)}.jobtype_wrapper .jobtype_card_wrapper dl dt a{display:block;width:100%;height:100%}.jobtype_wrapper .jobtype_card_wrapper dl dd{height:100%;margin:0}.jobtype_wrapper .jobtype_card_wrapper dl dd a{position:relative;display:block;width:100%;padding:1.8em 1.5em;color:#313f4d;background:#fff}.jobtype_wrapper .jobtype_card_wrapper dl dd a i{position:absolute;right:30px;top:50%;transition:all linear .2s}.jobtype_wrapper .jobtype_card_wrapper dl dd a:hover i{right:25px}.jobtype_wrapper .jobtype_card_wrapper dl dd a small{display:block;font-size:12px;font-family:Raleway;color:inherit;line-height:1.2}.jobtype_wrapper .jobtype_card_wrapper dl dd a span{display:block;font-size:16px;font-weight:700;color:inherit;font-size:clamp(20px,.9vw,22px);line-height:1.3}.jobtype_wrapper .jobtype_card_wrapper dl.sales{animation-delay:0s}.jobtype_wrapper .jobtype_card_wrapper dl.sales dt{background-image:url(/img/recruit/jobtype/6925600_web2k.jpg)}.jobtype_wrapper .jobtype_card_wrapper dl.marketing{animation-delay:.1s}.jobtype_wrapper .jobtype_card_wrapper dl.marketing dt{background-image:url(/img/recruit/jobtype/6844800_web2k.jpg)}.jobtype_wrapper .jobtype_card_wrapper dl.salesengineer{animation-delay:.2s}.jobtype_wrapper .jobtype_card_wrapper dl.salesengineer dt{background-image:url(/img/recruit/salesengineer.png)}.jobtype_wrapper .jobtype_card_wrapper dl.internal_system_engineer{animation-delay:.3s}.jobtype_wrapper .jobtype_card_wrapper dl.internal_system_engineer dt{background-image:url(/img/recruit/engineer1.jpg)}.jobtype_wrapper .jobtype_card_wrapper dl.infrastructure_engineer{animation-delay:.4s}.jobtype_wrapper .jobtype_card_wrapper dl.infrastructure_engineer dt{background-image:url(/img/recruit/jobtype/6901200_web2k.jpg)}@keyframes cardfade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}ifrmae{box-shadow:0 0 17px #1289ac4d!important}.jobtype_aside{width:25%;margin-right:3%}.jobtype_aside li{margin-bottom:10px;background:#3fb5d1;color:#fff;border-radius:10px 6px 30px 10px;overflow:hidden}.jobtype_aside li a{position:relative;color:inherit;font-weight:600;transition:all linear .2s}.jobtype_aside li a:hover{background-color:#a9e0ed}.jobtype_aside li.active{color:#fff}.jobtype_aside a{display:block;padding:15px 24px}.jobtype_main{margin-left:auto;margin-right:auto;padding-top:0;margin-bottom:0}.jobtype_main h3{position:relative;display:block;margin-top:-1em;padding-top:3em;padding-bottom:.4em;border:none;font-size:2.2em}.jobtype_main h3:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:#3399df;background:linear-gradient(90deg,#3fb5d1,#a7edff)}.jobtype_main h3 small{font-size:14px;letter-spacing:.1em}.jobtype_main h4{margin-top:1.5em;margin-bottom:.8em}.jobtype_main>h5{margin-bottom:1em;font-size:2em}.jobtype_main table{width:100%!important;margin-bottom:80px;background-color:#eff1f3}.jobtype_main table tr{display:block;border-bottom:1px solid #ddd}.jobtype_main table tbody tr:last-child(){border:none}.jobtype_main table th{vertical-align:top!important;font-weight:600!important;font-size:1em}.jobtype_main table td{font-size:1em;vertical-align:top!important}.jobtype_main table td ol{margin-left:1.2em}.jobtype_main>.flx{display:flex;column-gap:6%}.jobtype_main>.flx section{flex:1}.jobtype_main>.flx section ul{padding:0;margin-left:1.2em}.jobtype_main>.flx section p,.jobtype_main>.flx section li{line-height:1.5}.jobtype_main>.flx section.detail{padding:2em}.jobtype_main>.flx section.detail .lead{margin-bottom:1em}.jobtype_main>.flx section.detail h4{position:relative;margin-top:0;font-size:1.5em}.jobtype_main>.flx section.detail h4:before{content:"";width:4px;height:1.3em;background-color:#85d7e9;position:absolute;left:-16px;top:0}.jobtype_main>.flx section.detail h5{padding-top:1em;padding-bottom:.5em;border-top:1px solid #e2e2e2}.jobtype_main>.flx section.detail p,.jobtype_main>.flx section.detail li{line-height:1.5}.jobtype_main>.flx section.info{background-color:#fff;padding:2em;margin-bottom:3em}#jobinfo{position:relative;min-height:400px}#jobinfo .ovly,#jobinfo .bgimg{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1001}#jobinfo .bgimg{background:url(/wp-content/uploads/2019/11/joblist_bg2.jpg) no-repeat center top;background-size:cover;z-index:950;z-index:1002;min-height:400px}#jobinfo section{position:absolute;top:50%;left:50%;transform:translateY(-50%) translate(-50%);-webkit-transform:translateY(-50%) translateX(-50%);z-index:2010}#jobinfo .title .jp{color:#547085}#jobinfo ul{max-width:920px;margin:0 auto}#jobinfo ul li{width:100%;display:block;line-height:60px;height:68px;border:1px solid #288ec3;background:#fff}#jobinfo ul li:hover{box-shadow:0 0 40px 3px #fff;background-color:#1289ac}#jobinfo ul li:hover a{color:#fff}#jobinfo a{display:inline-block;color:#45789c;padding:0 10px;vertical-align:middle;line-height:1.6!important}.title_jobdetail .jp{font-weight:800}.title_jobdetail .en{font-weight:500;color:#5f869c}#jobdetail dl{border-top:1px solid #ddd}#jobdetail dl dt{width:10em;position:absolute}#jobdetail dl dd{padding-left:12em;border-bottom:1px solid #ddd}#jobdetail dl,#jobdetail dt,#jobdetail dd{text-align:left}#jobdetail dt,#jobdetail dd{padding-top:16px;padding-bottom:16px}.jobdetail_entrybtn{position:relative;overflow:visible;margin:0 auto 10%;text-align:center}.jobdetail_entrybtn a{display:inline-block;color:#fff;font-weight:700}.jobdetail_entrybtn a:after{content:"";position:absolute;background:transparent;bottom:0;right:0;top:0;z-index:2;opacity:.2;transition:.3s cubic-bezier(.4,0,.2,1)}.jobdetail_entrybtn a:hover:after{background:tomato}@media screen and (min-width:1140px){section#jobtype .en.sign{left:-102px}.jobtype_wrapper{width:80vw;max-width:1800px;margin:0 auto}.jobtype_main h4{margin-top:1em}.jobtype_main table th{width:200px!important;padding:20px;vertical-align:top!important;font-weight:600!important;font-size:1em;line-height:1.3}.jobtype_main table td{width:calc(100% - 200px)!important;font-size:1em;vertical-align:top!important;padding:20px}.jobtype_main .detail p,.jobtype_main .detail li{font-size:clamp(16px,.9vw,19px)}}@media screen and (min-width:768px)and (max-width:1139px){.jobtype_wrapper{width:100%;max-width:1000px;margin:0 auto}.jobtype_wrapper .detail{padding-left:2%}}@media screen and (max-width:1100px){.post-content>en.sign,.post-content h3.section_ttl{padding-left:30px}.herplink a{padding:1em;font-size:13px!important}.jobtype_wrapper{padding-top:2em;padding-left:2em;padding-right:2em;box-sizing:border-box}}
