@charset "utf-8";
@import url("page.css");
/* CSS Document */
.rec-box {
  display: block;
  margin: 40px auto 30px;
  width: 96%;
}
.rec-box p {
  line-height: 40px;
}
.rec-box a {
  margin-top: 80px;
}
.rec-box img {
  width: 40%;
  float: left;
  margin-right: 10%;
}
.rec-box .right p {
  line-height: 26px;
  text-align: justify;
  margin-bottom: 10px;
}
.rec-box dt {
  font-weight: 600;
}
.recruit {
  display: table;
  margin: 30px auto 50px;
  width: 93%;
  border-top: solid 1px #AFB6BC;
}
.recruit th {
  display: block;
  width: 100%;
  padding: 15px 0px;
  text-align: left;
  font-weight: 600;
}
.recruit td {
  display: block;
  padding: 15px 0px;
  border-bottom: solid 1px #AFB6BC;
}
.recruit td p {
  margin: 5px 0 10px;
  line-height: 1.5em;
}
@media only screen and (min-width: 769px) {
  .rec-box {
    display: block;
    margin: 80px auto 50px;
    width: 950px;
  }
  .rec-box .right p {
    line-height: 26px;
    text-align: justify;
    margin-bottom: 10px;
    text-indent: -2em;
  }
  .recruit {
    display: table;
    margin: 30px auto 50px;
    width: 950px;
    border-top: solid 1px #AFB6BC;
  }
  .recruit th {
    display: table-cell;
    padding: 0 10px;
    width: 25%;
    border-bottom: solid 1px #AFB6BC;
    text-align: left;
  }
  .recruit td {
    display: table-cell;
    padding: 30px 10px;
    border-bottom: solid 1px #AFB6BC;
  }
  .recruit td p {
    margin: 5px 0 10px;
    line-height: 1.5em;
  }
  .rec-box {
    display: block;
    margin: 30px auto 50px;
    width: 950px;
  }
}
@media screen and (max-width: 800px) {
  .rec-box img {
    width: 100%;
    margin: 0 0 30px;
  }
}