@charset "UTF-8";
/* ==========================================================================
   20200911_topページ-HRチャンネルブロック
   ========================================================================== */
.indexSectionTitle.hrch .indexSectionTitle__text:before{
  display: none;
}
.indexSectionTitle.hrch .indexListService__logo{
  width: 70%;
}
.\@inView.-inViewFadeIn.-inViewActive.hrch-contents{
  background: #fff;
  border-radius: 16px;
  padding: 0.3rem 0.5rem 0.6rem;
  -webkit-box-shadow: 0 0.03rem 0.04rem rgba(0, 0, 0, 0.05);
  box-shadow: 0 0.03rem 0.04rem rgba(0, 0, 0, 0.05);
}
.\@inView.-inViewFadeIn.-inViewActive.hrch-contents .indexListService__logoWrap{
  padding: 0;
  box-shadow: none;
   background: none;
}
@media screen and (min-width: 768px){
  .hrch-contents .indexListService__item {
    width: 23%;
  }
  .hrch-contents .indexListService__caption{
    font-weight: 700;
  }
}
@media screen and (max-width: 767px){
  .\@inView.-inViewFadeIn.-inViewActive.hrch-contents{
    padding: 0 20px;
    box-shadow: none;
    border-radius: 0;
  }
  .hrch-contents .indexListService__item {
    width: 100%;
    margin-bottom: 20px;
    margin-top: 0;
  }
  .hrch-contents .indexListService__caption{
    text-align: center;
    font-size: 16px;
    font-weight: 700;
  }
}
@media screen and (max-width: 767px){
    .footer__utility {
        flex-wrap: wrap;
    }
    .footer__utility li {
        padding: 0.05rem 0.05rem;
    }
}

/* ---------- TOPサービスロゴ */
.indexListService {flex-wrap: wrap;}
@media screen and (min-width: 768px){
  .indexListService {gap: .13rem 0;}
  .indexListService.createWebsite {justify-content: center;gap: .13rem .33rem;}
  .indexListService.createWebsite .indexListService__item {text-align: center;}
  .indexListService__item.mainItem {width: 5.42rem;}
  .indexListService__item.mainItem img {width: 2.45rem;}
}

/* ---------- staffページ修正 */
.listStaff__from:before {content: "エリア：";}
.listStaff .listStaff__image__wrap {
  display: block;
  position: relative;
}
.listStaff .listStaff__item .listStaff__image__logo {
  position: absolute;
  right: 0.05rem;
  top: 0.05rem;
  width: 0.78rem;
  max-width: 80px;
}

/* ---------- 20220401チェンジジョバーの修正 */
@media screen and (min-width: 768px), print {
  .serviceFeature.flex-column-2 .serviceFeature__item {
      width: 5.78rem;
  }
}

/* ---------- 20220517JMエントリーサービスページ */
.serviceOverview_movie iframe {
  display: block;
  width: 100%;
  max-width: 6.8rem;
  height: 3.825rem;
  box-shadow: 0 0 .1rem rgba(0,0,0,.06);
  margin: .4rem auto .8rem auto;
}
.contentsContactBtn {
  text-align: center;
  margin-top: .3rem;
}
@media screen and (max-width: 767px){
  .serviceOverview_movie iframe {height: 1.9rem;margin: 0.3rem auto 0.6rem auto;}
}

/* ---------- TOPページバナー */
.indexListBanner {padding-bottom: 1.44rem;}
.indexListBanner__item {text-align: center;}
.indexListBanner__item + .indexListBanner__item {margin-top: .34rem}
.indexListBanner__item a img {transition: transform .3s;transform: translateY(0);}
.indexListBanner__item a:hover img {transform:translateY(-.05rem)}
@media screen and (max-width: 767px) {
  .indexListBanner {padding-bottom: 23.73vw;}
  .indexListBanner__item + .indexListBanner__item {margin-top:3.47vw}
  .indexListBanner__item a:hover img {transform:translateY(-0.5rem)}
}

/* ---------- iframeフォーム設置 */
.iframe_form_wrap {
    max-width: 1000px;
    margin: 2.5em auto 0 auto;
    padding: 2em 1em;
    box-shadow: 0 5px 5px rgba(0,0,0,.16);
    border: solid 1px #ddd;
    border-radius: 5px;
}

/* ---------- フッターGCERTIロゴ */
.footer__linkLogoWrap > a.gcerti {/* width: 2rem; */}
@media screen and (max-width: 767px){
    .footer__linkLogoWrap > a.gcerti {/* width: 1rem; */}
}

/* ---------- 採用情報 */
.listRecluit .listRecluit__btn {
  width: 50%;
  padding: 0 .2rem;
  max-width: 600px;
}
.listRecluit .listRecluit__btn a {
  width: 100%;
  text-align: center;
  font-size: .2rem;
}
.listRecluit_overview {
  margin: .5rem auto;
  max-width: 1000px;
}
.listRecluit_overview h4 {
  border-left: solid 8px #3e83d3;
  padding: .05rem .1rem;
  margin-bottom: .15rem;
  font-size: .26rem;
}
@media (max-width:767px) {
  .listRecluit .listRecluit__btn {
    width: 100%;
    padding: 0;
  }	
  .listRecluit .listRecluit__btn + .listRecluit__btn {margin-top: .2rem;}
  .listRecluit .listRecluit__btn a {font-size: .13rem;}
  .listRecluit_overview h4 {font-size: .17rem;}
}

/* ---------- salesforceお問い合わせフォーム */
#salesforce-form {
  margin: .34rem 0;
  padding: .75rem 0;
  position: relative;
}
#salesforce-form::before {
  content: "";
  display: block;
  background: #F8F8F8;
  width: 100vw;
  height: 100%;
  position: absolute;
  left: calc(((100vw - 100%) / 2) * -1);
  top: 0;
  z-index: -1;
}
#salesforce-form .salesforce-form-wrap {
  background: #FFF;
  border-radius: 10px;
  padding: .7rem .75rem;
  max-width: 1100px;
  margin: 0 auto;
}
@media (max-width:767px) {
  #salesforce-form {
    margin: 10vw 0;
    padding: 15vw 0;
  }
  #salesforce-form .salesforce-form-wrap {padding: 4.5vw 1vw;}
}