@charset "UTF-8";

@media screen and (max-width: 480px) {
  .fl, .fr {
    float: none;
  }
  body {
    width: 100%;
    margin: 0;
  }
  .wrapAll {
    width: 95%;
    margin: 0 auto;
  }
  img {
    width: 100%;
  }
  .logo {
      display: block;
      margin: 0 auto;
      width: 80%;
  }
  nav {
    display: block;
    color: #fff;
    text-align: center;
    background-color: #ac8046;
  }
  .mToggle {
    display: none;
    padding: 0;
    margin: 0;
  }
  .mToggle  a {
    color: #fff;
  }
  .mToggle > li {
      background-color: #b29d7b;
      border-bottom: 1px solid #fff;
      padding: 8px 0;
  }
  .mClick {
    padding: 8px;
    margin-bottom: 0;
}
  .gMenu {
    display: none;
  }
  .cnt1-l {
    width: 100%;
  }
  .cnt2.cf > a {
      margin-right: 0;
  }
  .info > p {
      width: 100%;
  }
  .ad {
    margin: 0;
    padding-bottom: 0;
  }
  .sp, .sp_rec, .sp_rec2, .sp_rec3{
    display: block;
  }
  .spCntr {
    text-align: center;
    padding:0 0 20px 0;
  }
  .rec-t {
    display: none;
  }
  /*---------------- company ------------------*/
  .companyMessage p {
      width: 100%;
      line-height: 30px;
  }
  .tWrap-l {
      width: 100%;
      margin-top: -52px;
  }
  .table-l {
      width: 64px;
  }
  /*---------------- recruit ------------------*/
  .salary {
      padding: 0px;
      width: 100%;
  }
  .bCntr {
      width: 100%;
  }
  .gmap {
    width: 100%;
  }
.sp_rec td, .sp_rec2 td, .sp_rec3 td{
  border: 1px solid;
  padding:0 20px;
  }
 .sp_rec{
 margin: 0 15% ;
  }
  .sp_rec2{
 margin: 0;
  }
  .sp_rec3{
 margin: 0;
  }
  /*---------------- sakurakai ------------------*/
  .sakuraPwrap img, .sakuraPwrap img {
    float: none;
  }
}