.pre-inc #main {
  position: relative;
  background: url(../images/limited/main.webp) no-repeat 50% 50%;
  background-size: cover;
}
.pre-inc #contents {
  position: relative;
  background: url(../images/limited/bg.webp) no-repeat 50% 50%;
  background-size: cover;
  padding: 0 0 120px;
}
@media screen and (max-width: 767px) {
  .pre-inc #contents {
    padding: 0 0 3em;
  }
}
.pre-inc #contents .lead {
  text-align: center;
  font-size: 16px;
  padding: 5em 0;
  color: #816E21;
  font-weight: normal;
}
@media screen and (max-width: 767px) {
  .pre-inc #contents .lead {
    padding: 3em 0;
    font-size: 3.5vw;
  }
}
.pre-inc #contents .inputbox {
  border: 3px solid #816E21;
  background: url(../images/top/bg-cv.webp) no-repeat 0 0;
  background-size: cover;
  padding: 5px;
  max-width: 980px;
  margin: 0 auto 3em;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .pre-inc #contents .inputbox {
    width: 90%;
    border: 2px solid #816E21;
  }
}
.pre-inc #contents .inputbox .in {
  border: 2px solid #816E21;
  padding: 70px 0;
}
@media screen and (max-width: 767px) {
  .pre-inc #contents .inputbox .in {
    padding: 2em 0;
    border: 1px solid #816E21;
  }
}
.pre-inc #contents .inputbox .in .content-title {
  max-width: 449px;
  margin: 0 auto 3em;
}
@media screen and (max-width: 767px) {
  .pre-inc #contents .inputbox .in .content-title {
    width: 90%;
    margin: 0 auto 1em;
  }
}
.pre-inc #contents .inputbox .in .txt {
  font-size: 14px;
  font-weight: normal;
  margin: 0 auto 2em;
}
@media screen and (max-width: 767px) {
  .pre-inc #contents .inputbox .in .txt {
    font-size: 3.25vw;
    margin: 0 auto 1em;
  }
}
.pre-inc #contents .inputbox .in .input {
  max-width: 374px;
  height: 51px;
  margin: 0 auto 2em;
  border: 1px solid #816E21;
}
@media screen and (max-width: 767px) {
  .pre-inc #contents .inputbox .in .input {
    width: 70%;
    height: 30px;
    margin: 0 auto 1em;
  }
}
.pre-inc #contents .inputbox .in .input .input-field {
  border: none;
  background: #fff;
  width: 100%;
  height: 100%;
  line-height: 2;
  padding: 0.5em;
  text-align: center;
}
.pre-inc #contents .inputbox .in .btn {
  max-width: 182px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .pre-inc #contents .inputbox .in .btn {
    width: 70%;
  }
}
.pre-inc #contents .cv {
  border: 1px solid #C7C7C7;
  max-width: 980px;
  margin: 0 auto;
  text-align: center;
  background: rgba(78, 78, 78, 0.1);
  padding: 70px 0;
}
@media screen and (max-width: 767px) {
  .pre-inc #contents .cv {
    width: 90%;
    padding: 2em 0;
  }
}
.pre-inc #contents .cv .content-title {
  max-width: 445px;
  margin: 0 auto 3em;
}
@media screen and (max-width: 767px) {
  .pre-inc #contents .cv .content-title {
    width: 90%;
    margin: 0 auto 1em;
  }
}
.pre-inc #contents .cv .txt {
  font-size: 14px;
  font-weight: normal;
  margin: 0 auto 2em;
}
@media screen and (max-width: 767px) {
  .pre-inc #contents .cv .txt {
    font-size: 3.25vw;
    margin: 0 auto 1em;
  }
}
.pre-inc #contents .cv .btn {
  max-width: 379px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .pre-inc #contents .cv .btn {
    width: 80%;
  }
}/*# sourceMappingURL=login.css.map */