@charset "UTF-8";
/* CSS Document */

/*
	採用情報
-----------------------------------------------------------------------------------------------*/
.kvheader {
  background: url(../images/recruit_top_pc.png) no-repeat bottom center / cover;
}
.recruitAreaIn {
  padding: 0 0 120px 0;
}
.recruitAreaIn .txt {
  width: 1000px;
  font-size: 1.8rem;
  line-height: 220%;
  margin: 60px auto;
  padding: 40px 50px;
  border: 1px solid #cdd7d7;
}
.recruitAreaIn .txt02 {
  font-size: 1.6rem;
  line-height: 200%;
  margin: 0;
  padding: 0;
}
.recruitAreaIn .txt03 {
  width: 800px;
  font-size: 1.8rem;
  line-height: 220%;
  margin: 60px auto;
  text-align: center;
  padding: 40px 50px;
  border: 1px solid #cdd7d7;
}
.recruitAreaIn .tblBase {
  margin: 0 0 80px 0;
}

.recruitAreaIn address {
  text-align: center;
  font-size: 1.8rem;
}
.recruitAreaIn address a {
  color: #37a0dc;
}

.recruitAreaIn .recruitment {
  margin: 100px 0 50px 0;
}
.recruitAreaIn .recruitment a {
  font-size: 3rem;
  position: relative;
}
.recruitAreaIn .recruitment a::before {
  content: '';
  display: inline-block;
  background: url(../images/recruit_mail.svg) no-repeat center left;
  background-size: contain;
  height: 24px;
  width: auto;
  padding: 0 40px 0 0;
}
.recruitAreaIn .recruitment p {
  margin: 0 0 10px 0;
}

.recruitAreaIn .contactButton .button {
  margin: 60px auto 0 auto;
}

@media screen and (max-width: 812px) {
  /*
	採用情報
-----------------------------------------------------------------------------------------------*/

  .recruitAreaIn {
    padding: 0 25px 50px 25px;
  }

  .recruitAreaIn .txt {
    width: 100%;
    font-size: 1.6rem;
    line-height: 200%;
    margin: 40px auto;
    padding: 20px 20px;
    text-align: justify;
  }
  .recruitAreaIn .txt02 {
    font-size: 1.5rem;
    line-height: 180%;
    text-align: justify;
  }

  .recruitAreaIn .txt03 {
    width: 100%;
    font-size: 1.5rem;
    line-height: 180%;
    margin: 40px auto 40px auto;
    padding: 20px 25px;
    text-align: justify;
  }
  .recruitAreaIn address {
    font-size: 1.5rem;
  }

  .recruitAreaIn .recruitment {
    margin: 40px 0 10px 0;
  }
  .recruitAreaIn .recruitment a {
    font-size: 2.4rem;
    margin: 0 0 0 -12px;
  }
  .recruitAreaIn .recruitment a::before {
    height: 20px;
    padding: 0 35px 0 0;
  }

  .recruitAreaIn .contactButton .button {
    margin: 40px auto 0 auto;
  }
}