/* Scss Document */
#recruit .block p {
  margin: 0;
  padding: 0;
  line-height: auto; }
#recruit .clearfix:after {
  content: "";
  display: block;
  clear: both;
  height: 1px;
  overflow: hidden; }
#recruit #read {
  padding-bottom: 15%;
  background: url(../img/recruit/read-deco.png) bottom center no-repeat;
  background-size: 100%; }
  #recruit #read .text {
    position: relative;
    padding: 4%;
    margin: 0 4% 0 2%;
    background: url(../img/recruit/read-bg.jpg) top center repeat;
    color: #fff; }
    #recruit #read .text:before {
      position: absolute;
      content: "";
      top: 8px;
      left: 8px;
      bottom: -8px;
      right: -8px;
      background: rgba(170, 108, 73, 0.3); }
#recruit #point {
  position: relative;
  width: auto;
  height: auto;
  margin: 0;
  background: url(../img/recruit/point-deco2.png) bottom center no-repeat, url(../img/recruit/point-bg.png) top center repeat-y;
  background-size: 100%;
  padding-bottom: 25%; }
  #recruit #point .text {
    width: 80%;
    margin: auto;
    text-align: center; }
#recruit #miryoku {
  padding-bottom: 15%; }
  #recruit #miryoku .team {
    position: relative;
    z-index: 1; }
    #recruit #miryoku .team .pic {
      position: absolute;
      top: 0;
      left: 0;
      z-index: -1; }
  #recruit #miryoku .team1 .text {
    margin: 0 5% 0 40%; }
  #recruit #miryoku .team2 .text {
    margin: 0 40% 0 5%; }
#recruit #yokou {
  position: relative;
  z-index: 1; }
  #recruit #yokou:before {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 2%;
    right: 2%;
    background: url(../img/recruit/yokou-bg.jpg) top center repeat;
    padding: 0 40px;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.17);
    z-index: -2; }
  #recruit #yokou:after {
    position: absolute;
    content: "";
    top: 4px;
    bottom: 4px;
    left: calc(2% + 4px);
    right: calc(2% + 4px);
    border: 1px solid #cfba9a;
    z-index: -1; }
  #recruit #yokou dl {
    position: relative;
    padding: 10px 0;
    z-index: 1;
    margin: 0 8%;
    background: url(../img/recruit/line1.jpg) bottom center repeat-x, #fef3de; }
    #recruit #yokou dl:before {
      position: absolute;
      content: "";
      top: 0;
      bottom: 0;
      left: 0;
      width: 100px;
      background: url(../img/recruit/line2.jpg) bottom center repeat-x, #b66133;
      z-index: -1; }
    #recruit #yokou dl:last-of-type {
      background: #fef3de; }
      #recruit #yokou dl:last-of-type:before {
        background: #b66133; }
    #recruit #yokou dl dt {
      width: 100px;
      float: left;
      text-align: center;
      color: #fff; }
    #recruit #yokou dl dd {
      width: calc(100% - 100px);
      float: right;
      padding-left: 10px;
      box-sizing: border-box; }
#recruit #info-bnr {
  position: relative;
  background-size: 100%;
  z-index: 2; }
  #recruit #info-bnr:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    background: url(../img/recruit/info-bnr-bg.png) top center no-repeat;
    background-size: 100%;
    bottom: -200px;
    z-index: -1; }
  #recruit #info-bnr h2 {
    width: 30%;
    float: left; }
  #recruit #info-bnr .tel {
    width: 70%;
    float: right; }
  #recruit #info-bnr .bnr {
    width: 100%;
    float: left; }