@charset "UTF-8";

* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

/*----------------------------------------------------
  PC
----------------------------------------------------*/

@media screen and (min-width: 761px) {
  section#recruit .block {
    width: 1000px;
    margin: 0 auto;
    padding: 80px 0;
  }
  section#recruit .block h2 {
    margin: 0 0 30px 0;
    text-align: center;
  }
  section#recruit .block h3 {
    font-size: 20px;
    color: #bf972a;
  }
  section#recruit .block p {
    width: 1000px;
    margin: 0 0 40px 0;
    font-size: 20px;
  }
  section#recruit .block1 {
    margin: 0 0 50px 0;
  }
  section#recruit .block1 h4 {
    margin: 0 0 15px 0;
    padding: 10px 20px;
    color: #fff;
    font-size: 26px;
    background: #d887b7;
    display: inline-block;
  }
  section#recruit .block1 dl {
    margin: 0 0 2px 0;
    font-size: 20px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
  }
  section#recruit .block1 dl dt {
    width: 135px;
    padding: 15px;
    background: #ecd0e3;
  }
  section#recruit .block1 dl dd {
    width: calc(100% - 135px);
    padding: 15px;
    background: #e6deee;
  }
  section#recruit .block2 {
    margin: 0 0 30px 0;
  }
  section#recruit .block2 h4 {
    margin: 0 0 15px 0;
    padding: 10px 20px;
    color: #fff;
    font-size: 26px;
    background: #73aab7;
    display: inline-block;
  }
  section#recruit .block2 dl {
    margin: 0 0 2px 0;
    font-size: 20px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
  }
  section#recruit .block2 dl dt {
    width: 135px;
    padding: 15px;
    background: #bcd5e0;
  }
  section#recruit .block2 dl dd {
    width: calc(100% - 135px);
    padding: 15px;
    background: #e7f2ee;
  }
}

/*----------------------------------------------------
  SP
----------------------------------------------------*/

@media screen and (max-width: 760px) {
  section#recruit .block {
    padding: 30px 15px;
  }
  section#recruit .block h2 {
    margin: 0 0 20px 0;
    text-align: center;
  }
  section#recruit .block h2 img {
    width: 100%;
  }
  section#recruit .block h3 {
    color: #bf972a;
  }
  section#recruit .block p {
    margin: 0 0 30px 0;
  }
  section#recruit .block1 {
    margin: 0 0 50px 0;
  }
  section#recruit .block1 h4 {
    margin: 0 0 15px 0;
    padding: 10px 20px;
    color: #fff;
    font-size: 16px;
    background: #d887b7;
    display: inline-block;
  }
  section#recruit .block1 dl {
    margin: 0 0 2px 0;
  }
  section#recruit .block1 dl dt {
    padding: 5px 10px;
    background: #ecd0e3;
  }
  section#recruit .block1 dl dd {
    padding: 5px 10px;
    background: #e6deee;
  }
  section#recruit .block2 {
    margin: 0 0 30px 0;
  }
  section#recruit .block2 h4 {
    margin: 0 0 15px 0;
    padding: 10px 20px;
    color: #fff;
    font-size: 16px;
    background: #73aab7;
    display: inline-block;
  }
  section#recruit .block2 dl {
    margin: 0 0 2px 0;
  }
  section#recruit .block2 dl dt {
    padding: 5px 10px;
    background: #bcd5e0;
  }
  section#recruit .block2 dl dd {
    padding: 5px 10px;
    background: #e7f2ee;
  }
}