@charset "UTF-8";

.lline {
  margin: 0 0 0 2em;
  text-indent: -1em;
}

/*-----------------------------------------------------------------*/
/*インタビューページ設定*/
/*-----------------------------------------------------------------*/
/*レイアウト設定*/
section.job {
  position: relative;
  width: 100%;
  background: #f5f5f5;
  /*業務内容に対して大きく上マージンを取る*/
  margin: 160px auto 48px;
  padding: 0px 0 0 0;
}
section.job::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100px; /* グラデーションの高さ */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
  pointer-events: none;
}
/*実際の幅*/
section.job .inner {
  position: relative;
  max-width: 1024px;
  margin: 0 auto;
  padding: 0;
}

/*テキスト部分（共通）*/
article {
  display: block;
  max-width: 610px;
  margin: 0 0 40px 0;
  font-size: 16px;
}

/*写真*/
.sidebar {
  position: relative;
  margin: -100px 0 0 0;
  width: 378px;
  float: right;
  text-align: right;
  font-size: 14px;
}

.sidebar img {
  margin-bottom: 8px;
}

/*スマホ用の写真*/
.inner_contentSP {
  display: none;
}

/*-----------------------------------------------------------------*/
/*社員インタビュー*/
/*-----------------------------------------------------------------*/
/*インタビュー背景*/
.jobColumn {
  background: #f5f5f5;
  padding: 36px 0;
}

/*-----------------------------------------------------------------*/
/*タイトル*/
/*-----------------------------------------------------------------*/
/*社員インタビュー*/
.jobTtl {
  position: relative;
  max-width: 1024px;
  margin: 0 auto -140px;
  font-size: 20px;
  color: #2378b4;
  font-weight: bold;
  /* Mac特有の太すぎる表示を滑らかに調整 */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*部署*/
.jobTtl2 {
  margin-bottom: 8px;
}

/*名前*/
.jobTtl3 {
  font-size: 34px;
  line-height: 1.2;
  color: #2378b4;
  margin-bottom: 0;
  font-weight: bold;
  /* Mac特有の太すぎる表示を滑らかに調整 */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*所属*/
.jobTtl4 {
  font-size: 20px;
  color: #000;
  margin-bottom: 38px;
  font-weight: bold;
  /* Mac特有の太すぎる表示を滑らかに調整 */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h3 {
}

h2 i,
h3 i {
  display: inline-block;
  font-size: 11px;
  font-family: a-otf-futo-go-b101-pr6n, sans-serif;
  letter-spacing: 0.05em;
  line-height: 0;
  text-align: center;
  font-style: normal;
}

/*社員インタビュー・その他のインタビュー*/
h3 {
  margin: 0 auto 0;
}

/*-----------------------------------------------------------------*/
/*業務内容*/
h4 {
  position: relative;
  margin: 0 auto 40px;
  padding: 80px 0 0 0;
  font-weight: normal;
  text-align: center;
}

/*-----------------------------------------------------------------*/
/*●募集内容など*/
h5 {
  width: 22%;
  font-size: 16px;
  margin: 0 auto;
  padding: 0;
  float: left;
  color: #9c1b33;
}

/*Q.*/
h6 {
  position: relative;
  margin: 0 auto 8px;
  font-size: 24px;
  color: #2378b4;
}
h6::before {
  content: 'Q.';
  font-size: 2em;
  font-weight: bold;
  color: #ccc;
  margin-right: 0.2em;
  vertical-align: middle;
}
/*-----------------------------------------------------------------*/
/*Pタグ*/
p {
  margin: 0;
  padding: 0;
}

.content li p {
  width: 76%;
  margin-left: 24%;
  padding: 0;
  font-size: 16px;
}

/*業種説明テキスト*/
p.read {
  width: 90%;
  margin: 0;
  padding: 0 0 40px 24px;
  font-size: 16px;
}

.txt {
  padding: 36px 0 50px;
  font-size: 16px;
  border-top: 1px solid #ccc;
}

/*-----------------------------------------------------------------*/
/*インタビューページ 業務内容*/
ul.content {
  position: relative;
  width: 100%;
  margin: 0 auto 30px;
  padding: 0 0 0 0;
  font-size: 0;
  list-style: none;
}

ul.content li {
  display: inline-block;
  margin: 0 auto;
  width: 100%;
  padding: 16px 24px 16px;
  font-size: 16px;
  list-style: none;
  vertical-align: top;
  border-bottom: 1px solid #ccc;
}

ul.content li:last-child {
  border: none;
}

.ecommerce ul.content {
  border-top: 1px solid #9177db;
}

.digital ul.content {
  border-top: 1px solid #0cc7a6;
}

.koetsu ul.content {
  border-top: 1px solid #51a1df;
}

.ecommerce h5 {
  background: url(../_image/../_image/sp_cmn_eh5.png) no-repeat 0px 6px;
  background-size: 14px;
  padding: 0 0 0 16px;
}

.digital h5 {
  background: url(../_image/../_image/sp_cmn_dh5.png) no-repeat 0px 6px;
  background-size: 14px;
  padding: 0 0 0 16px;
}

.koetsu h5 {
  background: url(../_image/../_image/sp_cmn_kh5.png) no-repeat 0px 6px;
  background-size: 14px;
  padding: 0 0 0 16px;
}

/*-----------------------------------------------------------------*/
/*インタビューメイン画像*/
.interviewImg {
  border: 1px solid #f00;
  position: relative;
  padding: 0 0 28px 88px;
  text-align: center;
}

.interviewImg em {
  display: block;
  padding: 8px 0;
  font-size: 24px;
  line-height: 1;
  font-weight: bold;
  font-style: normal;
  text-align: center;
}

/*-----------------------------------------------------------------*/
/*外部リンク*/
.link {
  padding: 0;
  font-size: 0;
  text-align: center;
}

.link li {
  display: inline-block;
  width: 410px;
  margin: 0 10px 24px;
  padding: 0;
  font-size: 13px;
  text-align: center;
  vertical-align: top;
}

.link li h5 {
  margin: 8px auto 8px;
}

.link li em {
  display: block;
  padding: 18px 0 8px;
  font-size: 15px;
}

.link li a {
  display: block;
}

/*-----------------------------------------------------------------*/
/*募集要項ボタン*/
.boshuBtn {
  display: block;
  width: 70%;
  margin: 28px auto 92px;
  padding: 12px;
  text-align: center;
}

.boshuBtn span {
  background: url(../_image/pc_cmn_link.png) no-repeat;
  background-size: 22px;
  padding: 0 0 0 18px;
  font-size: 15px;
  color: #fff;
  letter-spacing: 0.8;
  text-align: center;
}

/*ボタン色設定（共通）*/
.boshuBtn:hover {
  text-decoration: none;
  opacity: 0.8;
}

.ecommerce .boshuBtn {
  background-color: #9177db;
}

.digital .boshuBtn {
  background-color: #0cc7a6;
}

.koetsu .boshuBtn {
  background-color: #51a1df;
}

/*-----------------------------------------------------------------*/
/*その他のインタビュー設定*/
.interviewOther {
  padding: 0;
  font-size: 0;
  text-align: center;
}

.interviewOther li {
  display: inline-block;
  width: 188px;
  height: 230px;
  margin: 0 10px;
  font-size: 0;
}

.interviewOther li a {
  display: block;
  height: 230px;
}

.interviewOther li.on,
.interviewOther li:hover {
  display: inline-block;
  margin: 0 10px;
  font-size: 0;
  opacity: 0.5;
}

/*---------------------------------------------スマホ用ページ用設定*/
@media screen and (max-width: 767px) {
  /*-----------------------------------------------------------------*/
  /*インタビューページ設定*/
  /*-----------------------------------------------------------------*/
  /*レイアウト設定*/
  section.job {
    position: relative;
    width: 100%;
    background: #f5f5f5;
    margin: 74px auto 48px;
  }
  /*実際の幅*/
  section.job .inner {
    position: relative;
    max-width: 94%;
    margin: 0 auto;
    padding: 0;
  }

  /*テキスト部分（共通）*/
  article {
    display: block;
    width: 96%;
    margin: 0 auto;
    font-size: 15px;
  }

  /*スライドする画像はスマホでは非表示*/
  .sidebar {
    display: none;
  }

  /*スマホ用の写真*/
  .inner_contentSP {
    position: relative;
    width: 60%;
    margin: -120px auto 0;
    display: block;
    text-align: left;
  }

  /*-----------------------------------------------------------------*/
  /*タイトル*/
  /*-----------------------------------------------------------------*/
  /*社員インタビュー*/
  .jobTtl {
    position: relative;
    max-width: 96%;
    margin: 0 auto 0;
    font-size: 15px;
    color: #2378b4;
    font-weight: bold;
    /* Mac特有の太すぎる表示を滑らかに調整 */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  /*部署*/
  .jobTtl2 {
    margin-bottom: 8px;
  }
  /*名前*/
  .jobTtl3 {
    font-size: 26px;
    line-height: 1.2;
    color: #2378b4;
    margin-bottom: 0;
    font-weight: bold;
    /* Mac特有の太すぎる表示を滑らかに調整 */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  /*所属*/
  .jobTtl4 {
    font-size: 15px;
    color: #000;
    margin-bottom: 38px;
    font-weight: bold;
    /* Mac特有の太すぎる表示を滑らかに調整 */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  /*ページタイトル*/
  h3 {
  }

  /*-----------------------------------------------------------------*/
  /*インタビューページ設定*/
  section.work,
  section.basic {
    width: 100%;
  }

  /*-----------------------------------------------------------------*/
  /*業務内容*/
  /*-----------------------------------------------------------------*/
  /*業務内容*/
  h4 {
    position: relative;
    margin: 0 auto 20px;
    padding: 0;
    font-weight: normal;
    text-align: center;
  }

  /*-----------------------------------------------------------------*/
  /*●募集内容など*/
  h5 {
    width: 100%;
    font-size: 15px;
    margin: 0 auto;
    padding: 0;
    float: none;
    color: #9c1b33;
  }

  /*Q.*/
  h6 {
    position: relative;
    margin: 0 auto 8px;
    font-size: 18px;
    color: #2378b4;
  }

  p.read {
    width: 100%;
    margin: 0 auto;
    padding: 0px 0 20px;
    font-size: 15px;
  }

  .content li p {
    width: 100%;
    margin-left: 0;
    padding: 0 0 20px;
    font-size: 15px;
  }

  /*Q.ボックス*/
  .txt {
    padding: 32px 0 40px;
    font-size: 15px;
  }

  /*-----------------------------------------------------------------*/
  /*インタビューページ 業務内容*/
  ul.content {
    margin: 0 auto 50px;
  }

  ul.content li {
    display: block;
    width: 100%;

    font-size: 15px;
    padding: 16px 0 8px;
  }

  /*-----------------------------------------------------------------*/
  /*インタビューメイン画像*/
  .interviewImg {
    margin-bottom: 24px;
    padding: 72% 0 0 0;
  }

  /*-----------------------------------------------------------------*/
  /*外部リンク*/
  .link li {
    width: 100%;
    margin: 0;
  }

  .link li:first-child {
    width: 100%;
    margin: 0 0 36px;
  }

  .link li em {
    display: block;
    padding: 8px 0 0;
    font-size: 15px;
  }

  /*-----------------------------------------------------------------*/
  /*募集要項ボタン*/
  .boshuBtn {
    width: 90%;
    margin: 24px auto 46px;
  }

  .boshuBtn span {
    background: url(../_image/sp_cmn_link.png) no-repeat left center;
    background-size: 16px;
  }

  /*-----------------------------------------------------------------*/
  /*その他のインタビュー設定*/
  .interviewOther {
    padding: 0;
    font-size: 0;
    text-align: center;
  }

  .interviewOther li {
    display: inline-block;
    width: 33.333%;
    margin: 0;
    font-size: 0;
  }

  .interviewOther li a {
    display: block;
    height: 260px;
  }

  .interviewOther li.on {
    display: inline-block;
    width: 33.333%;
    height: 260px;
    margin: 0;
    font-size: 0;
    opacity: 0.5;
  }

  /*ナビゲーションを非表示*/
  .workNavi {
    display: none;
  }

  /*-------------------------------------------------------end@media*/
}

/*iPhone5用設定*/
@media screen and (max-width: 374px) {
  h3 {
    font-size: 15px;
  }

  p.read {
    width: 100%;
    margin: 0 auto;
    padding: 10px 0 10px;
    font-size: 13px;
  }

  /*Q.ボックス*/
  .txt {
    padding: 12px 0 24px;
    font-size: 13px;
  }

  /*-------------------------------------------------------end@media*/
}

/*---------------------------------------------------PC用ページ用設定*/
@media screen and (min-width: 768px) {
  /*-----------------------------------------------------------------*/
  /*-------------------------------------------------------end@media*/
}