@charset "UTF-8";
/* エントリーフォーム（/recruit/entry.php）専用。scss/main.css の entry 部分を書き出したもの */
.entry-white-box {
  width: 100%;
  max-width: 1200px;
  margin: 100px auto;
  padding: 77px 130px 84px;
  background: #FFF;
  border: 4px solid #159DD8;
  border-radius: 10px;
}

@media screen and (max-width: 1300px) {
  .entry-white-box {
    width: 90%;
    padding: 77px 100px 84px;
  }
}
@media screen and (max-width: 767px) {
  .entry-white-box {
    margin: 2rem auto;
    padding: 2rem 1rem;
  }
}
.entry-wrapper {
  margin-bottom: 60px;
}

@media screen and (max-width: 767px) {
  .entry-wrapper {
    margin-bottom: 1.25rem;
  }
}
.entry-wrapper h1 {
  margin-bottom: 23px;
  text-align: center;
  font-size: 36px;
  font-weight: 500;
  line-height: 60px;
  color: #159DD8;
}

@media screen and (max-width: 767px) {
  .entry-wrapper h1 {
    margin-bottom: 0.5rem;
    font-size: 1.75rem;
    line-height: 2rem;
  }
}
.entry-wrapper p {
  margin-bottom: 9px;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
}

@media screen and (max-width: 767px) {
  .entry-wrapper p {
    margin-bottom: 0;
    font-size: 0.75rem;
    line-height: 1rem;
  }
}
.entry-wrapper p.small-txt {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}

@media screen and (max-width: 767px) {
  .entry-wrapper p.small-txt {
    font-size: 10px;
    line-height: 15px;
  }
}
.entry-wrapper p.small-txt span {
  color: #FF6C9F;
}

.entry-ttl {
  width: 138px;
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
  color: #159DD8;
}

@media screen and (max-width: 991px) {
  .entry-ttl {
    display: block;
    margin-bottom: 0;
    font-size: 1rem;
  }
}
.entry-ttl span {
  color: #FF6C9F;
}

.entry-txt {
  width: calc(100% - 178px);
  font-size: 1rem;
  font-weight: 500;
  line-height: 25px;
  word-break: break-all;
}

@media screen and (max-width: 991px) {
  .entry-txt {
    width: 100%;
    font-size: 0.75rem;
  }
}
.entry form > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 2.5rem;
  margin-bottom: 50px;
}

@media screen and (max-width: 991px) {
  .entry form > div {
    display: block;
    margin-bottom: 1.75rem;
  }
}
.entry form > div:last-child {
  margin-bottom: 0;
}

.entry input[type=text], .entry input[type=email], .entry input[type=tel] {
  width: 464px;
  height: 46px;
  padding: 13px 26px;
  border: 1px solid #707070;
  border-radius: 0.5rem;
}

@media screen and (max-width: 991px) {
  .entry input[type=text], .entry input[type=email], .entry input[type=tel] {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .entry input[type=text], .entry input[type=email], .entry input[type=tel] {
    height: 36px;
    padding: 0.5rem;
  }
}
.entry textarea {
  width: 663px;
  max-width: 754px;
  min-height: 231px;
  margin-bottom: 1rem;
  padding: 13px 26px;
  border: 1px solid #707070;
  border-radius: 0.5rem;
}

@media screen and (max-width: 1300px) {
  .entry textarea {
    width: 100%;
    max-width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .entry textarea {
    min-height: 5rem;
    padding: 0.5rem;
  }
}
.entry-file-label {
  display: block;
  width: 182px;
  height: 46px;
  margin-right: 14px;
  padding: 14px 27px;
  font-size: 18px;
  color: #FFF;
  background: #159DD8;
}

@media screen and (max-width: 767px) {
  .entry-file-label {
    width: 88px;
    height: 26px;
    margin-right: 0.5rem;
    padding: 0.5rem;
    font-size: 10px;
  }
}
.entry-file-label:hover {
  opacity: 0.7;
}

.entry-radio-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 13px;
  margin-right: 50px;
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
  color: #159DD8;
}

@media screen and (max-width: 767px) {
  .entry-radio-label {
    gap: 0.5rem;
    font-size: 1rem;
  }
}
.entry-radio-label:last-child {
  margin-right: 0;
}

.entry input[type=file] {
  display: none;
}

.entry-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: calc(100% - 178px);
}

@media screen and (max-width: 991px) {
  .entry-flex {
    width: 100%;
  }
}
.entry-flex > div {
  width: 100%;
}

.entry-flex-40 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 2.5rem;
}

.entry-file-none {
  font-size: 18px;
  line-height: 25px;
}

@media screen and (max-width: 767px) {
  .entry-file-none {
    font-size: 0.75rem;
    line-height: 26px;
  }
}
.entry-btn {
  display: block;
  width: 615px;
  height: 64px;
  margin: 0 auto;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
  background: #FFD858;
  border-radius: 2rem;
}

@media screen and (max-width: 991px) {
  .entry-btn {
    width: 100%;
    max-width: 615px;
  }
}
@media screen and (max-width: 767px) {
  .entry-btn {
    height: 2.5rem;
    font-size: 0.75rem;
  }
}
.entry-btn--small {
  width: 100%;
  max-width: 350px;
}

.entry .err-txt {
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  color: #FF6C9F;
}

@media screen and (max-width: 767px) {
  .entry .err-txt {
    font-size: 0.75rem;
    line-height: 1rem;
  }
}
.entry-sending-btn {
  display: block;
  width: 100%;
  max-width: 350px;
  height: 64px;
  margin: 0 auto;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
  background: #FFD858;
  border-radius: 2rem;
}

@media screen and (max-width: 991px) {
  .entry-sending-btn {
    height: 2.5rem;
    font-size: 14px;
  }
}
.entry-edit-btn {
  display: block;
  width: 100%;
  max-width: 350px;
  height: 64px;
  margin: 0 auto;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  line-height: 64px;
  color: #FFF;
  background: #7B7B7B;
  border-radius: 2rem;
}

@media screen and (max-width: 991px) {
  .entry-edit-btn {
    height: 2.5rem;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 2.5rem;
  }
}
.entry-message {
  margin-bottom: 10px;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 25px;
}

@media screen and (max-width: 991px) {
  .entry-message {
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 991px) {
  .entry-btn-area {
    display: block;
  }
}