/*
* project
*/
/*
* foundation
*/
.p-recruitment {
  background-color: #f5f5f5;
  padding-bottom: 5%;
}
@media screen and (min-width: 768px) {
  .p-recruitment {
    width: 60%;
    margin: 0 auto;
  }
}
.p-recruitment__contents {
  background-color: #fff;
  border-radius: 35px 0 0 35px;
  margin: 5% 0 5% 5%;
}
@media screen and (min-width: 768px) {
  .p-recruitment__contents {
    padding: 5%;
  }
}
@media screen and (max-width: 767px) {
  .p-recruitment__contents {
    padding: 10% 5% 10% 10%;
  }
}

.p-recruitment__title {
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  .p-recruitment__title {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .p-recruitment__title {
    font-size: 17px;
  }
}

.p-recruitment__list {
  margin-bottom: 5%;
  line-height: 2;
}
@media screen and (min-width: 768px) {
  .p-recruitment__list {
    margin-left: 20px;
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .p-recruitment__list {
    margin-left: 15px;
    font-size: 13px;
  }
}

.p-recruitment__item {
  margin-bottom: 10%;
}
@media screen and (min-width: 768px) {
  .p-recruitment__item {
    padding: 0 6%;
  }
}
@media screen and (max-width: 767px) {
  .p-recruitment__item {
    padding: 0;
  }
}
.p-recruitment__item .p-recruitment__item:first-child {
  margin-top: 10%;
}

.p-recruitment__lead {
  margin-bottom: 5%;
  padding: 0.5rem 1rem;
  border-left: 4px solid #000;
}
@media screen and (min-width: 768px) {
  .p-recruitment__lead {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .p-recruitment__lead {
    font-size: 15px;
  }
}

.p-recruitment__comment {
  margin-bottom: 5%;
}
@media screen and (min-width: 768px) {
  .p-recruitment__comment {
    font-size: 15px;
  }
}

.p-recruitment__attention {
  font-size: 10px;
}

.p-recruitment__submit {
  text-decoration: underline;
}

.p-recruitment__return {
  text-align: center;
  border: 1px solid;
  width: 60%;
  margin: 0 auto;
  padding: 2%;
}