@charset "UTF-8";
/*ーーーーーーーーーー
common
ーーーーーーーーーーー*/
img {
  max-width: 100%; }

/****************************
   MAIN IMAGE
*****************************/
.mainContent-headerContainer {
  height: 640px;
  overflow: hidden;
  position: relative;
  background-image: url("/assets/image/recruit/main_image.jpg");
  background-size: cover;
  background-position: top left;
  background-repeat: no-repeat; }

.header-title {
  text-align: center;
  max-width: 1100px;
  width: 100%;
  margin: 250px auto;
  padding-left: 10px;
  color: #FFFFFF;
  letter-spacing: 5px; }

@media screen and (max-width: 1100px) {
  .header-title {
    padding-left: 25px; } }
@media screen and (max-width: 978px) {
  .mainContent-headerContainer {
    height: 475px; }

  .header-title {
    font-size: 4.3rem;
    margin: 150px auto; } }
@media screen and (max-width: 479px) {
  .mainContent-headerContainer {
    height: 300px; }

  .header-title {
    font-size: 2.5rem; } }
/****************************
   RECRUIT
*****************************/
.mainContent-recruitContainer {
  /*background-color:#ECEBE1;*/
  overflow: hidden; }

.recruit {
  max-width: 900px;
  width: 90%;
  margin: auto;
  padding: 45px 0; }

.recruit-text {
  text-align: center; }

.recruit-ttl {
  text-align: center;
  font-weight: 500;
  margin-top: 35px; }

.recruit-jobContainer {
  /*background-color: #ffffff;*/
  background-color: rgba(235, 235, 235, 0.15);
  overflow: hidden; }

.job {
  border: 2px solid #DCDCDC;
  padding: 15px 25px;
  overflow: hidden;
  position: relative; }

.job-ended {
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: rgba(225, 244, 250, 0.8);
  padding: 0;
  margin: 0;
  top: 0;
  left: 0; }

.main-new .job-ended > p {
  color: #686868;
  text-align: center;
  margin-top: 150px;
  font-size: 3rem;
  font-weight: 700; }

.main-new .job-ttl {
  font-size: 1.8rem;
  font-weight: 700;
  border-bottom: 2px dotted #555555;
  padding: 10px; }
  .job-ttl a {
    color: currentColor; }

.main-new .job-ttl a {
	color:#333;
	text-decoration:none;
}
.main-new .job-ttl a:hover {
	text-decoration:underline;
}

.main-new .job-ttl > span > a {
  font-size: 1.6rem;
  font-weight: 500;
  float: right;
  background-color: #000000;
  color: #FFFFFF;
  padding: 5px 10px;
  border-radius: 5px; }

.job-detail {
  padding: 10px; }

.job-detail > dt {
  padding: 5px 0;
  font-weight: 700; }

.job-detail > dd {
  font-size: 2.8rem;
  padding: 0px 0 10px 0;
  margin: 0;
  font-size: 1.6rem; }

.job-date {
  float: right; }

/*ーーーーーーーーーー
追加
ーーーーーーーーーーー*/
.recruit-banner {
  width: 80%;
  max-width: 580px;
  margin: 0 auto 40px; }

.main-new header.mainContent-headerContainer#recruit-head {
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(/assets/image/common_renew/headerbg_recruit.jpg); }

.recruit-banner-index {
  width: 100%;
  /*max-width: 1080px;*/
  margin: 80px auto;
  display: flex;
  flex-wrap: wrap;
  gap: 20px 2%; }
  @media (max-width: 850px) {
    .recruit-banner-index {
      margin: 50px auto; } }
  .recruit-banner-index a {
    display: inline-block;
    width: 49%; }
    @media (max-width: 850px) {
      .recruit-banner-index a {
        width: 80%;
        margin: 0 10%; } }