@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Oswald');

*{margin: 0;padding: 0}


/*----------------------------------------------------------------

Page-style Set

----------------------------------------------------------------*/
#recruit h2 {
  width: 100%;
  max-width: 980px;
  height: auto;
  margin-bottom: 15px;
  padding: 100px 0;
  color: #fff;
  background-image: url(../images/contents/main_bg.jpg)
}

#recruit h2::after {
  background-color: none;
  position: initial;
}

#recruit ul {
  text-align: center;
}

#recruit ul li {
  width: 100%;
  max-width: 487px;
  vertical-align: top;
  display: inline-block;
}

/* #recruit ul .btn_new_graduates:nth-child(2n+1) {
  padding-right: 35px;
} */

#recruit ul li a {
  background-color: #333;
  display: block;
  padding: 50px 15px;
  text-align: center;
  text-decoration: none;
  font-size: 1.6rem;
  color: #fff;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
}

#recruit ul li a:hover {
  background-color: #ffe30a;
  color: #333;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
}

#recruit ul li a span {
  display: inline-block;
}


/* 一時的に新卒採用ボタンを無効にするCSS */
/*
#recruit ul .btn_new_graduates {
  max-height: 178px;
}
*/
/*
#recruit ul .btn_new_graduates a {
  pointer-events: none;
  color: #ccc;
  background-color: #eee;
}
*/
#recruit ul .btn_new_graduates p {
  color: #333;
  text-align: center;
  font-size: 1.05rem;
}


/* ～367px メディアクエリ開始 */
@media screen and (max-width : 367px) {
  #recruit ul li {
    line-height: 1.2;
  }

  #recruit ul li a {
    font-size: 1.2rem;
  }

  #recruit ul .btn_new_graduates {
    max-height: 140px;
  }

  #recruit ul .btn_new_graduates p {
    font-size: 0.9rem;
  }

}

/* ～1087px メディアクエリ開始 */
@media screen and (max-width : 1087px) {
  #recruit ul li {
    max-width: initial;
  }

}