@charset "UTF-8";
.recruit-main {
  background: url("../img/mv/main_recruit.png") no-repeat left top;
}
@media screen and (max-width: 768px) {
  .recruit-main {
    background: url("../img/mv/main_recruit_sp.png") no-repeat center top;
    background-size: cover;
  }
}

.contents-wrapper .main {
  text-align: center;
}

/*----------------------------------------*/
/* $ 募集要項
/*----------------------------------------*/
.contents-in .recruit dl:not(.staff, .staff02) p {
  margin-top: 20px;
  background: url("../img/common/icon01.png") no-repeat left 7px;
  padding-left: 15px;
}
.contents-in .recruit .bnr {
  margin-top: 100px;
}
.contents-in .recruit .bnr .block p {
  line-height: 1.4;
}
.contents-in .recruit .bnr .block a {
  margin-top: 5px;
}
.contents-in .recruit .bnr .block + .block {
  margin-top: 30px;
}
.contents-in .recruit .bnr .block.todoql_bnr a {
  width: 240px;
}
.contents-in .recruit .bnr .block.business_bnr a {
  width: 238px;
}
@media screen and (max-width: 768px) {
  .contents-in .recruit dl:not(.staff, .staff02) dt {
    font-size: 3.7333333333vw;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
  }
  .contents-in .recruit dl:not(.staff, .staff02) p {
    font-size: 4vw;
    margin-top: 5vw;
    background-size: 5px auto;
    padding-left: 4vw;
  }
  .contents-in .recruit #oubo a {
    display: inline-block;
  }
  .contents-in .recruit .bnr {
    margin-top: 13vw;
  }
  .contents-in .recruit .bnr .block {
    text-align: center;
    font-size: 2.6666666667vw;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
  }
  .contents-in .recruit .bnr .block a {
    margin-top: 3vw;
  }
  .contents-in .recruit .bnr .block + .block {
    margin-top: 8vw;
  }
  .contents-in .recruit .bnr .block.todoql_bnr a, .contents-in .recruit .bnr .block.business_bnr a {
    width: 50%;
    margin: 3vw auto 0;
  }
}

/*----------------------------------------*/
/* $ 社員インタビュー一覧
/*----------------------------------------*/
.interview_list .box01 {
  text-align: center;
  border: 1px solid #c9c9c9;
  padding: 5px;
  /*width: 500px;*/
  float: left;
  margin-right: 80px;
  margin-bottom: 100px;
}
.interview_list .box01 a:hover, .interview_list .box01 a:after, .interview_list .box01 a:link {
  text-decoration: none;
}
.interview_list .box01:nth-child(even) {
  margin-right: 0;
}
.interview_list .box01 p {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.3;
  margin-top: 20px;
}
.interview_list .box01 p span {
  font-size: 15px;
  font-weight: normal;
  display: block;
}
.interview_list .box01 p.year {
  font-size: 18px;
  font-weight: normal;
}
.interview_list .box01 .interview p {
  background: #00479d;
  padding: 9px 0;
  display: block;
  background: url(../img/recruit/icon01.png) no-repeat 135px 14px #00479d;
  color: #fff;
  font-size: 15px;
  font-weight: normal;
}
@media screen and (max-width: 768px) {
  .interview_list .box01 {
    padding: 2px;
    width: 100%;
    float: none;
    margin: 8vw 0 0 0;
  }
  .interview_list .box01 p {
    font-size: 4.8vw;
    line-height: 1.3;
    margin-top: 4vw;
  }
  .interview_list .box01 p span {
    font-size: 3.2vw;
    margin-top: 1vw;
  }
  .interview_list .box01 p.year {
    font-size: 3.7333333333vw;
  }
  .interview_list .box01 .interview p {
    padding: 2.5vw 0;
    background-position: 16vw;
    font-size: 4vw;
  }
}

/*----------------------------------------*/
/* $ 社員インタビュー詳細
/*----------------------------------------*/
.interview_content .staff, .interview_content .staff02 {
  float: left;
  width: 656px;
}
.interview_content .staff dt, .interview_content .staff02 dt {
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
  color: #00479d;
  display: block;
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 1em;
}
.interview_content .staff dd, .interview_content .staff02 dd {
  font-size: 14px;
  margin-bottom: 50px;
}
.interview_content .staff02 {
  float: none;
  width: auto;
  margin-bottom: 124px;
}
.interview_content .staffimg {
  text-align: center;
  margin: 30px 0 60px;
}
.interview_content .bg-pink {
  background: #fff3f3;
  padding: 30px;
  float: right;
  width: 395px;
}
.interview_content table.timetable {
  font-size: 14px;
  margin: 20px 0 0 0;
}
.interview_content table.timetable tr {
  border-top: 1px dotted #444;
}
.interview_content table.timetable tr th, .interview_content table.timetable tr td {
  border: none;
  color: #5da6ff;
  font-weight: bold;
}
.interview_content table.timetable tr th {
  vertical-align: text-top;
  background: none;
}
.interview_content table.timetable tr td span {
  color: #444;
  font-weight: normal;
}
@media screen and (max-width: 768px) {
  .interview_content {
    margin-top: 8vw;
  }
  .interview_content .staff, .interview_content .staff02 {
    float: none;
    width: 100%;
  }
  .interview_content .staff dt, .interview_content .staff02 dt {
    font-size: 4.2666666667vw;
    letter-spacing: 0.025em;
    margin-bottom: 2vw;
  }
  .interview_content .staff dd, .interview_content .staff02 dd {
    font-size: 4vw;
    margin-bottom: 5vw;
  }
  .interview_content .staff02 {
    float: none;
    width: auto;
    margin-bottom: 12vw;
  }
  .interview_content .staffimg {
    margin: 3vw 0 6vw;
  }
  .interview_content .bg-pink {
    padding: 8vw 3vw;
    float: none;
    width: 100%;
    margin-top: 10vw;
  }
  .interview_content table.timetable {
    margin: 2vw 0 0 0;
  }
  .interview_content table.timetable tr th, .interview_content table.timetable tr td {
    font-size: 3.7333333333vw;
  }
  .interview_content table.timetable tr th {
    width: 10%;
  }
  .interview_content table.timetable tr td {
    width: 90%;
    padding: 3vw 1vw;
  }
}