@charset "utf-8";body{font-family:"Lato","Kiwi Maru","游ゴシック Medium","Yu Gothic Medium","游ゴシック体",'M PLUS 1','Noto Sans JP',sans-serif;color:#595959;background-color:#fff;vertical-align:middle;overflow-x:hidden}a{color:inherit}.section{padding:80px 10px}@media screen and (min-width:768px){.section{padding:130px 10px}}.page-link{text-align:right;font-size:14px;margin-bottom:20px}.arrow-right{height:12px}.Continuation{display:inline-flex;position:relative;align-items:center;line-height:40px;padding:0 15px;margin-right:10px;z-index:0}.Continuation:before{content:'';position:absolute;left:0;width:40px;height:40px;background:#595959;border-radius:25px;transition:.3s ease-out;z-index:-1}.Continuation:hover:before{width:100%}.Continuation__image{height:16px;filter:invert(1);vertical-align:middle}.Continuation__title{color:#f5f6f8;margin-right:5px;font-size:12px}.circle{width:13px;height:13px;border-radius:50%;border:4px solid #f5d020;box-sizing:border-box;margin-right:17px}.heading{display:flex;align-items:center}.header__hamburger{position:relative;background:#595959;cursor:pointer;width:50px;height:50px;border-radius:5px;z-index:999}.header__hamburger span{display:inline-block;transition:all .4s;position:absolute;left:13px;height:2px;border-radius:2px;background:#fff}.header__hamburger span:nth-of-type(1){top:15px;width:45%}.header__hamburger span:nth-of-type(2){top:23px;width:35%}.header__hamburger span:nth-of-type(3){top:31px;width:20%}.nav.active{transform:translateX(0);z-index:998}.header__hamburger.active span:nth-of-type(1){top:16px;left:16px;transform:translateY(6px) rotate(-135deg);width:30%}.header__hamburger.active span:nth-of-type(2){opacity:0}.header__hamburger.active span:nth-of-type(3){top:28px;left:16px;transform:translateY(-6px) rotate(135deg);width:30%}.section__title{font-size:15px;letter-spacing:1px}.mv{position:relative;height:100vh}.mv__title{position:absolute;color:#595959;margin-left:20px;font-size:calc(1.25vw + 1.5rem);line-height:40px}.video-area{display:flex;align-items:center;justify-content:flex-start;position:fixed;z-index:-1;top:0;right:0;left:0;bottom:0;overflow:hidden}.video{position:absolute;z-index:-1;top:50%;left:50%;transform:translate(-50%,-50%);width:177.77777778vh;height:56.25vw;min-height:100%;min-width:100%;opacity:0;transition:opacity 1s ease-in-out}.fadein{transition:.8s ease-in-out;opacity:0}.fadein.on{opacity:1.0}.fadein_up{transition:.8s ease-in-out;transform:translateY(30px);opacity:0}.fadein_up.on{transform:translateY(0);opacity:1.0}.timing{transition-delay:.3s}.fadein_right{-webkit-transition:.9s ease-in-out;-moz-transition:.9s ease-in-out;-o-transition:.9s ease-in-out;transition:.9s ease-in-out;transform:translateX(30px);opacity:0;filter:alpha(opacity=0);-moz-opacity:0}.fadein_right.on{opacity:1;filter:alpha(opacity=100);-moz-opacity:1;transform:translateX(0)}.mission{display:flex;justify-content:center;align-items:center;backdrop-filter:blur(12px);opacity:0;height:100vh;padding:0 10px}.mission__area{max-width:400px;width:100%}.mission__main{display:flex;flex-direction:column;width:100%;margin-top:70px}.mission__item{width:100%}.mission__title{font-size:38px;font-weight:500;line-height:1.5;letter-spacing:.1em;margin-bottom:30px}.mission__text{font-size:18px;line-height:1.5;margin-bottom:50px}.service{background-color:#f5f6f8}.service__area{max-width:400px;margin:0 auto}.service__list{display:flex;flex-direction:column;width:100%;margin:0 auto;gap:20px;margin-top:70px}.service__item{display:flex;flex-direction:column;box-shadow:0 0 6px rgba(0,0,0,.1);height:auto;background:#fff}.service__link{display:block;line-height:0;overflow:hidden;width:100%}.service__link:before{content:"";display:block;padding-top:56.25%;background-size:cover;background-position:center;transform:scale(1);transition:.3s ease-in-out;filter:blur(0)}.service__link:hover:before{transform:scale(1.1)}.service__link.service__img--first:before{background-image:url(//hjb.co.jp/wp-content/themes/北海道人材バンク/assets/images/service1.jpg)}.service__link.service__img--second:before{background-image:url(//hjb.co.jp/wp-content/themes/北海道人材バンク/assets/images/service2.jpg)}.service__textarea{display:flex;flex-direction:column;background-color:#fff;padding-bottom:20px;line-height:1.5;padding:30px 30px 60px;flex:1;position:relative}.service__textarea span{font-size:21px}.service__text{margin-top:15px}.service__view{font-weight:700;padding-bottom:7px;background-image:linear-gradient(#0db9d7,#0db9d7);background-size:0 2px;background-position:bottom right;background-repeat:no-repeat;transition:background-size .3s ease-out;margin-left:auto;margin-top:10px;height:auto;position:absolute;right:40px;bottom:20px}.service__view a{font-size:13px}.service__view:hover{background-size:100% 2px;background-position:bottom left}.information{display:flex;align-items:center;overflow-x:hidden;background-color:#fff;z-index:1;overflow:hidden;position:relative;margin:80px 0}@media screen and (min-width:768px){.information{margin:160px 0}}.information__area{max-width:400px;margin:0 auto;font-size:13px;width:100%}.information__body{line-height:1.5;font-size:15px}.information__titlearea{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.information__subtitle{display:block;content:"";position:absolute;top:-112px;right:60%;left:60%;letter-spacing:-10px;width:100vw;z-index:0;font-size:250px;line-height:1;color:#f5f6f8;font-weight:300}.information__list{margin-top:70px;position:relative}.information__item:nth-child(1){border-top:1px solid #f5f6f8}.information__item{display:flex;align-items:center;padding:25px 0;border-bottom:1px solid #f5f6f8;justify-content:space-between}.information__item a{width:100%}.information__heading{display:flex;align-items:center;padding-bottom:20px;font-size:12px}.information__label{background:#f5f6f8;border-radius:10px;padding:5px 15px}.information__date{margin-right:20px}.information__body{display:inline-block}.information__Continuation{display:flex;align-items:center}.information__category{background:#f5f6f8;border-radius:10px;padding:5px 15px}.information__symbol{background:#f5f6f8;border-radius:50%;padding:12px 14px;transition-duration:.4s}.information__symbol:hover{transform:scale(1.2)}.information__item:hover .information__symbol{transform:scale(1.2)}.information__body{position:relative}.information__body:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:1px;background:#303030;visibility:hidden;opacity:0;transition:.4s}.link:hover .information__body:after{visibility:visible;opacity:1}.information__symbol img{height:13px}.contact{background-color:#f5f6f8;padding:70px 0}.contact__section{display:flex;flex-direction:column;max-width:920px;max-width:100%;margin:0 auto;padding:0 50px}.contact__title{font-size:13px;margin-right:auto}.contact__area{display:flex;flex-direction:column;gap:20px;width:100%}.contact__img img{height:40px;margin:0 10px}.contact__phone{font-size:40px;letter-spacing:2px;font-weight:700}.contact__item{font-size:16px;margin:50px 0 30px}.contact__tel-area{display:flex;align-items:center}.contact__block{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff;width:100%;padding:50px 0}.contact__text{font-size:24px;margin-bottom:30px;color:#0db9d7}.Contact__link{display:block;width:60%;background-color:#0db9d7;border-radius:5px;text-align:center;padding:15px}.Contact__link-text{text-align:center;color:#f5f6f8;font-size:18px}.contact__sub{font-size:14px;color:#595959;margin-top:10px;letter-spacing:2px}.access{display:flex;align-items:center;justify-content:center;background-color:#0db9d7;color:#f5f6f8;margin-bottom:80px}@media screen and (min-width:768px){.access{margin-bottom:160px}}.access__area{max-width:400px;width:100%}.access__info{display:flex;width:100%}.access__company{width:100%}.access__companyname{font-size:24px;font-weight:700;margin:50px 0;letter-spacing:2px}.access__map{width:100%;margin:80px 0 50px;position:relative;height:0;padding-top:100%}.access__map iframe{border-radius:5px}@media screen and (min-width:768px){.access__map{padding-top:50%}}.access__map iframe{position:absolute;top:0;left:0;width:100%;height:100%}.access__adress{line-height:1.5}.access__adress dt{white-space:nowrap}.adress{display:flex;margin-bottom:20px}#footer{color:#f5f6f8;background-color:#1f2022}.footer__section{max-width:400px;margin:0 auto;padding:0 10px}.footer__text a{color:#898a8b}.footer__text{font-size:13px;padding:100px 0}.footer__title{font-size:25px}.footer__main{border-bottom:solid 1px #606061;padding:30px 0}.footer__item{margin-top:20px}.footer__link,.page-link a{background-image:linear-gradient(#606061,#606061);background-size:0 1px;background-position:bottom right;background-repeat:no-repeat;transition:background-size .3s ease-out;padding-bottom:2px}.page-link a:hover,.footer__link:hover{background-size:100% 1px;background-position:bottom left}.footer__sub{padding-top:30px}.copyright{color:#898a8b;text-align:right;font-size:12px;padding-bottom:20px}@media screen and (min-width:1200px){.nav{display:flex;position:static;transform:initial;background-color:inherit;height:inherit;justify-content:flex-end}.nav__list{flex-direction:row;gap:10px;justify-content:flex-end;width:100%;position:inherit;top:0;left:0;transform:translate(0,0)}.header__hamburger{display:none}}@media screen and (min-width:768px){.header{padding:35px 5vw}.header__inner{padding:0}.mv__title{margin-left:50px;line-height:70px}.mission__main{flex-direction:row;justify-content:space-between;width:100%}.mission__item{width:100%}.mission__area{max-width:920px}.service__area{max-width:920px}.service__list{flex-direction:row;justify-content:space-between}.service__item{width:calc((100% - 30px)/2)}.information__area{max-width:920px}.contact__section{max-width:1200px}.contact__item{font-size:20px}.contact__area{flex-direction:row}.contact__block{width:50%}.access__area{width:100%;max-width:920px}.access__map{width:100%}.access__info{width:100%}.footer__section{max-width:920px}}.pagination{position:fixed;right:20px;top:50%;transform:translateY(-50%);font-size:1em;z-index:10;list-style:none}.pagination a{display:block;height:20px;margin-bottom:5px;color:#595959;position:relative;padding:4px}.pagination a.active:after{box-shadow:inset 0 0 0 5px}.pagination a .hover-text{position:absolute;right:15px;top:5px;opacity:0;-webkit-transition:opacity .5s ease;transition:opacity .5s ease;padding-right:15px;font-size:14px}.pagination a:hover .hover-text{opacity:1}.pagination a:after{-webkit-transition:box-shadow .5s ease;transition:box-shadow .5s ease;width:10px;height:10px;display:block;border:1px solid;border-radius:50%;content:"";position:absolute;margin:auto;top:0;right:3px;bottom:0}@media screen and (max-width:768px){.pagination a .hover-text{display:none}}.page-top a{display:flex;justify-content:center;align-items:center;background:#338acb;border-radius:5px;width:60px;height:60px;color:#fff;text-align:center;text-transform:uppercase;text-decoration:none;font-size:.6rem;transition:all .3s}.page-top a:hover{background:#777}.page-top{position:fixed;right:10px;bottom:10px;z-index:2;opacity:0;transform:translateY(100px)}.page-top.UpMove{animation:UpAnime .5s forwards}@keyframes UpAnime{from{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.page-top.DownMove{animation:DownAnime .5s forwards}@keyframes DownAnime{from{opacity:1;transform:translateY(0)}to{opacity:1;transform:translateY(100px)}}small{background:#333;color:#fff;display:block;text-align:center;padding:20px}#footer{position:relative;z-index:2}.scrolldown{position:absolute;bottom:10px;left:50%;opacity:0;transition:opacity 1s ease-in-out}.scrolldown span{position:absolute;left:10px;bottom:10px;color:#595959;font-size:.8rem;letter-spacing:.05em;-ms-writing-mode:tb-rl;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl}.scrolldown:before{content:"";position:absolute;bottom:0;left:-4px;width:10px;height:10px;border-radius:50%;background:#595959;animation:circlemove 1.6s ease-in-out infinite,cirlemovehide 1.6s ease-out infinite}@keyframes circlemove{0%{bottom:50px}100%{bottom:-5px}}@keyframes cirlemovehide{0%{opacity:0}50%{opacity:1}80%{opacity:.9}100%{opacity:0}}.scrolldown:after{content:"";position:absolute;bottom:0;left:0;width:2px;height:55px;background:#595959}#splash_text svg{height:2px}#container{width:100%;height:100vh;background:#ccc;display:flex;justify-content:center;align-items:center;text-align:center}a{color:#333}a:hover{text-decoration:none}.title{text-align:center;background-color:#0db9d7;color:#f5f6f8;padding:50px 0;margin-top:85px}.main__title{font-size:30px;letter-spacing:1px}.subtitle{font-size:14px;font-weight:500;padding-top:5px;letter-spacing:1px}@media screen and (min-width:768px){.title{text-align:center;background-color:#0db9d7;color:#f5f6f8;padding:100px 0;margin-top:85px}.main__title{font-size:55px;letter-spacing:1px}.subtitle{font-size:16px;padding-top:5px;letter-spacing:1px}}.article-title{font-size:20px;font-weight:700}@media screen and (min-width:768px){.article-title{font-size:24px}}.post-link{width:300px;display:flex;justify-content:space-between;margin:0 auto}.meta{margin:30px 0}.text{line-height:1.75;margin-bottom:100px}.area{max-width:400px;width:100%;margin:0 auto}@media screen and (min-width:768px){.area{max-width:920px;margin:0 auto}}.privacy ol{list-style-position:outside;margin:10px 0 0 25px}@media screen and (min-width:768px){.privacy ol{margin:20px 0 0 50px}}.privacy__title{margin:30px 0;font-size:20px}@media screen and (min-width:768px){.privacy__title{font-size:24px}}.privacy__text{line-height:1.75}.privacy__text li{margin-top:20px}.eachTextAnime{display:none}.eachTextAnime span{opacity:0}.eachTextAnime.appeartext span{animation:text_anime_on 1s ease-out forwards}@keyframes text_anime_on{0%{opacity:0}100%{opacity:1}}