.mcr-form .contact-body {
  background-color: #fff;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .mcr-form .contact-body {
    width: 100%;
    padding: 10vw 0;
  }
}
@media (min-width: 768px) {
  .mcr-form .contact-body {
    width: min(60.7142857143vw, 850px);
    padding: min(5.3571428571vw, 75px) 0 min(4.2857142857vw, 60px);
  }
}
.mcr-form .contact-body form {
  margin: 0 auto;
}
@media (max-width: 767px) {
  .mcr-form .contact-body form {
    width: 80vw;
  }
}
@media (min-width: 768px) {
  .mcr-form .contact-body form {
    width: min(53.5714285714vw, 750px);
  }
}
@media (max-width: 767px) {
  .mcr-form .contact-body form .form-line {
    margin-bottom: 5vw;
  }
}
@media (min-width: 768px) {
  .mcr-form .contact-body form .form-line {
    margin-bottom: min(1.4285714286vw, 20px);
  }
}
@media (min-width: 768px) {
  .mcr-form .contact-body form .form-line .form-line-core {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    column-gap: min(0.7142857143vw, 10px);
  }
}
.mcr-form .contact-body form .form-line .form-line-core .form-heading {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .mcr-form .contact-body form .form-line .form-line-core .form-heading {
    width: 100%;
    margin-bottom: 2.5vw;
    column-gap: 2.5vw;
    align-items: center;
  }
}
@media (min-width: 768px) {
  .mcr-form .contact-body form .form-line .form-line-core .form-heading {
    justify-content: space-between;
    width: min(18.5714285714vw, 260px);
  }
}
.mcr-form .contact-body form .form-line .form-line-core .form-heading__title {
  font-weight: bold;
  line-height: 1.4;
  color: #3F3C44;
}
@media (max-width: 767px) {
  .mcr-form .contact-body form .form-line .form-line-core .form-heading__title {
    font-size: 3.5vw;
  }
}
@media (min-width: 768px) {
  .mcr-form .contact-body form .form-line .form-line-core .form-heading__title {
    font-size: min(1.2857142857vw, 18px);
  }
}
.mcr-form .contact-body form .form-line .form-line-core .form-heading__required {
  line-height: 1;
  display: grid;
  place-content: center;
  font-weight: bold;
  color: #fff;
  background-color: #ea6052;
  font-feature-settings: "palt";
}
@media (max-width: 767px) {
  .mcr-form .contact-body form .form-line .form-line-core .form-heading__required {
    font-size: 3vw;
    width: 12.5vw;
    height: 5vw;
    border-radius: 0.625vw;
  }
}
@media (min-width: 768px) {
  .mcr-form .contact-body form .form-line .form-line-core .form-heading__required {
    font-size: min(1vw, 14px);
    width: min(4.2857142857vw, 60px);
    height: min(1.7142857143vw, 24px);
    border-radius: min(0.3571428571vw, 5px);
  }
}
@media (max-width: 767px) {
  .mcr-form .contact-body form .form-line .form-line-core .form-input {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .mcr-form .contact-body form .form-line .form-line-core .form-input {
    width: calc(100% - min(18.5714285714vw, 260px) - min(0.7142857143vw, 10px));
  }
}
@media (max-width: 767px) {
  .mcr-form .contact-body form .form-line .form-line-core .form-input .form-input-core {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .mcr-form .contact-body form .form-line .form-line-core .form-input .form-input-core {
    width: 100%;
  }
}
.mcr-form .contact-body form .form-line .form-line-core .form-input .form-input-core p input[type=text] {
  border-style: solid;
  border-color: #848484;
  width: 100%;
}
@media (max-width: 767px) {
  .mcr-form .contact-body form .form-line .form-line-core .form-input .form-input-core p input[type=text] {
    border-width: 0.25vw;
    border-radius: 0.625vw;
    padding: 2.5vw;
    font-size: 3.5vw;
  }
}
@media (min-width: 768px) {
  .mcr-form .contact-body form .form-line .form-line-core .form-input .form-input-core p input[type=text] {
    border-width: min(0.0714285714vw, 1px);
    border-radius: min(0.3571428571vw, 5px);
    padding: min(0.7142857143vw, 10px);
    font-size: min(1vw, 14px);
  }
}
.mcr-form .contact-body form .form-line .form-line-core .form-input .form-input-core p input[type=date] {
  border-style: solid;
  border-color: #848484;
  width: 100%;
}
@media (max-width: 767px) {
  .mcr-form .contact-body form .form-line .form-line-core .form-input .form-input-core p input[type=date] {
    border-width: 0.25vw;
    border-radius: 0.625vw;
    padding: 2.5vw;
    font-size: 3.5vw;
  }
}
@media (min-width: 768px) {
  .mcr-form .contact-body form .form-line .form-line-core .form-input .form-input-core p input[type=date] {
    border-width: min(0.0714285714vw, 1px);
    border-radius: min(0.3571428571vw, 5px);
    padding: min(0.7142857143vw, 10px);
    font-size: min(1vw, 14px);
  }
}
.mcr-form .contact-body form .form-line .form-line-core .form-input .form-input-core p textarea {
  border-style: solid;
  border-color: #848484;
  width: 100%;
}
@media (max-width: 767px) {
  .mcr-form .contact-body form .form-line .form-line-core .form-input .form-input-core p textarea {
    border-width: 0.25vw;
    border-radius: 0.625vw;
    padding: 2.5vw;
    font-size: 3.5vw;
  }
}
@media (min-width: 768px) {
  .mcr-form .contact-body form .form-line .form-line-core .form-input .form-input-core p textarea {
    border-width: min(0.0714285714vw, 1px);
    border-radius: min(0.3571428571vw, 5px);
    padding: min(0.7142857143vw, 10px);
    font-size: min(1vw, 14px);
    height: min(14.2857142857vw, 200px);
  }
}
.mcr-form .contact-body form .form-line .form-line-core .form-input .form-input-core p select {
  border-style: solid;
  border-color: #848484;
  width: 100%;
}
@media (max-width: 767px) {
  .mcr-form .contact-body form .form-line .form-line-core .form-input .form-input-core p select {
    border-width: 0.25vw;
    border-radius: 0.625vw;
    padding: 2.5vw;
    font-size: 3.5vw;
  }
}
@media (min-width: 768px) {
  .mcr-form .contact-body form .form-line .form-line-core .form-input .form-input-core p select {
    border-width: min(0.0714285714vw, 1px);
    border-radius: min(0.3571428571vw, 5px);
    padding: min(0.7142857143vw, 10px);
    font-size: min(1vw, 14px);
  }
}
.mcr-form .contact-body form .form-line--jobtype .form-line-core {
  align-items: start;
}
@media (max-width: 767px) {
  .mcr-form .contact-body form .form-line--jobtype .form-line-core .form-input {
    padding-left: 3.75vw;
  }
}
@media (max-width: 767px) {
  .mcr-form .contact-body form .form-line--jobtype .form-line-core .form-input .form-input-core {
    padding-top: 3.75vw;
  }
}
.mcr-form .contact-body form .form-line--age .form-input .form-input-core {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .mcr-form .contact-body form .form-line--age .form-input .form-input-core {
    column-gap: 1.875vw;
  }
}
@media (min-width: 768px) {
  .mcr-form .contact-body form .form-line--age .form-input .form-input-core {
    column-gap: min(0.7142857143vw, 10px);
  }
}
@media (max-width: 767px) {
  .mcr-form .contact-body form .form-line--age .form-input .form-input-core .age {
    height: 10vw;
    width: 35vw;
  }
}
@media (min-width: 768px) {
  .mcr-form .contact-body form .form-line--age .form-input .form-input-core .age {
    width: min(9.8571428571vw, 138px);
    height: min(3.2142857143vw, 45px);
  }
}
@media (max-width: 767px) {
  .mcr-form .contact-body form .form-line--age .form-input .form-input-core .age select {
    height: 10vw;
    width: 28.75vw;
  }
}
@media (min-width: 768px) {
  .mcr-form .contact-body form .form-line--age .form-input .form-input-core .age select {
    height: 100%;
    width: 10.7142857143vw;
  }
}
.mcr-form .contact-body form .form-line--name .form-input .form-input-core {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .mcr-form .contact-body form .form-line--name .form-input .form-input-core {
    column-gap: 1.875vw;
  }
}
@media (min-width: 768px) {
  .mcr-form .contact-body form .form-line--name .form-input .form-input-core {
    column-gap: min(0.7142857143vw, 10px);
  }
}
@media (max-width: 767px) {
  .mcr-form .contact-body form .form-line--name .form-input .form-input-core p {
    width: calc((100% - 1.875vw) / 2);
  }
}
@media (min-width: 768px) {
  .mcr-form .contact-body form .form-line--name .form-input .form-input-core p {
    width: calc((100% - min(0.7142857143vw, 10px)) / 2);
  }
}
.mcr-form .contact-body form .form-line--tel .form-input .form-input-core {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media (min-width: 768px) {
  .mcr-form .contact-body form .form-line--tel .form-input .form-input-core {
    width: min(40.7142857143vw, 570px);
  }
}
@media (max-width: 767px) {
  .mcr-form .contact-body form .form-line--tel .form-input .form-input-core .number {
    width: calc((100% - 10vw) / 3);
  }
}
@media (min-width: 768px) {
  .mcr-form .contact-body form .form-line--tel .form-input .form-input-core .number {
    width: min(11.4285714286vw, 160px);
  }
}
.mcr-form .contact-body form .form-line--tel .form-input .form-input-core .haifun {
  text-align: center;
}
@media (max-width: 767px) {
  .mcr-form .contact-body form .form-line--tel .form-input .form-input-core .haifun {
    font-size: 3.5vw;
    width: 5vw;
  }
}
@media (min-width: 768px) {
  .mcr-form .contact-body form .form-line--tel .form-input .form-input-core .haifun {
    font-size: min(1vw, 14px);
    width: calc((100% - min(11.4285714286vw, 160px) * 3) / 2);
  }
}
@media (max-width: 767px) {
  .mcr-form .contact-body form .form-line--telall .form-line-core .form-input .form-input-core .number {
    width: 50%;
  }
}
@media (min-width: 768px) {
  .mcr-form .contact-body form .form-line--telall .form-line-core .form-input .form-input-core .number {
    width: min(14.2857142857vw, 200px);
  }
}
.mcr-form .contact-body form .form-line--post .form-input .form-input-core {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media (min-width: 768px) {
  .mcr-form .contact-body form .form-line--post .form-input .form-input-core {
    width: min(40.7142857143vw, 570px);
  }
}
.mcr-form .contact-body form .form-line--post .form-input .form-input-core .mark {
  text-align: center;
}
@media (max-width: 767px) {
  .mcr-form .contact-body form .form-line--post .form-input .form-input-core .mark {
    font-size: 4vw;
    width: 10vw;
  }
}
@media (min-width: 768px) {
  .mcr-form .contact-body form .form-line--post .form-input .form-input-core .mark {
    font-size: min(1.1428571429vw, 16px);
    width: min(2.8571428571vw, 40px);
  }
}
@media (max-width: 767px) {
  .mcr-form .contact-body form .form-line--post .form-input .form-input-core .number {
    width: 21.25vw;
  }
}
@media (min-width: 768px) {
  .mcr-form .contact-body form .form-line--post .form-input .form-input-core .number {
    width: min(8.5714285714vw, 120px);
  }
}
.mcr-form .contact-body form .form-line--post .form-input .form-input-core .haifun {
  text-align: center;
}
@media (max-width: 767px) {
  .mcr-form .contact-body form .form-line--post .form-input .form-input-core .haifun {
    font-size: 3.5vw;
    width: 6.25vw;
  }
}
@media (min-width: 768px) {
  .mcr-form .contact-body form .form-line--post .form-input .form-input-core .haifun {
    font-size: min(1vw, 14px);
    width: min(2.8571428571vw, 40px);
  }
}
.mcr-form .contact-body form .form-line--education .form-line-core {
  align-items: start;
}
.mcr-form .contact-body form .form-line--qualification .form-line-core {
  align-items: start;
}
.mcr-form .contact-body form .form-line--reason .form-line-core {
  align-items: start;
}
.mcr-form .contact-body form .form-line--other .form-line-core {
  align-items: start;
}
@media (max-width: 767px) {
  .mcr-form .contact-body form .form-line--privacy {
    margin-top: 6.25vw;
    margin-bottom: 5vw;
  }
}
@media (min-width: 768px) {
  .mcr-form .contact-body form .form-line--privacy {
    margin-top: min(4.2857142857vw, 60px);
    margin-bottom: min(2.8571428571vw, 40px);
  }
}
.mcr-form .contact-body form .form-line--privacy .privacy-read {
  margin: 0 auto;
  background-color: #ECECEC;
}
@media (max-width: 767px) {
  .mcr-form .contact-body form .form-line--privacy .privacy-read {
    width: 100%;
    padding: 5vw 7.5vw;
    margin-bottom: 7.5vw;
  }
}
@media (min-width: 768px) {
  .mcr-form .contact-body form .form-line--privacy .privacy-read {
    width: min(57.1428571429vw, 800px);
    padding: min(2.1428571429vw, 30px) min(2.8571428571vw, 40px);
    margin-bottom: min(2.1428571429vw, 30px);
  }
}
.mcr-form .contact-body form .form-line--privacy .privacy-read h3 {
  text-align: center;
  font-weight: bold;
  color: #ea6052;
}
@media (max-width: 767px) {
  .mcr-form .contact-body form .form-line--privacy .privacy-read h3 {
    font-size: 3.5vw;
    margin-bottom: 5vw;
  }
}
@media (min-width: 768px) {
  .mcr-form .contact-body form .form-line--privacy .privacy-read h3 {
    font-size: min(1.1428571429vw, 16px);
    margin-bottom: min(1.4285714286vw, 20px);
  }
}
.mcr-form .contact-body form .form-line--privacy .privacy-read p {
  line-height: 1.4;
}
@media (max-width: 767px) {
  .mcr-form .contact-body form .form-line--privacy .privacy-read p {
    line-height: 1.6;
    font-size: 3vw;
  }
}
@media (min-width: 768px) {
  .mcr-form .contact-body form .form-line--privacy .privacy-read p {
    line-height: 1.4;
    font-size: min(1vw, 14px);
  }
}
.mcr-form .contact-body form .form-line--privacy .privacy-check .checkboxItem {
  margin: 0 auto;
}
.mcr-form .contact-body form .form-line--privacy .errorline {
  text-align: center;
}
@media (max-width: 767px) {
  .mcr-form .contact-body form .agree-annotation {
    margin-bottom: 7.5vw;
  }
}
@media (min-width: 768px) {
  .mcr-form .contact-body form .agree-annotation {
    margin-bottom: min(4.2857142857vw, 60px);
  }
}
.mcr-form .contact-body form .agree-annotation p {
  text-align: center;
}
@media (max-width: 767px) {
  .mcr-form .contact-body form .agree-annotation p {
    font-size: 3.5vw;
  }
}
@media (min-width: 768px) {
  .mcr-form .contact-body form .agree-annotation p {
    font-size: min(1vw, 14px);
  }
}
.mcr-form .contact-body form .buttonarea__button {
  background-color: #000;
  display: grid;
  place-content: center;
  color: #fff;
  font-weight: bold;
  margin: 0 auto;
  transition: 0.3s;
}
@media (max-width: 767px) {
  .mcr-form .contact-body form .buttonarea__button {
    width: 50vw;
    height: 8.75vw;
    font-size: 4vw;
    border-radius: 1.25vw;
  }
}
@media (min-width: 768px) {
  .mcr-form .contact-body form .buttonarea__button {
    width: min(28.5714285714vw, 400px);
    height: min(5vw, 70px);
    font-size: min(1.4285714286vw, 20px);
    border-radius: min(0.7142857143vw, 10px);
  }
}
@media (min-width: 1400px) {
  .mcr-form .contact-body form .buttonarea__button:hover {
    background-color: #ea6052;
  }
}

@media (max-width: 767px) {
  .mid-career-recruitment-confirmation .contact {
    padding-top: 18.75vw;
    margin-bottom: 12.5vw;
  }
}
@media (min-width: 768px) {
  .mid-career-recruitment-confirmation .contact {
    padding-top: min(10vw, 140px);
    margin-bottom: min(7.1428571429vw, 100px);
  }
}
.mid-career-recruitment-confirmation .contact .contact-head {
  background-color: #fff;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .mid-career-recruitment-confirmation .contact .contact-head {
    width: min(71.4285714286vw, 1000px);
  }
}
.mid-career-recruitment-confirmation .contact .contact-head .titleline {
  width: 100%;
  display: grid;
  place-content: center;
  background-color: #ea6052;
}
@media (max-width: 767px) {
  .mid-career-recruitment-confirmation .contact .contact-head .titleline {
    height: 12.5vw;
    margin-bottom: 5vw;
  }
}
@media (min-width: 768px) {
  .mid-career-recruitment-confirmation .contact .contact-head .titleline {
    height: min(5vw, 70px);
    margin-bottom: min(3.5714285714vw, 50px);
  }
}
.mid-career-recruitment-confirmation .contact .contact-head .titleline h2 {
  color: #fff;
  font-weight: bold;
  line-height: 1;
}
@media (max-width: 767px) {
  .mid-career-recruitment-confirmation .contact .contact-head .titleline h2 {
    font-size: 5vw;
  }
}
@media (min-width: 768px) {
  .mid-career-recruitment-confirmation .contact .contact-head .titleline h2 {
    font-size: min(1.7142857143vw, 24px);
  }
}
@media (max-width: 767px) {
  .mid-career-recruitment-confirmation .contact .contact-head .contact-read {
    padding-bottom: 8.75vw;
  }
}
@media (min-width: 768px) {
  .mid-career-recruitment-confirmation .contact .contact-head .contact-read {
    padding-bottom: min(3.5714285714vw, 50px);
  }
}
.mid-career-recruitment-confirmation .contact .contact-head .contact-read p {
  text-align: center;
  font-weight: bold;
  line-height: 1;
}
@media (max-width: 767px) {
  .mid-career-recruitment-confirmation .contact .contact-head .contact-read p {
    font-size: 3.5vw;
  }
}
@media (min-width: 768px) {
  .mid-career-recruitment-confirmation .contact .contact-head .contact-read p {
    color: #ea6052;
    font-size: min(1.7142857143vw, 24px);
  }
}
@media (max-width: 767px) {
  .mid-career-recruitment-confirmation .contact .contact-body form .form-line .form-input .form-input-core p {
    font-size: 3.5vw;
  }
}
@media (min-width: 768px) {
  .mid-career-recruitment-confirmation .contact .contact-body form .form-line .form-input .form-input-core p {
    font-size: min(1.1428571429vw, 16px);
  }
}
.mid-career-recruitment-confirmation .contact .contact-body form .form-line--name .form-input .form-input-core p {
  width: 100%;
}
.mid-career-recruitment-confirmation .contact .contact-body form .buttonarea {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media (max-width: 767px) {
  .mid-career-recruitment-confirmation .contact .contact-body form .buttonarea {
    column-gap: 3.75vw;
    margin-top: 15vw;
  }
}
@media (min-width: 768px) {
  .mid-career-recruitment-confirmation .contact .contact-body form .buttonarea {
    column-gap: min(2.1428571429vw, 30px);
    margin-top: min(4.2857142857vw, 60px);
  }
}
.mid-career-recruitment-confirmation .contact .contact-body form .buttonarea__button {
  margin: 0;
}
@media (max-width: 767px) {
  .mid-career-recruitment-confirmation .contact .contact-body form .buttonarea__button {
    width: 37.5vw;
  }
}
@media (min-width: 768px) {
  .mid-career-recruitment-confirmation .contact .contact-body form .buttonarea__button {
    width: min(21.4285714286vw, 300px);
  }
}

.mid-career-recruitment-thanks .thanksmessage {
  display: grid;
  place-content: center;
  border-top-style: solid;
  border-top-color: #000;
}
@media (max-width: 767px) {
  .mid-career-recruitment-thanks .thanksmessage {
    width: 100%;
    margin-top: 18.75vw;
    min-height: calc(100vh - 53.5vw);
    border-top-width: 0.25vw;
    padding: 15vw 0;
  }
}
@media (min-width: 768px) {
  .mid-career-recruitment-thanks .thanksmessage {
    margin-top: min(10vw, 140px);
    min-height: calc(100vh - min(41.3571428571vw, 579px));
    border-top-width: min(0.0714285714vw, 1px);
    padding: min(4.2857142857vw, 60px) 0;
  }
}
.mid-career-recruitment-thanks .thanksmessage .message-wrap {
  background-color: #ea6052;
}
@media (max-width: 767px) {
  .mid-career-recruitment-thanks .thanksmessage .message-wrap {
    width: 87.5vw;
    padding: 15vw 0;
  }
}
@media (min-width: 768px) {
  .mid-career-recruitment-thanks .thanksmessage .message-wrap {
    width: 100%;
    padding: min(4.2857142857vw, 60px) min(7.1428571429vw, 100px);
  }
}
.mid-career-recruitment-thanks .thanksmessage .message-wrap p {
  text-align: center;
  font-weight: bold;
  color: #fff;
  line-height: 1.4;
}
@media (max-width: 767px) {
  .mid-career-recruitment-thanks .thanksmessage .message-wrap p {
    font-size: 4vw;
  }
}
@media (min-width: 768px) {
  .mid-career-recruitment-thanks .thanksmessage .message-wrap p {
    font-size: min(1.1428571429vw, 16px);
  }
}
@media (max-width: 767px) {
  .mid-career-recruitment-thanks .thanksmessage .message-wrap p:not(:last-of-type) {
    margin-bottom: 2.5vw;
  }
}
@media (min-width: 768px) {
  .mid-career-recruitment-thanks .thanksmessage .message-wrap p:not(:last-of-type) {
    margin-bottom: min(0.7142857143vw, 10px);
  }
}

input:-webkit-autofill {
  box-shadow: 0 0 0 1000px white inset;
}

.radioItem {
  display: flex;
  align-items: center;
  width: fit-content;
  line-height: 1;
  cursor: pointer;
}
@media (max-width: 767px) {
  .radioItem {
    column-gap: 2.5vw;
  }
}
@media (min-width: 768px) {
  .radioItem {
    column-gap: min(0.7142857143vw, 10px);
  }
}
.radioItem .radioButton {
  appearance: none;
  position: relative;
  border-style: solid;
  border-color: #534d56;
  border-radius: 9999px;
  cursor: pointer;
}
@media (max-width: 767px) {
  .radioItem .radioButton {
    width: 3.75vw;
    height: 3.75vw;
    border-width: 0.25vw;
  }
}
@media (min-width: 768px) {
  .radioItem .radioButton {
    width: min(1.0714285714vw, 15px);
    height: min(1.0714285714vw, 15px);
    border-width: min(0.0714285714vw, 1px);
  }
}
.radioItem .radioButton:checked {
  border: none;
  background-color: #ea6052;
}
.radioItem .radioButton:checked:after {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  border-radius: 9999px;
  background-color: #ffffff;
}
@media (max-width: 767px) {
  .radioItem .radioButton:checked:after {
    width: 1.25vw;
    height: 1.25vw;
  }
}
@media (min-width: 768px) {
  .radioItem .radioButton:checked:after {
    width: min(0.3571428571vw, 5px);
    height: min(0.3571428571vw, 5px);
  }
}
@media (max-width: 767px) {
  .radioItem:not(:last-of-type) {
    margin-bottom: 4vw;
  }
}
@media (min-width: 768px) {
  .radioItem:not(:last-of-type) {
    margin-bottom: min(1.1428571429vw, 16px);
  }
}

.checkboxItem {
  display: flex;
  align-items: center;
  width: fit-content;
  line-height: 1;
  cursor: pointer;
}
@media (max-width: 767px) {
  .checkboxItem {
    column-gap: 2vw;
  }
}
@media (min-width: 768px) {
  .checkboxItem {
    column-gap: min(0.5714285714vw, 8px);
  }
}
.checkboxItem .checkbox {
  appearance: none;
  position: relative;
  border-style: solid;
  border-color: #aaaaaa;
  cursor: pointer;
}
@media (max-width: 767px) {
  .checkboxItem .checkbox {
    width: 5vw;
    height: 5vw;
    border-width: 0.25vw;
    border-radius: 0.5vw;
  }
}
@media (min-width: 768px) {
  .checkboxItem .checkbox {
    width: min(1.4285714286vw, 20px);
    height: min(1.4285714286vw, 20px);
    border-width: min(0.0714285714vw, 1px);
    border-radius: min(0.1428571429vw, 2px);
  }
}
.checkboxItem .checkbox:checked::after {
  content: "";
  position: absolute;
  border-bottom-style: solid;
  border-bottom-color: #ea6052;
  border-left-style: solid;
  border-left-color: #ea6052;
  transform: rotate(-45deg);
}
@media (max-width: 767px) {
  .checkboxItem .checkbox:checked::after {
    top: -0.25vw;
    left: 1vw;
    width: 5vw;
    height: 2.5vw;
    border-bottom-width: 0.75vw;
    border-left-width: 0.75vw;
  }
}
@media (min-width: 768px) {
  .checkboxItem .checkbox:checked::after {
    top: min(-0.0714285714vw, -1px);
    left: min(0.2857142857vw, 4px);
    width: min(1.4285714286vw, 20px);
    height: min(0.7142857143vw, 10px);
    border-bottom-width: min(0.2142857143vw, 3px);
    border-left-width: min(0.2142857143vw, 3px);
  }
}
@media (max-width: 767px) {
  .checkboxItem:not(:last-of-type) {
    margin-bottom: 4vw;
  }
}
@media (min-width: 768px) {
  .checkboxItem:not(:last-of-type) {
    margin-bottom: min(1.1428571429vw, 16px);
  }
}

form .errorline {
  line-height: 1.4;
  font-weight: bold;
  color: #ea6052;
}
@media (max-width: 767px) {
  form .errorline {
    padding-top: 1.25vw;
    font-size: 3vw;
  }
}
@media (min-width: 768px) {
  form .errorline {
    padding-top: min(0.3571428571vw, 5px);
    font-size: min(0.8571428571vw, 12px);
  }
}
form .errorline .errortxt {
  display: none;
}
form .inputerror {
  display: none;
}
form .inputerror p {
  line-height: 1;
  font-weight: bold;
  color: #ea6052;
  text-align: center;
}
@media (max-width: 767px) {
  form .inputerror p {
    font-size: 3vw;
    padding-top: 5vw;
  }
}
@media (min-width: 1400px) {
  form .inputerror p {
    font-size: min(0.8571428571vw, 12px);
    padding-top: min(1.4285714286vw, 20px);
  }
}

.gallery {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 9999;
  pointer-events: none;
  opacity: 0;
  transition: 0.3s;
  display: grid;
  place-content: center;
}
.gallery__bk {
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 0;
  display: none;
}
.gallery__close {
  position: absolute;
  aspect-ratio: 1/1;
  border-radius: 50%;
  border-style: solid;
  border-color: #fff;
  transform: rotate(45deg);
  transition: 0.3s;
  z-index: 2;
}
@media (max-width: 767px) {
  .gallery__close {
    width: 6.25vw;
    top: 3.75vw;
    right: 3.75vw;
    border-width: 0.125vw;
  }
}
@media (min-width: 768px) {
  .gallery__close {
    width: 3.5714285714vw;
    top: 2.1428571429vw;
    right: 2.1428571429vw;
    border-width: 0.0714285714vw;
  }
}
.gallery__close::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  height: 60%;
}
@media (max-width: 767px) {
  .gallery__close::after {
    width: 0.125vw;
  }
}
@media (min-width: 768px) {
  .gallery__close::after {
    width: 0.0714285714vw;
  }
}
.gallery__close::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  width: 60%;
}
@media (max-width: 767px) {
  .gallery__close::before {
    height: 0.125vw;
  }
}
@media (min-width: 768px) {
  .gallery__close::before {
    height: 0.0714285714vw;
  }
}
@media (min-width: 1400px) {
  .gallery__close:hover {
    transform: scale(1.1) rotate(45deg);
    cursor: pointer;
  }
}
.gallery__element {
  transition: 0.3s;
  display: none;
  place-content: center;
  background-color: #fff;
  z-index: 1;
}
.gallery__element img {
  width: auto;
}
@media (max-width: 767px) {
  .gallery__element img {
    max-width: 80vw;
    max-height: calc(100vh - 20vw);
  }
}
@media (min-width: 768px) {
  .gallery__element img {
    max-width: 88.5714285714vw;
    max-height: calc(100vh - 11.4285714286vw);
  }
}
.gallery__element.active {
  display: block;
}
.gallery.active {
  opacity: 1;
  pointer-events: all;
}
.gallery.active .gallery__bk {
  display: block;
}/*# sourceMappingURL=mid-career-recruitment-form.css.map */