@charset "UTF-8";

/* 1000px以下 */
@media screen and (max-width: 1000px) {
  #message{
    flex-direction: column;
    flex-wrap: wrap;
  }
  #message h4{
    margin-bottom: 30px;
  }
  #message p{
    margin-bottom: 30px;
  }
}

/* 800px以下 */
@media screen and (max-width: 800px) {

  #recruit ul.switch_btn{
    flex-direction: column;
    flex-wrap: wrap;
  }
  #recruit ul.switch_btn li{
margin-right: 0;
margin-bottom: 2px;
  }
  #recruit ul.switch_btn li:last-child{
    margin-bottom: 0;
  }
  #recruit #fukuri li{
    width: 32%;
  }

}

/* 650px以下 */
@media screen and (max-width: 650px) {
  #recruit #fukuri li{
    width: 100%;
  }
}

/* 500px以下 */
@media screen and (max-width: 500px) {
  #message h4{
    font-size: 18px;
    margin-bottom: 15px;
  }
  #message p{
    font-size: 12px;
  }
  #recruit ul.switch_btn li a{
    padding: 10px 0;
    font-size: 14px;
  }
  #switch_area {
    padding-top: 30px;
}
dl.table{
  margin-top: 40px;
}
#recruit #flow dl{
flex-direction: column;
}
#recruit #flow dt,
#recruit #flow dd{
  width: 100%;
}
#recruit #flow dt{
  padding: 10px 16px;
  margin-bottom: 0;
}
#recruit #flow dd{
  font-size: 16px;
  padding: 10px;
}
#recruit #flow dd span.bikou{
  font-size: 14px;
}
}