@charset "UTF-8";

#recritments .recritments_area {
  background-color: #edecea;
  background-image: url(../images/common/accent01@2x.png) , url(../images/common/accent02@2x.png);
  background-size: 401px , 378px;
  background-position: calc(50% + 750px) 100px , calc(50% - 750px) calc(100% - 100px);
  background-repeat: no-repeat;
  padding: 30px 0;
}
#recritments .recritments_status{
  background-color: #009966;
  background-image: url(../images/recritments/title_icon@2x.png);
  background-size: 47px;
  background-position: right 5px bottom 5px;
  background-repeat: no-repeat;
  color: #fff;
  padding: 15px 50px 15px 30px;
  font-size: 1.5rem;
  font-weight: bold;
}
#recritments article + .recritments_status{
  margin-top: 50px;
}
#recritments article{
  background-color: #fff;
  border-radius: 10px;
  padding: 30px 20px;
  margin-top: 30px;
  font-size: 1.125rem;
}
#recritments article dl{
  border-bottom: 1px solid #a2a2a2;
  margin: 0;
  padding: 20px 0;
}
#recritments article dl:last-child{
  border-bottom: none;
}
#recritments article dt{
  font-weight: bold;
  padding: 0 10px;
}
#recritments article dd{
  padding: 0 10px;
  margin-left: 1rem;
}
#recritments article a{
  border-bottom: 1px solid #a2a2a2;
}
/* ------------------------------------------
  iPad768pxSTYLE
--------------------------------------------- */
@media all and (min-width: 990px) {
  /* @content */
  #recritments article{
    border-radius: 15px;
    padding: 40px 50px;
  }
  #recritments article dl{
    display: flex;
  }
  #recritments article dt{
    width: 20%;
  }
  #recritments article dd{
    width: 80%;
    margin: 0;
  }
}