@media (min-width: 768px) {
  .recruit_table {
    margin-bottom: 40px; } }
@media (max-width: 767.98px) {
  .recruit_table {
    margin-bottom: 20px; } }
@media (min-width: 768px) {
  .tb_flex {
    display: flex;
    font-size: 13px;
    margin: 10px 0;
    gap: 0 20px; }
    .tb_flex > div {
      width: 350px;
      position: relative; }
      .tb_flex > div dl {
        margin: 0; }
      .tb_flex > div dt {
        background-color: #bd263a;
        color: #fff;
        border-radius: 5px;
        font-weight: normal;
        padding: 0 10px; }
      .tb_flex > div dd {
        margin: 0;
        padding: 5px 10px 0;
        line-height: 1.8; }
      .tb_flex > div .link_box02 {
        position: absolute;
        bottom: 0; }
        .tb_flex > div .link_box02 > a {
          width: 320px; }
    .tb_flex.tb_flex_tt > div {
      padding: 0; }
      .tb_flex.tb_flex_tt > div dl dd {
        min-height: 22px; } }
@media (max-width: 767.98px) {
  .tb_flex {
    display: flex;
    font-size: 12px;
    margin: 10px 0;
    flex-wrap: wrap; }
    .tb_flex > div {
      width: 100%;
      margin: 0 20px 0 0;
      position: relative;
      padding: 0 0 10px 0; }
      .tb_flex > div dl {
        margin: 0; }
      .tb_flex > div dt {
        background-color: #bd263a;
        color: #fff;
        border-radius: 5px;
        font-weight: normal;
        padding: 0 10px;
        margin: 0 0 10px 0; }
      .tb_flex > div dd {
        margin: 0;
        padding: 0 10px;
        line-height: 1.8; }
      .tb_flex > div .link_box02 {
        margin: 10px 0; }
    .tb_flex.tb_flex_tt > div:first-child {
      padding: 0 0 20px 0; } }
@media (min-width: 768px) {
  .timetable {
    margin: 0 0 0 10px;
    padding: 0;
    list-style: none; }
    .timetable li {
      display: flex;
      line-height: 1.8;
      border-bottom: 1px solid #d7d7d7;
      padding: 5px 0 0; }
      .timetable li span {
        font-weight: 500;
        margin: 0 20px 0 0;
        width: 108px; }
      .timetable li p {
        margin: 0; }
    .timetable.timetable2 span {
      width: 174px; }

  .attention_box {
    margin: 50px 0 0 0; } }
@media (max-width: 767.98px) {
  .timetable {
    margin: 10px 0 0 10px;
    padding: 0;
    list-style: none; }
    .timetable li {
      display: flex;
      line-height: 1.8;
      border-bottom: 1px solid #d7d7d7;
      padding: 5px 0 0; }
      .timetable li span {
        font-weight: 500;
        margin: 0 20px 0 0;
        width: 120px; }
      .timetable li p {
        margin: 0; }

  .attention_box {
    margin: 30px 0 0 0; } }