@charset "UTF-8";
html {
  scroll-behavior: smooth;
  font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'Noto Sans JP', sans-serif;
}
/* <h1>・トップページ募集職種・下層ページ募集職種 */
/*---------------------------------------------スマホ用ページ用設定*/
@media screen and (max-width: 767px) {
  /*サイトロゴ*/
  h1 {
    background: url(../_image/cmn_logoSP.svg) no-repeat;
    background-size: 100% auto;
  }
  /*ナビゲーション内サイトロゴ*/
  nav h1 {
    background: url(../_image/cmn_logoSP_w.png) no-repeat;
    background-size: 100% auto;
  }

  /*-----------------------------------------------------------------*/
  /*インタビュー画像*/
  /*-----------------------------------------------------------------*/
  /*プロジェクトマネージャー*/
  /*メイン*/
  .project .interviewImg {
    background: url(../_image/pc_interview_p_Main.png) no-repeat;
    background-size: 100% auto;
  }
  /*写真*/
  .project .phImg.ph01 {
    background: url(../_image/pc_interview_p_Ph01.png) no-repeat center;
    background-size: 86% auto;
    padding: 70% 0 0 0;
  }
  /*-----------------------------------------------------------------*/
  /*ＷＥＢサービスマネージャー*/
  /*メイン*/
  .web .interviewImg {
    background: url(../_image/pc_interview_w_Main.png) no-repeat;
    background-size: 100% auto;
  }
  /*写真*/
  .web .phImg.ph01 {
    background: url(../_image/pc_interview_w_Ph01.png) no-repeat center;
    background-size: 86% auto;
    padding: 70% 0 0 0;
  }
  .web .phImg.ph02 {
    background: url(../_image/pc_interview_w_Ph03.png) no-repeat center;
    background-size: 82% auto;
    padding: 70% 0 0 0;
  }
  .web .phImg.ph03 {
    background: url(../_image/pc_interview_w_Ph02.png) no-repeat center;
    background-size: 82% auto;
    padding: 70% 0 0 0;
  }
  .web .phImg.ph04 {
    background: url(../_image/pc_interview_w_Ph04.png) no-repeat center;
    background-size: 82% auto;
    padding: 70% 0 0 0;
  }
  /*-----------------------------------------------------------------*/
  /*デジタルメディアプロデューサー*/
  /*メイン*/
  .digital_media .interviewImg {
    background: url(../_image/pc_interview_dm_Main.png) no-repeat;
    background-size: 100% auto;
  }
  /*写真*/
  .digital_media .phImg.ph01 {
    background: url(../_image/pc_interview_dm_Ph01.png) no-repeat center;
    background-size: 86% auto;
    padding: 70% 0 0 0;
  }
  .digital_media .phImg.ph02 {
    background: url(../_image/pc_interview_dm_Ph02.png) no-repeat center;
    background-size: 86% auto;
    padding: 70% 0 0 0;
  }
  .digital_media .phImg.ph03 {
    background: url(../_image/pc_interview_dm_Ph03.png) no-repeat center;
    background-size: 86% auto;
    padding: 70% 0 0 0;
  }
  .digital_media .phImg.ph04 {
    background: url(../_image/pc_interview_dm_Ph04.png) no-repeat center;
    background-size: 86% auto;
    padding: 70% 0 0 0;
  }
  .digital_media .phImg.ph05 {
    background: url(../_image/pc_interview_dm_Ph05.png) no-repeat center;
    background-size: 86% auto;
    padding: 70% 0 0 0;
  }
  .digital_media .phImg.ph06 {
    background: url(../_image/pc_interview_dm_Ph06.png) no-repeat center;
    background-size: 86% auto;
    padding: 70% 0 0 0;
  }
  .digital_media .phImg.ph07 {
    background: url(../_image/pc_interview_dm_Ph07.png) no-repeat center;
    background-size: 86% auto;
    padding: 70% 0 0 0;
  }
  /*-----------------------------------------------------------------*/
  /*デジタル広告*/
  /*メイン*/
  .digital_ad .interviewImg {
    background: url(../_image/pc_interview_da_Main.png) no-repeat;
    background-size: 100% auto;
  }
  /*写真*/
  .digital_ad .phImg.ph01 {
    background: url(../_image/pc_interview_da_Ph01.png) no-repeat center;
    background-size: 86% auto;
    padding: 70% 0 0 0;
  }
  .digital_ad .phImg.ph02 {
    background: url(../_image/pc_interview_da_Ph02.png) no-repeat center;
    background-size: 86% auto;
    padding: 70% 0 0 0;
  }
  .digital_ad .phImg.ph03 {
    background: url(../_image/pc_interview_dm_Ph02.png) no-repeat center;
    background-size: 86% auto;
    padding: 70% 0 0 0;
  }
  .digital_ad .phImg.ph04 {
    background: url(../_image/pc_interview_dm_Ph03.png) no-repeat center;
    background-size: 86% auto;
    padding: 70% 0 0 0;
  }
  .digital_ad .phImg.ph05 {
    background: url(../_image/pc_interview_da_Ph03.png) no-repeat center;
    background-size: 86% auto;
    padding: 70% 0 0 0;
  }
  .digital_ad .phImg.ph06 {
    background: url(../_image/pc_interview_da_Ph04.png) no-repeat center;
    background-size: 86% auto;
    padding: 70% 0 0 0;
  }
  /*-----------------------------------------------------------------*/
  /*社内ＩＣＴコンダクター*/
  /*メイン*/
  .system .interviewImg {
    background: url(../_image/pc_interview_s_Main.png) no-repeat;
    background-size: 100% auto;
  }
  /*写真*/
  .system .phImg.ph01 {
    background: url(../_image/pc_interview_s_Ph01.png) no-repeat center;
    background-size: 86% auto;
    padding: 70% 0 0 0;
  }
  /*-----------------------------------------------------------------*/
  /*ゲームプロデューサー*/
  /*メイン*/
  .game .interviewImg {
    background: url(../_image/pc_interview_g_Main.png) no-repeat;
    background-size: 100% auto;
  }
  /*-----------------------------------------------------------------*/
  /*ライツ*/
  /*メイン*/
  .rights .interviewImg {
    background: url(../_image/pc_interview_r_Main.png) no-repeat;
    background-size: 100% auto;
  }
  /*写真*/
  .rights .phImg.ph01 {
    background: url(../_image/pc_interview_r_Ph01.png) no-repeat center;
    background-size: 86% auto;
    padding: 70% 0 0 0;
  }
  /*-----------------------------------------------------------------*/
  /*経理・総務*/
  /*メイン*/
  .keiri .interviewImg {
    background: url(../_image/pc_interview_k_Main.png) no-repeat;
    background-size: 100% auto;
  }
  /*写真*/
  .keiri .phImg.ph01 {
    background: url(../_image/pc_interview_k_Ph01.png) no-repeat center;
    background-size: 86% auto;
    padding: 70% 0 0 0;
  }
  /*-------------------------------------------------------end@media*/
}
/*-------------------------------------------------PC用ページ用設定*/
@media screen and (min-width: 768px) {
  /*サイトロゴ*/
  h1 {
    background: url(../_image/cmn_logo.svg) no-repeat;
    background-size: 100% auto;
  }
  nav h1 {
    background: url(../_image/cmn_logo_w.svg) no-repeat;
    background-size: 100% auto;
  }

  /*-----------------------------------------------------------------*/
  /*インタビュー画像*/
  /*-----------------------------------------------------------------*/
  /*プロジェクトマネージャー*/
  /*メイン*/
  .project .interviewImg {
    background: url(../_image/pc_interview_p_Main.png) no-repeat;
    background-size: 100% auto;
    width: 830px;
    height: 600px;
    margin: 0 auto;
  }
  /*写真*/
  .project .phImg.ph01 {
    width: 396px;
    height: 281px;
    margin: 0 0 0 48px;
    background: url(../_image/pc_interview_p_Ph01.png) no-repeat left top;
    background-size: 100% auto;
    float: right;
  }
  /*-----------------------------------------------------------------*/
  /*ＷＥＢサービスマネージャー*/
  /*メイン*/
  .web .interviewImg {
    position: relative;
    background: url(../_image/pc_interview_w_Main.png) no-repeat;
    background-size: 100% auto;
    width: 830px;
    height: 600px;
    margin: 0 auto;
  }
  /*写真*/
  .web .phImg.ph01 {
    width: 396px;
    height: 281px;
    margin: 0 0 0 48px;
    background: url(../_image/pc_interview_w_Ph01.png) no-repeat;
    background-size: 100% auto;
    float: right;
  }
  .web .phImg.ph02 {
    width: 396px;
    height: 281px;
    background: url(../_image/pc_interview_w_Ph03.png) no-repeat;
    background-size: 100% auto;
  }
  .web .phImg.ph03 {
    width: 396px;
    height: 281px;
    background: url(../_image/pc_interview_w_Ph02.png) no-repeat;
    background-size: 100% auto;
  }
  .web .phImg.ph04 {
    width: 396px;
    height: 281px;
    background: url(../_image/pc_interview_w_Ph04.png) no-repeat;
    background-size: 100% auto;
  }
  /*-----------------------------------------------------------------*/
  /*デジタルメディアプロデューサー*/
  /*メイン*/
  .digital_media .interviewImg {
    background: url(../_image/pc_interview_dm_Main.png) no-repeat;
    background-size: 100% auto;
    width: 830px;
    height: 600px;
    margin: 0 auto;
  }
  /*写真*/
  .digital_media .phImg.ph01 {
    width: 396px;
    height: 281px;
    margin: 0 0 0 48px;
    background: url(../_image/pc_interview_dm_Ph01.png) no-repeat;
    background-size: 100% auto;
    float: right;
  }
  .digital_media .phImg.ph02 {
    width: 396px;
    height: 281px;
    background: url(../_image/pc_interview_dm_Ph02.png) no-repeat center top;
    background-size: 100% auto;
  }
  .digital_media .phImg.ph03 {
    width: 396px;
    height: 281px;
    background: url(../_image/pc_interview_dm_Ph03.png) no-repeat center top;
    background-size: 100% auto;
  }
  .digital_media .phImg.ph04 {
    width: 396px;
    height: 281px;
    background: url(../_image/pc_interview_dm_Ph04.png) no-repeat center top;
    background-size: 100% auto;
  }
  .digital_media .phImg.ph05 {
    width: 396px;
    height: 281px;
    background: url(../_image/pc_interview_dm_Ph05.png) no-repeat center top;
    background-size: 100% auto;
  }
  .digital_media .phImg.ph06 {
    width: 396px;
    height: 281px;
    background: url(../_image/pc_interview_dm_Ph06.png) no-repeat center top;
    background-size: 100% auto;
  }
  .digital_media .phImg.ph07 {
    width: 396px;
    height: 281px;
    background: url(../_image/pc_interview_dm_Ph07.png) no-repeat center top;
    background-size: 100% auto;
  }
  .digital_media .phImg.ph08 {
    width: 396px;
    height: 281px;
    background: url(../_image/pc_interview_dm_Ph08.png) no-repeat center top;
    background-size: 100% auto;
  }
  .digital_media .phImg.ph09 {
    width: 396px;
    height: 281px;
    background: url(../_image/pc_interview_dm_Ph09.png) no-repeat center top;
    background-size: 100% auto;
  }
  /*-----------------------------------------------------------------*/
  /*デジタル広告*/
  /*メイン*/
  .digital_ad .interviewImg {
    background: url(../_image/pc_interview_da_Main.png) no-repeat;
    background-size: 100% auto;
    width: 830px;
    height: 600px;
    margin: 0 auto;
  }
  /*写真*/
  .digital_ad .phImg.ph01 {
    width: 396px;
    height: 281px;
    margin: 0 0 0 48px;
    background: url(../_image/pc_interview_da_Ph01.png) no-repeat;
    background-size: 100% auto;
    float: right;
  }
  .digital_ad .phImg.ph02 {
    width: 396px;
    height: 281px;
    margin: 0 48px 0 0;
    background: url(../_image/pc_interview_da_Ph02.png) no-repeat;
    background-size: 100% auto;
    float: left;
  }
  .digital_ad .phImg.ph03 {
    width: 396px;
    height: 281px;
    background: url(../_image/pc_interview_dm_Ph02.png) no-repeat center top;
    background-size: 100% auto;
  }
  .digital_ad .phImg.ph04 {
    width: 396px;
    height: 281px;
    background: url(../_image/pc_interview_dm_Ph03.png) no-repeat center top;
    background-size: 100% auto;
  }
  .digital_ad .phImg.ph05 {
    width: 396px;
    height: 281px;
    background: url(../_image/pc_interview_da_Ph03.png) no-repeat center top;
    background-size: 100% auto;
  }
  .digital_ad .phImg.ph06 {
    width: 396px;
    height: 281px;
    background: url(../_image/pc_interview_da_Ph04.png) no-repeat center top;
    background-size: 100% auto;
  }
  /*-----------------------------------------------------------------*/
  /*社内ＩＣＴコンダクター*/
  /*メイン*/
  .system .interviewImg {
    background: url(../_image/pc_interview_s_Main.png) no-repeat;
    background-size: 100% auto;
    width: 830px;
    height: 600px;
    margin: 0 auto;
  }
  /*写真*/
  .system .phImg.ph01 {
    width: 330px;
    margin: 0 0 0 48px;
    padding: 37% 0 0 0;
    background: url(../_image/pc_interview_s_Ph01.png) no-repeat;
    background-size: 100% auto;
    float: right;
  }
  .system .phImg.ph02 {
    width: 330px;
    margin: 0 48px 0 0;
    padding: 37% 0 0 0;
    background: url(../_image/pc_interview_s_Ph02.png) no-repeat;
    background-size: 100% auto;
    float: left;
  }
  .system .phImg.ph03 {
    width: 580px;
    margin: 24px auto 0;
    padding: 44% 0 0 0;
    background: url(../_image/pc_interview_s_Ph03.png) no-repeat center top;
    background-size: 100% auto;
  }
  /*-----------------------------------------------------------------*/
  /*ゲームプロデューサー*/
  /*メイン*/
  .game .interviewImg {
    background: url(../_image/pc_interview_g_Main.png) no-repeat;
    background-size: 100% auto;
    width: 830px;
    height: 600px;
    margin: 0 auto;
  }
  /*写真*/
  .game .phImg.ph01 {
    width: 330px;
    margin: 0 0 0 48px;
    padding: 37% 0 0 0;
    background: url(../_image/pc_interview_g_Ph01.png) no-repeat;
    background-size: 100% auto;
    float: right;
  }
  .game .phImg.ph02 {
    width: 330px;
    margin: 0 48px 0 0;
    padding: 37% 0 0 0;
    background: url(../_image/pc_interview_g_Ph02.png) no-repeat;
    background-size: 100% auto;
    float: left;
  }
  .game .phImg.ph03 {
    width: 580px;
    margin: 24px auto 0;
    padding: 44% 0 0 0;
    background: url(../_image/pc_interview_g_Ph03.png) no-repeat center top;
    background-size: 100% auto;
  }
  /*-----------------------------------------------------------------*/
  /*ライツ*/
  /*メイン*/
  .rights .interviewImg {
    background: url(../_image/pc_interview_r_Main.png) no-repeat;
    background-size: 100% auto;
    width: 830px;
    height: 600px;
    margin: 0 auto;
  }
  /*写真*/
  .rights .phImg.ph01 {
    width: 330px;
    margin: 0 0 0 48px;
    padding: 37% 0 0 0;
    background: url(../_image/pc_interview_r_Ph01.png) no-repeat;
    background-size: 100% auto;
    float: right;
  }
  /*-----------------------------------------------------------------*/
  /*経理・総務*/
  /*メイン*/
  .keiri .interviewImg {
    background: url(../_image/pc_interview_k_Main.png) no-repeat;
    background-size: 100% auto;
    width: 830px;
    height: 600px;
    margin: 0 auto;
  }
  /*写真*/
  .keiri .phImg.ph01 {
    width: 330px;
    margin: 0 0 0 48px;
    padding: 37% 0 0 0;
    background: url(../_image/pc_interview_k_Ph01.png) no-repeat;
    background-size: 100% auto;
    float: right;
  }
  /*-------------------------------------------------------end@media*/
}