@charset "UTF-8";
body .wrap .main-img {
  height: 320px;
  background: url(../../images/recruit/training/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 .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 + img {
  margin-bottom: 5px;
}
body .wrap .content .detail .list h4 + img + p {
  margin-bottom: 40px;
}
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 .list .row .img.fright img {
  margin-bottom: 5px;
}
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 .detail {
    width: 89.33%;
    margin: 2% auto 10% 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 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 .list .row {
    padding-bottom: 7%;
  }
  body .wrap .content .detail .list .row .fleft {
    float: none;
  }
  body .wrap .content .detail .list .row .img.fright {
    float: none;
    width: 100%;
    display: flex;
    -webkit-flex-wrap: wrap;
    /* Safari */
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    /* Safari */
    justify-content: space-between;
    align-items: flex-start;
  }
  body .wrap .content .detail .list .row .img.fright img {
    margin-bottom: 0;
    width: 50%;
    height: auto;
  }
  body .wrap .content .detail .catch {
    font-size: 4vw;
    margin-bottom: 7%;
  }
}