@media (max-width: 1100px) {
  .inner-ricruit {
    width: 95%;
  }

}

@media (max-width: 960px) {
  .form-ttl {
    width: 200px;
  }

  .form-wrap {
    font-size: 20px;
  }

  .company-text {
    width: 64%;
    line-height: 1.4
  }

  .company-info {
    justify-content: space-between;
  }

  .company-img {
    margin-right: 25px;
  }
}

@media (max-width: 845px) {
  .form select {
    width: 120px;
    font-size: 20px;
  }
}

@media (max-width: 768px) {



  .company-img {
    width: 45%;
  }
  th{
    width:100%;
  }

  .company-text {
    width: 50%;
  }

  .top-bar {
    padding: 15px;
    font-size:16px;
        margin-bottom: 15px;
  }
}

@media (max-width: 630px) {
  .company-info {
    justify-content: center;
    flex-flow: column;
  }

  .company-img {
    width: 100%;
    margin-right: 0;
    height: 250px;
    margin-bottom: 30px;
  }

  .company-text {
    width: 100%;
  }

  .content:first-child {
    padding-bottom: 30px;
  }

  .content {
    margin-bottom: 30px;
  }

  .table2 tbody tr th, .table2 tbody tr td {
    display: block;
  }

  .form-ttl {
    width: 100%;
    margin-bottom: 15px;
  }

  .form-item {
    padding: 30px 0px;
  }
}

@media (max-width: 500px) {
  .item-img, .list-text-wrap {
    width: 100%;
  }

  .list-company {
    margin-bottom: 10px;
  }

  .form.birth select {
    width: 23%;
    padding: 0 5px;
    font-size: 15px;
  }
}