@media screen and (min-width: 850px) {
  .mainviual{
    margin-top: 80px;
  }
  .recruitment{
    max-width: 1100px;
    margin: 60px auto;
    & h2{
      font-size: 240%;
      border: 2px solid #535353;
      &::before, &::after{
        border: 2px solid #535353;
      }
    }
    & .text{
      font-size: 123.1%;
      letter-spacing: 2px;
      line-height: 1.8;
      margin: 20px 0 40px;
      & .red{
        font-size: 140%;
      }
    }
    .content{
      font-size: 116%;
      padding: 10px 10px 30px;
    }
  }
  .disadvantages{
      width: 95%;
      max-width: 1100px;
      margin: 120px auto;
    & h2{
      width: 100%;
      font-size: 240%;
      padding: 13px 40px 10px;
      border: 2px solid #535353;
      &::before, &::after{
        border: 2px solid #535353;
      }
    }
    & .text{
      font-size: 123.1%;
      letter-spacing: 2px;
      line-height: 1.8;
      text-align: justify;
    }
  }
}