@charset "UTF-8";
#main_header {
  background: url(../../images/recruit_main_fig.svg) no-repeat top 0 right 0;
  margin-top: 150px;
  padding-bottom: 420px;
  text-align: left;
}
@media (max-width: 767px) {
  #main_header {
    background: url(../../images/recruit_main_fig.svg) no-repeat bottom 0 right -80px;
    margin-top: 60px;
  }
}
#main_header h1 {
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  #main_header h1 {
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  #main_header h1 img {
    -webkit-transform: scale(0.8);
            transform: scale(0.8); /* 元サイズの50% */
    -webkit-transform-origin: top left;
            transform-origin: top left; /* 拡大・縮小の基準点 */
    display: block;
  }
}
#main_header p {
  font-size: 2.6rem;
}
@media (max-width: 767px) {
  #main_header p {
    font-size: 1.7rem;
  }
}

#about {
  background: url(../../images/recruit_about_bg.jpg) no-repeat top right;
  text-align: left;
  margin-bottom: 200px;
}
@media (max-width: 767px) {
  #about {
    background: url(../../images/recruit_about_bg.jpg) no-repeat top left 30px;
    margin-bottom: 80px;
  }
}
#about h2 span {
  font-weight: bold;
  /*background-color: var.$yellow-color;
  padding: 5px 15px 5px 10px;*/
}
#about ul.main_works {
  list-style-type: disc;
  list-style-position: outside;
  margin-left: 1em;
  margin-bottom: 20px;
}
#about ul.main_works li {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  #about ul.main_works li {
    font-size: 1.8rem;
  }
}
#about .partner {
  margin-bottom: 120px;
}
#about table td.flow {
  position: relative;
  padding-left: 50px;
  padding-bottom: 30px;
  font-size: 1.8rem;
}
@media (max-width: 767px) {
  #about table td.flow {
    font-size: 1.6rem;
  }
}
#about table td.flow::before {
  content: "";
  position: absolute;
  top: 20%;
  left: 10px;
  width: 15px;
  height: 15px;
  background-color: #939393;
  border-radius: 50%;
}
#about table td.flow::after {
  content: "";
  position: absolute;
  top: 20%;
  left: 16px;
  width: 2px;
  height: 100%;
  background-color: #939393;
  z-index: 0;
}
#about table td.flow.last::after {
  display: none;
}
@media (max-width: 767px) {
  #about table td {
    display: block;
    width: 100%;
  }
  #about table td.fig {
    display: none;
  }
}

#thought {
  text-align: left;
  margin-bottom: 200px;
}
@media (max-width: 767px) {
  #thought {
    margin-bottom: 80px;
  }
}
#thought h2 span {
  font-weight: bold;
  /*background-color: var.$yellow-color;
  padding: 5px 15px 5px 10px;*/
}
#thought p {
  line-height: 2.4;
}
@media (max-width: 767px) {
  #thought p {
    font-size: 2;
  }
}
#thought p.lead_txt {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  #thought p.lead_txt {
    font-size: 1.8rem;
  }
}
#thought .fig_box {
  position: relative;
}
#thought .fig_box img {
  position: absolute;
  left: 0;
  bottom: 0;
}
@media (max-width: 767px) {
  #thought .fig_box img {
    position: relative;
    margin-top: 30px;
  }
}

#growth {
  text-align: left;
  margin-bottom: 200px;
}
@media (max-width: 767px) {
  #growth {
    margin-bottom: 80px;
  }
}
#growth h2 span {
  font-weight: bold;
  /*background-color: var.$yellow-color;
  padding: 5px 15px 5px 10px;*/
}
#growth p.lead_txt {
  font-size: 2rem;
  font-weight: bold;
  line-height: 2.4;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  #growth p.lead_txt {
    font-size: 1.8rem;
  }
}
#growth .job {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 20px;
}
#growth .job p.step {
  width: 5em;
  font-size: 2.2rem;
  font-weight: bold;
  color: #939393;
}
@media (max-width: 767px) {
  #growth .job p.step {
    width: 100%;
  }
}
#growth .job dl {
  width: calc(100% - 7em);
}
@media (max-width: 767px) {
  #growth .job dl {
    width: 100%;
  }
}
#growth .job dt {
  font-size: 1.8rem;
  margin-bottom: 10px;
  margin-top: 5px;
}
#growth .job .growth_arrow {
  margin-top: 20px;
}
#growth .fig_box {
  position: relative;
}
#growth .fig_box img {
  position: absolute;
  right: 0;
  bottom: 0;
}
@media (max-width: 767px) {
  #growth .fig_box img {
    position: relative;
    margin-top: 30px;
  }
}

#timeline {
  text-align: right;
  margin-bottom: 200px;
}
@media (max-width: 767px) {
  #timeline {
    margin-bottom: 80px;
  }
}
#timeline .container {
  background: url(../../images/recruit_time_fig.svg) no-repeat bottom left;
}
@media (max-width: 767px) {
  #timeline .container {
    padding-bottom: 100px;
    background-size: 90%;
  }
}
#timeline h2 span {
  font-weight: bold;
  /*background-color: var.$yellow-color;
  padding: 5px 15px 5px 10px;*/
}
#timeline .oneday {
  text-align: left;
  background-color: #f7f7f7;
  padding: 30px;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  #timeline .oneday {
    padding: 20px;
  }
}
#timeline table th {
  vertical-align: top;
  font-weight: normal;
  padding-right: 20px;
  text-align: right;
}
@media (max-width: 767px) {
  #timeline table th {
    padding-right: 10px;
  }
}
#timeline table td {
  vertical-align: top;
  position: relative;
  line-height: 1.6;
  padding-left: 50px;
  padding-bottom: 30px;
  font-size: 1.7rem;
  /*&.last::after {
    display: none;
  }*/
}
@media (max-width: 767px) {
  #timeline table td {
    font-size: 1.6rem;
  }
}
#timeline table td.last {
  padding-bottom: 0;
}
#timeline table td::before {
  content: "";
  position: absolute;
  top: 10%;
  left: 10px;
  width: 15px;
  height: 15px;
  background-color: #939393;
  border-radius: 50%;
}
#timeline table td::after {
  content: "";
  position: absolute;
  top: 10%;
  left: 16px;
  width: 2px;
  height: 100%;
  background-color: #939393;
  z-index: 0;
}
#timeline table td span {
  display: block;
  margin-left: 1em;
  font-size: 1.4rem;
}

#voice h2 {
  text-align: right;
  margin-bottom: -60px;
}
@media (max-width: 767px) {
  #voice h2 img {
    -webkit-transform: scale(0.8);
            transform: scale(0.8); /* 元サイズの50% */
    -webkit-transform-origin: top right;
            transform-origin: top right; /* 拡大・縮小の基準点 */
    display: block;
  }
}
#voice .voice01, #voice .voice03 {
  background-color: #dfe9f4;
}
#voice .voice_box {
  text-align: left;
  padding: 80px 0;
}
#voice .voice_box h3 {
  color: #0071b6;
  margin-bottom: 40px;
}
#voice .voice_box dl.qa dt {
  text-indent: -1.5em;
  margin-left: 1.5em;
  margin-bottom: 15px;
}
#voice .voice_box dl.qa dd {
  margin-left: 2em;
  margin-bottom: 40px;
}
#voice .col-sm-5 {
  text-align: center;
}
#voice .score {
  border: solid 1px #d3d3d3;
  padding: 5px;
  background-color: #FFFFFF;
  margin-top: 30px;
}
#voice .score dl {
  border: solid 3px #d3d3d3;
  padding: 20px;
  text-align: center;
  background: url(../../images/recruit_window.svg) no-repeat top 50% left -3px;
}
#voice .score dl dd {
  font-size: 2.2rem;
  font-weight: bold;
  color: #0071b6;
}

#recruit_footer {
  background: url(../../images/recruit_footer_bg.jpg) no-repeat top 50% left 50%;
  background-size: cover;
  height: 400px;
}
@media (max-width: 767px) {
  #recruit_footer {
    height: 100px;
  }
}
/*# sourceMappingURL=recruit.css.map */