@charset "UTF-8";
body .wrap .main-img {
  height: 320px;
  background: url(../../images/recruit/system/main.jpg) no-repeat left top;
}
body .wrap .main-img h2 {
  line-height: 1.4;
  letter-spacing: 0.2em;
  padding-top: 8%;
}
body .wrap .main-img h2 div {
  font-size: 65%;
}
body .wrap .content .breadcrumbs {
  line-height: 2;
  padding-bottom: 50px;
}
body .wrap .content .linklist {
  display: flex;
  -webkit-flex-wrap: wrap;
  /* Safari */
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  /* Safari */
  justify-content: space-between;
  padding: 20px 0 70px 0;
}
body .wrap .content .linklist a.blackbelt {
  display: block;
  width: 520px;
  height: 100px;
  text-align: center;
  font-weight: 700;
  line-height: 98px;
  font-size: 125%;
  background: url(../../images/voice/blackbelt-icon.png) no-repeat right 10px top 50% #000;
  color: #fff;
  letter-spacing: 0.3em;
}
body .wrap .content .linklist a.blackbelt:hover {
  background-color: #7f7f7f;
  text-decoration: none;
}
body .wrap .content .detail {
  width: 1000px;
  margin: 20px auto 100px auto;
}
body .wrap .content .detail .list h4 {
  background: #bc3129;
  color: #fff;
  padding: 0.3em 0 0.3em 1em;
  margin-bottom: 20px;
  font-size: 150%;
}
body .wrap .content .detail .list h4 + p {
  margin-bottom: 40px;
}
body .wrap .content .detail .list h4 + p.mb10 {
  margin-bottom: 10px;
}
body .wrap .content .detail .list h4 + p.mb10 + img {
  margin-bottom: 40px;
}
body .wrap .content .detail .list h4 + p.mb10 + .row {
  margin-bottom: 40px;
}
body .wrap .content .detail .list h4 + p.mb10 + .row img.fleft:first-child {
  margin-right: 10px;
}
body .wrap .content .detail .list h4 + ol {
  margin-bottom: 40px;
  list-style-position: inside;
}
body .wrap .content .detail .list h5 {
  padding-left: 1.5em;
  background: url(../../images/company/h4-icon.png) no-repeat left center;
  background-size: 20px 20px;
  font-size: 125%;
  margin-bottom: 8px;
}
body .wrap .content .detail .list h5 + p {
  padding: 0 0 3em 2em;
}
body .wrap .content .detail .list h5 + h4 {
  margin-top: 40px;
}
body .wrap .content .detail .list p span.r {
  color: red;
}
body .wrap .content .detail .cont {
  margin-bottom: 30px;
}
body .wrap .content .detail .cont p span.r {
  color: red;
}
body .wrap .content .detail .cont + img {
  margin-bottom: 30px;
}
body .wrap .content .detail .cont h5 {
  font-size: 125%;
  color: red;
  margin-bottom: 10px;
}
body .wrap .content .detail .cont h5 + p {
  margin-bottom: 40px;
}
body .wrap .content .detail .cont h5.ared a {
  color: red;
}
body .wrap .content .detail .cont h6 {
  font-size: 110%;
  font-weight: 700;
}
body .wrap .content .detail .cont h6 + p {
  margin-bottom: 20px;
}
body .wrap .content .detail .cont h6 + p + p a {
  word-break: break-all;
}
body .wrap .content .detail .cont .row {
  margin-bottom: 40px;
}
body .wrap .content .detail .cont .row img.fright {
  width: 20%;
  height: auto;
}
body .wrap .content .detail .cont .row p.fleft {
  width: 77%;
}
body .wrap .content .detail .cont a.banner {
  margin-bottom: 10px;
  display: block;
  width: 1000px;
  height: 178.57px;
  background: url(../../images/home/banner.jpg) no-repeat;
  text-indent: -9999px;
  background-size: cover;
}
body .wrap .content .detail .cont a.banner + P {
  margin-bottom: 40px;
}
body .wrap .content .detail .cont a.banner-mod {
  width: 651px;
  margin: 0 auto 40px 0;
  display: block;
}
body .wrap .content .detail .cont a.banner-mod + P {
  margin-bottom: 40px;
}
body .wrap .content .detail .catch {
  text-align: center;
  font-size: 180%;
  margin-bottom: 30px;
  font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}

@media screen and (min-width: 0px) and (max-width: 750px) {
  body .wrap .main-img {
    padding-top: 25%;
  }
  body .wrap .main-img h2 {
    top: 0;
    padding-top: 3%;
  }
  body .wrap .content .breadcrumbs {
    line-height: 2;
    padding: 1% 0 5% 2%;
  }
  body .wrap .content .linklist {
    width: 89.33%;
    margin: 0 auto;
    padding: 2% 0 5% 0;
  }
  body .wrap .content .linklist a.blackbelt {
    display: block;
    width: 47.76%;
    height: 10%;
    padding: 6% 0;
    line-height: 1;
    font-size: 4vw;
    letter-spacing: 0.1em;
    margin-bottom: 4%;
  }
  body .wrap .content .detail {
    width: 89.33%;
    margin: 2% auto 10% auto;
  }
  body .wrap .content .detail img.mw198 {
    max-width: 198px;
    margin: 0 auto;
  }
  body .wrap .content .detail img.mw230 {
    max-width: 230px;
    margin: 0 auto;
  }
  body .wrap .content .detail .list h4 {
    background: #bc3129;
    color: #fff;
    padding: 0.3em 0 0.3em 1em;
    margin-bottom: 5%;
    font-size: 4vw;
  }
  body .wrap .content .detail .list h4 + p {
    margin-bottom: 0;
    padding-bottom: 7%;
  }
  body .wrap .content .detail .list h4 + p.mb10 + .row {
    padding-bottom: 7%;
  }
  body .wrap .content .detail .list h4 + p.mb10 + .row img.fleft {
    width: 49.5%;
  }
  body .wrap .content .detail .list h4 + p.mb10 + .row img.fleft:first-child {
    margin-right: 1%;
  }
  body .wrap .content .detail .list h5 {
    padding-left: 7%;
    background: url(../../images/company/h4-icon.png) no-repeat left center;
    background-size: 5.37% auto;
    font-size: 4vw;
    margin-bottom: 2%;
  }
  body .wrap .content .detail .list h5 + p {
    margin-bottom: 0;
    padding-bottom: 7%;
  }
  body .wrap .content .detail .cont a.banner {
    width: 100%;
    margin: 0 auto;
    height: 0;
    padding-top: 65.67%;
    background: url(../../images/home/banner-sp.jpg) no-repeat;
    background-size: contain;
    margin-bottom: 3%;
  }
  body .wrap .content .detail .cont a.banner-mod {
    width: 100%;
    margin: 0 auto 5% auto;
  }
  body .wrap .content .detail .cont .row img.fright {
    width: 45%;
    height: auto;
    margin-left: 2%;
  }
  body .wrap .content .detail .cont .row p.fleft {
    width: auto;
    float: none;
  }
  body .wrap .content .detail .cont .row.pb5 {
    padding-bottom: 7%;
  }
  body .wrap .content .detail .catch {
    font-size: 6vw;
    margin-bottom: 7%;
    font-size: 4.6vw;
    padding-top: 0;
    line-height: 2;
    text-align: center;
  }
}