section.recruitProfile {
  padding-bottom: 0;
}

span.note {
  display: block;
  width: fit-content;
  margin: 0.5em 0 0 0;
  padding: 0.5em 1em 0.5em 1em;

  background-color: #fff0f0;
  border-color: #ff0000;
  border-style: solid;
  border-width: 2px;
  color: #ff0000;
}

table.data-table-2 {
  border-color: #606060;
  border-width: 0;
}

table.second {
  margin-top: 4.5em;
}

.data-table-2 tr {
  border-width: 0;
}

.data-table-2 th,
.data-table-2 td {
  padding: 0.5em 1em;

  background-color: #4d93d9;
  border-color: #606060;
  border-style: solid;
  border-width: 1px;
  color: #ffffff;
}

.data-table-2 td {
  background-color: #fff;
  color: #000;
}

.data-table-2 table {
  margin: 0;
  padding: 0;

  background-color: #ffffff;
}

.data-table-2 table tr {
  background-color: #ffffff;
}

.data-table-2 table th {
  width: auto;
  margin: 0;
  padding: 0 0.5em 0 0;

  background-color: #ffffff;
  border-width: 0;
  color: #000000;
  font-weight: normal;
  vertical-align: top;
}

.data-table-2 table td {
  margin: 0;
  padding: 0;

  background-color: #ffffff;
  border-width: 0;
}

.data-table-2 ol li {
  display: flex;

  counter-increment: counter-2;
}

.data-table-2 ol li::before {
  flex-basis: 2em;
  flex-shrink: 0;

  content: "(" counter(counter-2, decimal) ") ";
}

table.data-table-2 ul li {
  margin-left: 1.5em;

  list-style: disc;
}

.recruitApply .data-table-2 th,
.recruitApply .data-table-2 td,
.recruitApply .data-table-3 th,
.recruitApply .data-table-3 td {
  font-size: 1rem;
}

@media screen and (max-width: 767px) {
  table.data-table-2 {
    border-style: solid;
    border-bottom-width: 1px;    
  }

  .data-table-2 td {
    border-bottom-width: 0;
    border-top-width: 0;
  }

  .recruitApply table.data-table-2 {
    margin-bottom: 2em;
  }

  .recruitApply .data-table-3 th,
  .recruitApply .data-table-3 td {
    padding-left: 1em;
    padding-right: 1em;
  }
}

@media screen and (min-width: 768px) {
  .recruitApply table.data-table-2 {
    margin-bottom: 2em;
  }

  .recruitApply .data-table-2 th,
  .recruitApply .data-table-3 th {
    width: 200px;
  }
}