@charset "utf-8";

/* メインイメージ
-------------------- */
#SliderBox {
  width: 1000px;
  margin: 0 auto 30px;
}
#SliderWrap {
  position: relative;
}
#SliderBox .bx-prev {
  position: absolute;
  left: -30px;
  top: 200px;
  display: block;
  width: 59px;
  height: 59px;
  background: url(../img/slider/btn_prev.png) no-repeat;
  text-indent: -9999em;
  overflow: hidden;
}
#SliderBox .bx-next {
  position: absolute;
  right: -30px;
  top: 200px;
  display: block;
  width: 59px;
  height: 59px;
  background: url(../img/slider/btn_next.png) no-repeat;
  text-indent: -9999em;
  overflow: hidden;
}
#SliderBox .bx-pager {
  text-align: center;
}
#SliderBox .bx-pager-item {
  display: inline;
  margin: 10px 0;
}
#SliderBox .bx-pager-item a.bx-pager-link {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 5px;
  background: url(../img/slider/btn_pager.png) bottom no-repeat;
  text-indent: 9999em;
  overflow: hidden;
}
#SliderBox .bx-pager-item a.active {
  background: url(../img/slider/btn_pager.png) top no-repeat;
}


@media screen and (max-width: 640px) {
  #SliderBox {
    width: auto;
    margin: 0 auto 30px;
  }
  #SliderBox .bx-prev ,
  #SliderBox .bx-next {
    display: none;
  }
}
/* メインイメージ
-------------------- */

/* ？？？
-------------------- */
.wrap {
  width: 1000px;
  margin: 0 auto;
}

@media screen and (max-width: 640px) {
  .wrap {
    width: auto;
  }
}
/* ？？？
-------------------- */

/* 会社案内
-------------------- */
#TopAbout {
  position: relative;
}
#TopAbout  li  {
  list-style: none;
  position: absolute;
  left: 15%;
  margin: 0!important;/*文字がずれている場合や*/
  padding: 0!important;/*文字が折り返される場合*/ 
}
#TopAbout li a {
  color: #fff;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Verdana, Arial, sans-serif;
  font-weight: bold;
  font-size: 22pxm;
  font-size: 2.2rem;
}
#TopAbout li a:hover {
  padding: 0 15px;
  background-color:rgba(255,255,255,0.2);
  text-decoration: none;
}

#TopAbout {
  li.ta_mes {
    top: 43%;
  }
  li.ta_pro {
    top: 50%;
  }
  li.ta_his {
    top: 57%;
  }
  li.ta_com {
    top: 64%;
  }
  li.ta_org {
    top: 71%;
  }
  li.ta_gui {
    top: 78%;
  }
}

#sp-TopAbout {
  display: none;
}

@media screen and (max-width: 640px) {
  #TopAbout li a {
    font-size: 2.5vw;
  }
  #TopAbout li a:hover {
    padding: 0;
  }
}
@media screen and (max-width: 640px) {
  #sp-TopAbout {
    display: block;
  }
  #sp-TopAbout #link {
      background: url(../img/page/spbackCompany.jpg) no-repeat;
      background-size: 100% 100%;

    li {
      margin: 0 0;
    }
    li a {
      color: #FFF;
      font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Verdana, Arial, sans-serif;
      font-weight: bold;
      font-size: 16pxm;
      font-size: 1.6rem;
      margin-left: 10px;
    }
  }
}
/* 会社案内
-------------------- */

/* 業務紹介・実績
-------------------- */
#TopJobs {
  position: relative;
}
#TopJobs  li  {
  list-style: none;
  position: absolute;
  left: 77%;
  margin: 0!important;/*文字がずれている場合や*/
  padding: 0!important;/*文字が折り返される場合*/ 
}
#TopJobs li a {
  color: #fff;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Verdana, Arial, sans-serif;
  font-weight: bold;
  font-size: 22pxm;
  font-size: 2.2rem;
}
#TopJobs li a:hover {
  padding: 0 15px;
  background-color:rgba(255,255,255,0.2);
  text-decoration: none;
}

#TopJobs {
  li.tj_one {
    top: 39%;
  }
  li.tj_two {
    top: 46%;
  }
  li.tj_three {
    top: 53%;
  }
}

#sp-TopJobs{
  display: none;
}

@media screen and (max-width: 640px) {
  #TopJobs li a {
    font-size: 2.5vw;
  }
  #TopJobs li a:hover {
    padding: 0;
  }
}
@media screen and (max-width: 640px) {
  #sp-TopJobs {
    display: block;
  }
  #sp-TopJobs #link {
      background: url(../img/page/spbackJobs.jpg) no-repeat;
      background-size: 100% 100%;
    li {
      margin: 0 0;
    }
    li a {
      color: #FFF;
      font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Verdana, Arial, sans-serif;
      font-weight: bold;
      font-size: 16pxm;
      font-size: 1.6rem;
      margin-left: 10px;
    }
  }
}
/* 業務紹介・実績
-------------------- */

/* インフォメーション
-------------------- */
#Information {
  margin-bottom: 10px ;
  padding-bottom: 10px ;
  background-color: #fff;
}
/* 左側 (新着情報、採用情報) */
#News {
  float: left;
  width: 470px;
}
/* 右側 (ピックアップ、派遣) */
#Blog {
  float: right;
  width: 470px;
}

#Blog li .eye-catch img {
  width: calc(100% - 5px);
  height: calc(100% - 5px);
padding: 5px;
}
#Blog li img.lastChild {
  display: none;
}
#Blog li img.firstChild {
  display: block;
}
#Blog .bx-controls-direction {
  height: 5px;
}
#Blog .bx-prev {
  background: url(../img/top/btn_works_prev.png) no-repeat;
  text-indent: -9999em;
  position: relative;
  display: block;
  left: -30px;
  top: -80px;
  width: 16px;
  height: 16px;
}
#Blog .bx-next {
  background: url(../img/top/btn_works_next.png) no-repeat;
  text-indent: -9999em;
  position: relative;
  display: block;
  right: -484px;
  top: -96px;
  width: 16px;
  height: 16px;
}
#Blog .sp-img {
  display: none;
}

#Blog .sp-more {
  display: none;
}
@media screen and (max-width: 640px) {
  #Blog .img {
    display: none;
  }
  #Blog .sp-img {
    display: flex;
    justify-content: center;
  }
  #Blog .sp-img li {
    display: block;
    position: relative;
    float: left;
}
  #Blog .sp-img li .eye-catch img {
    width: 105px;
    height: 105px;
    margin-left: 3px;
    margin-right: 3px;
    margin-bottom: 3px;
    text-align: center;
  }
  #Blog .sp-img eye-catch {
    width: auto;
    height: auto;
}
  #Blog .sp-more {
    display: block;
    float: left;
    width: 100%;
  }
}

/* 左右共通-トップページに表示されるリスト */
.feed li {
  margin-bottom: 5px;
  font-size: 13px; font-size: 1.3rem;
}
.feed .date {
  margin-right: 20px;
  padding: 4px 10px;
  background: #0D3F99;
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
}
.feed li #feed_date {
  width: 95px;
  float: left;
}
.feed li #feed_title {
  width: calc(100% - 95px);
  float: left;
  text-decoration: underline;
}

@media screen and (max-width: 640px) {
  /* 左側 */
  #News {
    float: none;
    width: auto;
    margin-bottom: 30px;
  }
  /* 右側 */
  #Blog {
    float: none;
    width: auto;
  }
  #Blog li .eye-catch img {
    width: 200px;
    height: 200px;
  }
  #Blog .img li {
    text-align: center;
  }
}
/* インフォメーション
-------------------- */

/* 不使用
-------------------- */
#About {
  margin-bottom: 30px;
  padding: 30px 0;
  background: url(../img/common/bg_check.png) repeat;
}
#About .left {
  width: 650px;
}
#About .right {
}
#About .more-link {
  margin: 20px 0;
}

@media screen and (max-width: 640px) {
  #About {
    margin-left: -10px;
    margin-right: -10px;
    padding: 30px 10px 10px;
  }
  #About .left {
    float: none;
    width: auto;
  }
  #About .right {
    float: none;
    text-align: center;
  }
}
/* 不使用
-------------------- */


/* 不使用
-------------------- */
#Works {
  margin-top: 0px ;
  margin-bottom: 0px ;
  padding-bottom: 0px ;
  padding-top: 5px ;
  background: url(../img/page/topピックアップコンテンツ.png) no-repeat;
}
#Works.wrap {
}
#Works li img.lastChild {
  display: none;
}
#Works li img.firstChild {
  display: block;
}
#Works li .eye-catch img {
  width: 300px;
  height: 240px;
}
#Works li h3 {
  margin: 0;
  padding: 0;
  background: #fff  !important;
  text-align: center !important;
}
#Works li h3 a {
  font-weight: bold  !important;
  color: #333 !important;
  font-size: 13px; font-size: 1.3rem  !important;
}
#WorksWrap {
  position: relative;
  width: 1000px;
  margin: 0 auto;
}
#Works .bx-prev {
  position: absolute;
  left: -30px;
  top: 100px;
  display: block;
  width: 16px;
  height: 16px;
  background: url(../img/top/btn_works_prev.png) no-repeat;
  text-indent: -9999em;
  overflow: hidden;
}
#Works .bx-next {
  position: absolute;
  right: -30px;
  top: 100px;
  display: block;
  width: 16px;
  height: 16px;
  background: url(../img/top/btn_works_next.png) no-repeat;
  text-indent: -9999em;
  overflow: hidden;
}
.bx-caption {
  text-align: center;
}

@media screen and (max-width: 640px) {
  #WorksWrap {
    width: auto;
  }
  #Works li .eye-catch img {
    width: auto ;
    margin: 0 auto;
    display: block;
  }
}
/* 不使用
-------------------- */

/* Content
-------------------- */
/* フォントのスタイル設定
-------------------- */
/**
 * 大見出し
 *
 */
 h2 {
  /* スタイル */
  font-size: 24px; 
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.2;
  margin: 0.5em 0;
  padding: 0.3em 0.5em;
  text-align: center;
  background: none;
  /* 回り込み防止 */
  overflow: hidden;
}

h2:first-child {
  /* ブロックの最初の場合は余白を詰める */
  margin-top: 0;
}

h2::after {
  content: "";
  display: block;
  width: 2em;
  height: 3px;
  background: #0D3F99;
  margin: 0.3em auto;
}

/**
 * 中見出し
 *
 */
h3 {
  /* スタイル */
  font-size: 22px; 
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 1.2;
  margin: 1em 0;
  background: none;
  padding: 0.3em 0.5em;
  background: url(../img/top/bg_ttl_line.png) left bottom no-repeat !important;
  border: none;
  box-shadow: none;
  /* 回り込み防止 */
  overflow: hidden;
}

h3:first-child {
  /* ブロックの最初の場合は余白を詰める */
  margin-top: 0;
}

/**
 * 小見出し
 *
 */
h4 {
  /* スタイル */
  font-size: 20px; 
  font-size: 2.0rem;
  font-weight: bold;
  line-height: 1.2;
  margin: 1em 0;
  border: none;
  padding: 0.3em 0.5em;
  /* 回り込み防止 */
  overflow: hidden;
  position: relative;
}

h4:first-child {
  /* ブロックの最初の場合は余白を詰める */
  margin-top: 0;
}

h4::after {
  position: absolute;
  bottom: 0.25em;
  left: 0;
  z-index: -1;
  content: '';
  width: 100%;
  height: 8px;
  background-color: #ddd;
  border-radius: 2px;
}

/**
 * 小見出し
 *
 */
h5 {
  /* スタイル */
  font-size: 18px; 
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.2;
  margin: 1em 0;
  padding: 0.3em 0.5em;
  border-bottom: 1px dashed #999;
  /* 回り込み防止 */
  overflow: hidden;
}

h5:first-child {
  /* ブロックの最初の場合は余白を詰める */
  margin-top: 0;
}

/**
 * 小見出し
 *
 */
h6 {
  /* スタイル */
  font-size: 16px; 
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.2;
  margin: 1em 0;
  padding: 0.3em 0.5em;
  border: none;
  border-left: 3px solid #CCC;
  background: #eee;
  padding: 0.3em 0.5em;
  /* 回り込み防止 */
  overflow: hidden;
}

h6:first-child {
  /* ブロックの最初の場合は余白を詰める */
  margin-top: 0;
}