@charset "UTF-8";
body.no-scroll {
  overflow: hidden;
}

body.entry,
body.client.thanks {
  min-height: 100vh;
  padding-bottom: 4.6875rem;
  background-color: #f5f5f5;
  position: relative;
}

.w-100 {
  width: 100%;
}

.entry main {
  padding-top: 3.4375rem;
}
.entry header {
  height: 3.4375rem;
  padding: 1rem;
  position: absolute;
}
.entry .logo__header {
  height: 1rem;
  width: auto;
  margin: 0;
}
.entry footer {
  width: 100%;
  padding: 2rem 0;
  background-color: #f5f5f5;
  text-align: center;
  position: absolute;
  left: 0;
  bottom: 0;
}
.entry .wrap {
  display: flex;
  margin: 2rem 1.25rem 0;
}
.entry .copyright {
  margin: 0;
}

.entry__img {
  width: 27.5rem;
  margin: auto 3rem auto 0;
}
.entry__img img {
  width: 100%;
}

.entry .entry__form__wrap {
  width: 100%;
  height: auto;
  min-width: 20.9375rem;
  max-width: 31.875rem;
  margin: 0 auto;
  padding: 0;
  background-color: transparent;
  box-shadow: none;
  justify-content: flex-start;
  overflow: visible;
}
.entry .entry__form__wrap .wpcf7 {
  overflow: hidden;
}

.entry__form__content {
  display: flex;
  width: 100%;
  max-width: 31.875rem;
  height: 580px;
  flex-direction: column;
  position: relative;
}

.form__wrap {
  display: flex;
  height: 530px;
  margin: 0;
  position: absolute;
  transition: 0.2s;
}
.form__wrap.active-step2 {
  top: 0;
  left: -100%;
}
.form__wrap.active-step3 {
  top: 0;
  left: -200%;
}
.form__wrap.active-step4 {
  top: 0;
  left: -300%;
}
.form__wrap.active-step5 {
  top: 0;
  left: -400%;
}
.form__wrap.active-step6 {
  top: 0;
  left: -500%;
}
.form__wrap.active-step7 {
  top: 0;
  left: -600%;
}
.form__wrap.active-step8 {
  top: 0;
  left: -700%;
}
.form__wrap.active-step1 {
  top: 0;
  left: 0;
}

[class*=form__wrap-step] {
  width: 100vw;
  max-width: 31.875rem;
  padding: 0 1.25rem;
}
[class*=form__wrap-step] .form__contents,
[class*=form__wrap-step] .agree__text {
  display: none;
}

.entry .wrap.entry-wrap {
  margin: 0 auto;
}

div#slide_btn img {
  max-height: 5.1875rem;
}

a.img_wrap img {
  max-height: 5.1875rem;
  width: auto;
}

.entry__form__head {
  width: 100%;
  height: auto;
  text-align: center;
  position: relative;
}

.entry__form__head__text {
  display: inline-block;
  margin: 0 0 1.5rem;
  font-size: 2em;
  letter-spacing: 0;
  font-weight: bold;
}

.form__img {
  height: 3.625rem;
  position: absolute;
  top: 0.25rem;
  right: 0;
}

.active-step1 .form__wrap-step1 .form__contents,
.active-step2 .form__wrap-step2 .form__contents,
.active-step3 .form__wrap-step3 .form__contents,
.active-step4 .form__wrap-step4 .form__contents,
.active-step5 .form__wrap-step5 .form__contents,
.active-step6 .form__wrap-step6 .form__contents,
.active-step7 .form__wrap-step7 .form__contents,
.active-step8 .form__wrap-step8 .form__contents,
.active-step8 .form__wrap-step8 .agree__text {
  display: block;
}

.form__contents:not(:last-of-type) {
  margin-bottom: 1.25rem;
}

.form__wrap-step8 .form__contents:last-of-type {
  margin-bottom: 0.75rem;
}

.form__head {
  display: flex;
  margin-bottom: 0.5rem;
  align-items: center;
}
.form__head::before {
  width: 2rem;
  margin-right: 0.5rem;
  color: #fff;
  text-align: center;
  line-height: 1.125rem;
  font-weight: bold;
  border-radius: 0.1875rem;
}
.form__head.required::before {
  content: "必須";
  background-color: #D85041;
}
.form__head.optional::before {
  content: "任意";
  background-color: #B3B3B3;
}

.form__caption {
  margin-right: 0.5rem;
  font-size: 1.4em;
  font-weight: bold;
}

.form__check {
  font-family: "Gotham", sans-serif;
  font-weight: bold;
  color: #E6E6E6;
  transition: 0.2s;
}

.form__check__icon {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  margin-right: 0.25rem;
  background-color: #E6E6E6;
  color: #ccc;
  font-size: 1.2em;
  text-align: center;
  line-height: 1rem;
  border-radius: 0.5rem;
  transition: 0.2s;
}

.form__contents.active .form__check,
.form__contents.active-nocount .form__check {
  color: #A7D129;
}
.form__contents.active .form__check__icon,
.form__contents.active-nocount .form__check__icon {
  color: #fff;
  background-color: #A7D129;
}

.form__wrap input:not([type=radio]):not([type=checkbox]),
.form__wrap input + .wpcf7-list-item-label,
.form__wrap select {
  display: flex;
  height: 3rem;
  padding: 0 1rem;
  border: 1px solid #E6E6E6;
  background-color: #fff;
  border-radius: 0.25rem;
  font-size: 1.3em;
  font-weight: 500;
  align-items: center;
  cursor: pointer;
}
.form__wrap input:not([type=radio]):not([type=checkbox]),
.form__wrap select {
  width: 100%;
  cursor: pointer;
}
.form__wrap input[type=text],
.form__wrap input[type=tel],
.form__wrap input[type=email] {
  cursor: text;
}
.form__wrap select {
  line-height: 3rem;
}
.form__wrap select option:first-of-type {
  color: #596266;
}
.form__wrap input[type=radio],
.form__wrap input[type=checkbox] {
  display: none;
}

.wpcf7-list-item input[type=checkbox] {
  display: none;
}

.input__group {
  display: flex;
}
.input__group .select__wrap {
  width: 13.75rem;
  margin: 0 0.5rem 0 0;
}
.input__group .select__wrap:last-of-type {
  margin-right: 0;
}

.form__wrap input + .wpcf7-list-item-label {
  width: 13.75rem;
  margin: 0 0.5rem 0.5rem 0;
  display: inline-flex;
  padding: 0 0.375rem;
  align-items: center;
  position: relative;
}
.form__wrap input + .wpcf7-list-item-label::before {
  content: "";
  display: inline-block;
  width: 1rem;
  height: 1rem;
  margin: 0 0.375rem 0 0;
  text-align: center;
  border: 1px solid #E6E6E6;
  border-radius: 0.5rem;
}
.form__wrap input[type=checkbox] + .wpcf7-list-item-label {
  width: 9rem;
  margin: 0 0.5rem 0.5rem 0;
}
.form__wrap input[type=checkbox] + .wpcf7-list-item-label::before {
  border-radius: 0.125rem;
}
.form__wrap input[type=radio]:checked + .wpcf7-list-item-label::before {
  content: "●";
  color: #D85041;
}
.form__wrap input[type=checkbox]:checked + .wpcf7-list-item-label::after {
  content: "\e902";
  font-family: "icon";
  width: 1rem;
  font-size: 0.75rem;
  text-align: center;
  color: #D85041;
  position: absolute;
  left: 0.375rem;
}
.form__wrap .input__radio {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.form__wrap .input__radio + .wpcf7-list-item-label {
  width: 100%;
  margin-right: 0.75rem;
}
.form__wrap .wpcf7-list-item:nth-of-type(2n) input[type=radio] + .wpcf7-list-item-label {
  margin-right: 0;
}
.form__wrap .wpcf7-list-item:nth-last-child(-n+2) input[type=radio] + .wpcf7-list-item-label,
.form__wrap .wpcf7-list-item:nth-last-child(-n+3) input[type=checkbox] + .wpcf7-list-item-label {
  margin-bottom: 0;
}

.select__wrap {
  position: relative;
  align-items: center;
}
.select__wrap::after {
  content: "\e903";
  font-family: "icon";
  position: absolute;
  top: calc(50% - 0.5em);
  right: 0.75rem;
}

.work__link {
  display: flex;
  width: 13.75rem;
  align-items: center;
  justify-content: center;
}
.work__link a {
  font-size: 1.4em;
}
.work__link a span {
  text-decoration: underline;
}

.button__wrap {
  margin: auto 0 0 0;
  overflow: visible;
  z-index: 93;
  position: relative;
}

[class*=button__wrap-step] {
  display: none;
  position: relative;
}
[class*=button__wrap-step] .btn1 {
  width: 221px;
  margin-left: auto;
  margin-right: 0;
}
[class*=button__wrap-step] .button-step8 {
  margin-left: auto;
}

.active-step1 .button__wrap-step1,
.active-step2 .button__wrap-step2,
.active-step3 .button__wrap-step3,
.active-step4 .button__wrap-step4,
.active-step5 .button__wrap-step5,
.active-step6 .button__wrap-step6,
.active-step7 .button__wrap-step7,
.active-step8 .button__wrap-step8 {
  display: flex;
  justify-content: center;
  align-items: center;
}

[class*=button-step],
.button-submit {
  opacity: 0.5;
  pointer-events: none;
  border-radius: 0.25rem;
}
[class*=button-step].tonext, .tonext [class*=button-step],
.button-submit.tonext,
.tonext .button-submit {
  cursor: pointer;
  opacity: 1;
  pointer-events: auto;
}
[class*=button-step].tonext:hover, .tonext [class*=button-step]:hover,
.button-submit.tonext:hover,
.tonext .button-submit:hover {
  transform: translateY(0);
}

.button-submit.tonext,
.tonext button {
  cursor: pointer;
  opacity: 1;
  pointer-events: auto;
}

[class*=button__back-step] {
  height: 3.125rem;
  width: 2.6875rem;
  display: flex;
  align-content: center;
  align-items: center;
  font-size: 0.8125rem;
  font-weight: 700;
  color: #233D4C;
  position: absolute;
  left: 0;
  cursor: pointer;
  padding-left: 1.0625rem;
}
[class*=button__back-step]::before {
  content: "";
  background: url("../img/form/back-arrow.svg") no-repeat center/100% auto;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0.8125rem;
  aspect-ratio: 1/1;
}

.type_red.is-active {
  opacity: 0.5 !important;
  pointer-events: none !important;
  cursor: not-allowed !important;
}
.type_red.is-active::before {
  content: "";
  display: flex;
  width: 1.5rem;
  height: 1.5rem;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-image: url("../img/loading.png");
  background-size: contain;
  justify-content: center;
  z-index: 99;
  transform: rotate(359deg);
  animation: rotation 0.8s infinite linear;
}

@keyframes rotation {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(359deg);
  }
}
.agree__text {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.active-step8 .form__wrap-step8 .agree__text {
  display: flex;
  margin: 2.5rem auto 0;
  max-width: 100%;
}
@media only screen and (min-width: 768px) {
  .active-step8 .form__wrap-step8 .agree__text {
    text-align: center;
  }
}

.agree__line {
  font-size: 0.6875rem;
  line-height: 1.3636363636;
  font-weight: 700;
  margin-right: -0.5rem;
}

.agree__link {
  color: #D85041;
  text-decoration: underline;
  cursor: pointer;
  transition: 0.3s ease-out;
  transition-property: opacity;
}
@media (hover: hover) {
  .agree__link:hover {
    opacity: 0.7;
  }
}
@media (hover: none) {
  .agree__link:active {
    opacity: 0.7;
  }
}

.error-text {
  margin-left: auto;
  color: #D85041;
}

.form__contents.error input {
  border-color: #D85041;
}

.step__wrap {
  display: flex;
  width: 204px;
  height: 14px;
  margin: 0 auto;
  padding: 0 12px;
  background-color: #E6E6E6;
  border-radius: 17px;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.step__wrap::after {
  content: "";
  width: 51px;
  height: 14px;
  border-radius: 14px;
  background-color: #D85041;
  position: absolute;
  top: 0;
  transition: left 0.2s ease-out;
}
.step__wrap.active-step1::after {
  left: 0;
}
.step__wrap.active-step2::after {
  left: 25.5px;
}
.step__wrap.active-step3::after {
  left: 51px;
}
.step__wrap.active-step4::after {
  left: 76.5px;
}
.step__wrap.active-step5::after {
  left: 102px;
}
.step__wrap.active-step6::after {
  left: 127.5px;
}
.step__wrap.active-step7::after {
  left: 153px;
}
.step__wrap.active-step8::after {
  left: 178.5px;
}

[class*=step__text-] {
  font-family: "Gotham", sans-serif;
  color: #B3B3B3;
  position: relative;
  z-index: 1;
}

.active-step1 .step__text-1,
.active-step2 .step__text-2,
.active-step3 .step__text-3,
.active-step4 .step__text-4,
.active-step5 .step__text-5,
.active-step6 .step__text-6,
.active-step7 .step__text-7,
.active-step8 .step__text-8 {
  color: #fff;
}

body .ui-widget-overlay {
  background: #000;
  opacity: 0.5;
  -ms-filter: Alpha(Opacity=30);
}

.ui-dialog-titlebar {
  display: none;
}

.ui-dialog-content {
  padding: 48px 20px !important;
  box-sizing: border-box;
}

.ui-dialog {
  max-width: 90vw;
}

.modal-content {
  color: var(--7-a-878-c, #7A878C);
  font-size: 13px;
  z-index: 300;
}
.modal-content p {
  letter-spacing: 0.04em;
  line-height: 2;
  margin-bottom: 3.2rem;
}
.modal-content ol {
  counter-reset: item;
  list-style-type: none;
  margin-bottom: 3rem;
}
.modal-content ol li {
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.04em;
  line-height: 1.8;
  padding-left: 1.5em;
  position: relative;
}
.modal-content ol li:before {
  content: counter(item) ".";
  counter-increment: item;
  left: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 1.25rem;
}

#regulations-modal.modal-content p {
  margin-bottom: 1.2rem;
}

.wp-block-heading {
  color: var(--233-d-4-c, #233D4C);
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 16px;
}
.wp-block-heading.title {
  font-size: 18px;
  text-align: center;
}

.c-privacy-links {
  color: var(--233-d-4-c, #233D4C);
  display: flex;
  flex-direction: column;
  gap: 4.0625rem;
  margin-bottom: 3rem;
  padding-bottom: 2rem;
}
.c-privacy-links__item:not(:last-child) {
  margin-bottom: 3rem;
}
.c-privacy-links__block-ttl {
  color: #2c2c43;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 0.75rem;
  margin-bottom: 34px;
}
.c-privacy-links__item-ttl {
  color: #2c2c43;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 0.625rem;
  margin-bottom: 16px;
}
.c-privacy-links__item-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  list-style: none;
  margin-bottom: 16px;
  padding: 0;
}
.c-privacy-links__item-list li {
  color: #7A878C;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.04em;
  line-height: 1.5;
}

.step__wrap {
  width: 15.5rem;
  height: 1rem;
  padding: 0 1.125rem;
}
.step__wrap::after {
  width: 1.9375rem;
  height: 1rem;
}
.step__wrap.active-step1::after {
  left: 0;
}
.step__wrap.active-step2::after {
  left: 1.9375rem;
}
.step__wrap.active-step3::after {
  left: 3.875rem;
}
.step__wrap.active-step4::after {
  left: 5.8125rem;
}
.step__wrap.active-step5::after {
  left: 7.75rem;
}
.step__wrap.active-step6::after {
  left: 9.6875rem;
}
.step__wrap.active-step7::after {
  left: 11.625rem;
}
.step__wrap.active-step8::after {
  left: 13.5625rem;
}

.form__head::before {
  width: 1.75rem;
  line-height: 1rem;
}

.form__check {
  display: flex;
  align-items: center;
}

.form__check__icon {
  width: 1.0625rem;
  height: 1.0625rem;
  font-size: 1.3em;
  line-height: 1.0625rem;
  border-radius: 0.5625rem;
}

.form__wrap input::-webkit-input-placeholder {
  padding-top: 0.25em;
}
.form__wrap input:not([type=radio]):not([type=checkbox]),
.form__wrap input + .wpcf7-list-item-label,
.form__wrap select,
.form__wrap .work__link {
  font-size: 1.6em;
  height: 3rem;
}
.form__wrap select {
  border-color: #D9D9D9;
  color: #233D4C;
  font-size: 0.9375rem;
}
.form__wrap input[type=radio]:checked + .wpcf7-list-item-label::before {
  display: flex;
  align-items: center;
  line-height: 3rem;
  justify-content: center;
}

.step_wrap_row {
  margin-bottom: 2rem;
}

.select__wrap::after {
  color: #233D4C;
  font-size: 1rem;
  pointer-events: none;
}

.input__group .select__wrap,
.form__wrap input + .wpcf7-list-item-label,
.form__wrap input[type=checkbox] + .wpcf7-list-item-label,
.form__wrap .wpcf7-form-control-wrap.work {
  width: calc(50% - 0.375rem);
  margin-right: 0.75rem;
}

.form__wrap .wpcf7-list-item:nth-child(2n) input[type=checkbox] + .wpcf7-list-item-label {
  margin-right: 0;
}

.form__wrap .input__radio:not(#work) .wpcf7-list-item,
.form__wrap .work__link {
  width: calc(50% - 0.375rem);
}

.form__wrap input + .wpcf7-list-item-label,
.form__wrap .wpcf7-form-control-wrap.work .wpcf7-list-item {
  width: 100%;
}

.form__contents {
  margin-bottom: 1rem;
}

.form__wrap .form_wrap_step_box {
  background: #FFF;
  border-radius: 0.25rem;
  border: 1px solid #D9D9D9;
  display: flex;
  padding: 0.9375rem 0.9375rem 1.4375rem 0.9375rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  align-self: stretch;
}
.form__wrap .form_wrap_step_box .step_wrap {
  column-gap: 0.5rem;
  width: 100%;
}
.form__wrap .form_wrap_step_box .form_wrap_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  margin-bottom: 0.5rem;
}
.form__wrap .form_wrap_step_box .form_title {
  color: #233D4C;
  font-size: 1rem;
  line-height: 1.4375;
  font-weight: 700;
}
.form__wrap .form_wrap_step_box .form_title.sub {
  color: #D85041;
}
.form__wrap .form_wrap_step_box .form_page_box {
  border-radius: 0.25rem;
  background: #D9D9D9;
  width: 2.75rem;
  height: 1.375rem;
  padding: 0.25rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  text-align: center;
  color: #233D4C;
  font-size: 0.875rem;
  font-family: "Gotham";
}
.form__wrap .form_wrap_step_box .img_wrap {
  cursor: pointer;
  background: #FFF;
  border-radius: 0.25rem;
  border: 0.125rem solid #233D4C;
  display: flex;
  padding: 0.875rem 0.6875rem 1.375rem 0.6875rem;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  flex: 1 0 0;
  max-height: 13.75rem;
}
.form__wrap .form_wrap_step_box .img_text {
  position: relative;
  color: #233D4C;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 700;
  line-height: normal;
  margin-left: -0.3125rem;
  margin-right: -0.3125rem;
}

.blank::after {
  content: "";
  background: url("../img/form/blank-icon.svg") no-repeat center/100% auto;
  width: 0.8125rem;
  aspect-ratio: 13/13;
  position: absolute;
  left: 50%;
  bottom: -0.25rem;
  transform: translate(-50%, 100%);
}

.step_input_box {
  width: 100%;
}

.input_group {
  align-items: center;
  background: #FFF;
  border-radius: 0.375rem;
  border: 1px solid #D9D9D9;
  display: flex;
  height: 3rem;
  margin-bottom: 0.5rem;
  padding: 1rem 0;
  width: 100%;
}
.input_group:last-child {
  margin-bottom: 0;
}
.input_group label {
  cursor: pointer;
  color: var(--233-d-4-c, #233D4C);
  flex: 1 0 0;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.64px;
  height: 3rem;
  display: flex;
  align-items: center;
  padding: 0 1rem 0 1.5rem;
}
.input_group.--checkbox label {
  position: relative;
  padding-left: 2rem;
}
.input_group.--checkbox label::before, .input_group.--checkbox label::after {
  content: "";
  width: 1rem;
  height: 1rem;
  position: absolute;
  left: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
}
.input_group.--checkbox label::before {
  border: 1px solid #E6E6E6;
  background: #fff;
  border-radius: 0.25rem;
}
.input_group.--checkbox label::after {
  background: url(../img/form/checkbox.svg) no-repeat center/100% auto;
  opacity: 0;
}
.input_group svg {
  height: 0.5625rem;
  flex-shrink: 0;
  margin-right: 1rem;
  stroke-width: 0.125rem;
  stroke: #D9D9D9;
  width: 0.3125rem;
}
.input_group:has(input:checked) {
  background-color: #FFE4E0;
}
.input_group:has(input:checked).--checkbox label::after {
  opacity: 1;
}

[class*=button__wrap-step] {
  height: 3.125rem;
  margin: 0 1.25rem;
}

.jobtype_flex,
.qualification_flex {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  column-gap: 0.5rem;
  row-gap: 0.5rem;
}

.borderBox {
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 0.25rem;
  display: block;
  flex: 0 0 48%;
}
.borderBox label {
  display: block;
  text-align: center;
}
.borderBox input {
  appearance: none;
  background: none;
  border: 2px solid #233D4C;
  border-radius: 0.25rem;
  line-height: 1;
  margin-bottom: 0 !important;
  padding-left: 0.625rem;
  width: 100%;
}

input[name="job-type[]"] + span,
input[name="qualification[]"] + span {
  background-repeat: no-repeat;
  background-position: center top 0.625rem;
  background-size: 6.875rem auto;
  border: 2px solid #233D4C;
  border-radius: 0.25rem;
  cursor: pointer;
  display: block;
  font-size: 0.875rem;
  font-weight: bold;
  line-height: 2.14;
  padding-top: 3.625rem;
  padding-bottom: 0.5rem;
  position: relative;
  width: 100%;
  text-align: center;
  color: #233D4C;
}

input[name="job-type[]"][value=不動産賃貸の営業] + span,
#job-type1 + span {
  background-image: url("../img/step02_01.png");
}

input[name="job-type[]"][value=不動産売買の営業] + span,
#job-type2 + span {
  background-image: url("../img/step02_02.png");
}

input[name="job-type[]"][value=仕入・開発] + span,
#job-type3 + span {
  background-image: url("../img/step02_03.png");
}

input[name="job-type[]"][value=不動産管理] + span,
#job-type4 + span {
  background-image: url("../img/step02_04.png");
}

input[name="job-type[]"][value=事務職（経理含む）] + span,
#job-type5 + span {
  background-image: url("../img/step02_05.png");
}

input[name="job-type[]"][value=その他] + span,
#job-type6 + span {
  background-image: url("../img/step02_06.png");
}

input[name="job-type[]"]:checked + span,
input[name="qualification[]"]:checked + span {
  background-color: #FFE4E0;
  border-color: #D85041;
  color: #D85041;
}

.button__wrap.active-step2 {
  margin-bottom: 16.25rem;
}

.button__wrap.active-step3 {
  margin-bottom: 12.75rem;
}

.button__wrap.active-step4 {
  margin-bottom: 6.5rem;
}

.button__wrap.active-step5 {
  margin-bottom: 5.75rem;
}

.button__wrap.active-step6 {
  margin-bottom: 9.25rem;
}

.button__wrap.active-step7 {
  margin-bottom: 16.25rem;
}

.button__wrap.active-step8 {
  margin-bottom: 5.1875rem;
}

.button-step7,
.button-step8 {
  position: relative;
}

.required,
.normal {
  border-radius: 0.125rem;
  color: #FFF;
  font-size: 10px;
  font-weight: 700;
  margin-left: 0.625rem;
  margin-top: 0.125rem;
  padding: 0.0625rem 0.25rem 0;
  position: relative;
  top: -2px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 1rem;
}

.required {
  background: var(--cta, #D85041);
}

.normal {
  background: var(--233-d-4-c, #233D4C);
}

.form__wrap input + .wpcf7-list-item-label.normal-input {
  border: none;
  font-size: 0.875rem;
  height: 2.5rem;
}

.error-text {
  font-size: 0.75rem;
  margin-top: 0.5rem;
}

input[type=email]:disabled {
  background: #E6E6E6;
}

.desired-top-jobs .container h3 {
  font-weight: bold;
}

.desired-top-jobs .container .job-badge {
  font-weight: bold;
}

.desired-jobs .container .job-badge .en {
  font-family: "Gotham";
  font-size: 16px;
}

.desired-top-jobs .container .job-badge-img {
  display: inline-block;
  aspect-ratio: 77/28;
  max-width: 77px;
}

.entry .copyright {
  font-size: 1.2em;
}

.desired-jobs .container {
  background: #233D4C;
  color: #FFF;
  padding: 0.5rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
}

.desired-jobs .container .job-badge {
  background: #FFFFFF;
  border-radius: 0.25rem;
  color: #233D4C;
  display: inline-flex;
  font-size: 1rem;
  align-items: center;
  justify-content: center;
  min-width: 5rem;
  min-height: 1.6875rem;
}

.desired-jobs .container .job-badge .en {
  font-family: "Gotham";
  font-size: 16px;
}

.desired-jobs .container h3 {
  display: inline-block;
  font-size: 1rem;
  font-weight: bold;
}

.progress-wrap {
  align-items: center;
  align-self: stretch;
  display: flex;
  gap: 0.625rem;
  margin: 0 auto 2rem;
  padding: 0.5rem 1.25rem;
  width: 100%;
  max-width: 23.4375rem;
}

.progress-outer {
  background: #E6E6E6;
  border-radius: 1.25rem;
  height: 1rem;
  width: 100%;
  flex: 1 1 auto;
  overflow: hidden;
}

.progress-inner {
  border-radius: 2rem;
  background: #D85041;
  height: 100%;
  width: 0;
  transition: width 0.4s ease;
}

.progress-text {
  color: #233D4C;
  font-size: 0.625rem;
  line-height: 0;
  font-weight: bold;
  min-width: 2.5625rem;
  position: relative;
  flex: 0 0 auto;
}

.progress-text-label {
  line-height: normal;
  position: relative;
}

.progress-num-box {
  color: #D85041;
  font-size: 0.625rem;
  line-height: 0;
}

.progress-num {
  color: #D85041;
  font-size: 1.125rem;
  font-weight: 500;
  font-family: "Gotham";
}

.progress-num-unit {
  color: #D85041;
}

.modal-content .p-haken {
  padding-bottom: 2.5rem;
}
.modal-content .p-haken__ttl {
  color: #233D4C;
  text-align: center;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5555555556;
  margin-bottom: 1.5rem;
}
.modal-content .p-haken__txt {
  color: #7A878C;
  font-size: 0.8125rem;
  letter-spacing: 0;
  line-height: 1.8;
  font-weight: 400;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.modal-content .p-haken__txt a {
  color: inherit;
  text-decoration: underline;
  transition: 0.3s ease-out;
  transition-property: opacity;
}
@media (hover: hover) {
  .modal-content .p-haken__txt a:hover {
    opacity: 0.7;
  }
}
@media (hover: none) {
  .modal-content .p-haken__txt a:active {
    opacity: 0.7;
  }
}
.modal-content .p-haken__txt .block {
  display: flex;
  flex-direction: column;
  margin-bottom: 0;
}
.modal-content .p-haken__txt .block p {
  margin-bottom: 0;
}
.modal-content .p-haken__txt .block .p-haken__block-ttl {
  margin-bottom: 1rem;
}
.modal-content .p-haken__figure {
  border: 1px solid #233D4C;
  background: #fff;
  padding: 0.5625rem;
  border-radius: 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.375rem;
  font-weight: 700;
  margin: 0.5rem auto 0;
  max-width: 17.9375rem;
}
.modal-content .p-haken__figure .margin {
  font-size: 0.6875rem;
  line-height: 2.2;
  letter-spacing: 0.04em;
  border: 1px solid #233D4C;
  color: #233D4C;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 1.5rem;
  border-radius: 1.5rem;
}
.modal-content .p-haken__figure .equal {
  flex: 0 0 auto;
  width: 0.5rem;
  height: 0.4375rem;
  position: relative;
}
.modal-content .p-haken__figure .equal::before, .modal-content .p-haken__figure .equal::after {
  content: "";
  height: 100%;
  width: 1px;
  background: #233D4C;
  border-radius: 2px;
  position: absolute;
  top: 0;
  bottom: 0;
}
.modal-content .p-haken__figure .equal::before {
  left: 0;
}
.modal-content .p-haken__figure .equal::after {
  right: 0;
}
.modal-content .p-haken__figure .top {
  padding-bottom: 0.25rem;
  margin-bottom: 0.25rem;
  position: relative;
  display: flex;
}
.modal-content .p-haken__figure .top::after {
  content: "";
  height: 1px;
  border-radius: 2px;
  background: #233D4C;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
  width: 100%;
}
.modal-content .p-haken__figure .average1,
.modal-content .p-haken__figure .average2,
.modal-content .p-haken__figure .average3 {
  color: #233D4C;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 2.0833333333;
  letter-spacing: 0;
  text-align: center;
  white-space: nowrap;
}
.modal-content .p-haken__figure .average3 {
  line-height: 1.5833333333;
}
.modal-content .p-haken__figure .average2 {
  position: relative;
  margin-left: 1.6875rem;
}
.modal-content .p-haken__figure .average2::before {
  content: "";
  width: 0.5rem;
  height: 1px;
  background: #233D4C;
  position: absolute;
  left: -0.59375rem;
  top: 50%;
  transform: translate(-100%, -50%);
}
.modal-content .p-haken__block-ttl {
  color: #233D4C;
  font-size: 1rem;
  line-height: 1.375;
  letter-spacing: 0;
  font-weight: 700;
  margin-bottom: 1rem;
}
.modal-content .p-haken__table {
  flex: 0 0 auto;
  min-width: 48rem;
  width: 100%;
  overflow: hidden;
  border-radius: 0.5rem 0.5rem 0 0;
}
.modal-content .p-haken__table table {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
}
.modal-content .p-haken__table table td,
.modal-content .p-haken__table table th {
  vertical-align: middle;
  font-size: 0.8125rem;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0.04em;
  position: relative;
  padding: 1rem 0.75rem;
}
.modal-content .p-haken__table table td::before,
.modal-content .p-haken__table table th::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
}
.modal-content .p-haken__table table td {
  text-align: left;
  color: #233D4C;
}
.modal-content .p-haken__table table th {
  text-align: center;
  font-weight: 700;
}
.modal-content .p-haken__table table thead th {
  background: #7A878C;
  color: #fff;
}
.modal-content .p-haken__table table thead th:first-child {
  background: #233D4C;
}
.modal-content .p-haken__table table thead th:first-child::before {
  border-bottom: 1px solid #fff;
}
.modal-content .p-haken__table table thead th:nth-child(n+2)::before {
  border-left: 1px solid #fff;
}
.modal-content .p-haken__table table tbody th {
  background: #233D4C;
  color: #fff;
}
.modal-content .p-haken__table table tbody th:not(:last-child)::before {
  border-bottom: 1px solid #fff;
}
.modal-content .p-haken__table table tbody td::before {
  border-bottom: 1px solid #E6E6E6;
  border-left: 1px solid #E6E6E6;
  border-right: 1px solid #E6E6E6;
}
.modal-content .p-haken__table-wrapper {
  position: relative;
  overflow: auto;
  padding: 0 1.5rem;
  touch-action: pan-x;
  -webkit-overflow-scrolling: touch;
}
@media only screen and (min-width: 768px) {
  .modal-content .p-haken__table-wrapper {
    padding: 0;
    touch-action: pan-x pan-y;
    overscroll-behavior-x: contain;
  }
}
.modal-content .p-haken__table-wrapper.simplebar-scrollable-x .simplebar-wrapper {
  padding-bottom: 1.25rem;
}
.modal-content .p-haken__table-wrapper .simplebar-content-wrapper {
  overflow: auto !important;
  -webkit-overflow-scrolling: touch !important;
}
@media only screen and (min-width: 768px) {
  .modal-content .p-haken__table-wrapper .simplebar-content {
    touch-action: pan-x !important;
    will-change: transform;
  }
}
@media only screen and (min-width: 768px) {
  .modal-content .p-haken__table-wrapper .simplebar-scrollbar {
    pointer-events: none !important;
  }
  .modal-content .p-haken__table-wrapper .simplebar-track {
    pointer-events: none !important;
  }
}
.modal-content .p-haken__table-wrapper .simplebar-track.simplebar-horizontal {
  background: #E6E6E6;
  height: 4px;
  border-radius: 20px;
  left: 1.5rem;
  right: 1.5rem;
}
@media only screen and (min-width: 768px) {
  .modal-content .p-haken__table-wrapper .simplebar-track.simplebar-horizontal {
    left: 0;
    right: 0;
  }
}
.modal-content .p-haken__table-wrapper .simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  background: #D85041;
  height: 4px;
  border-radius: 20px;
}
.modal-content .p-haken__table-box {
  display: flex;
}
.modal-content .p-haken__table-space {
  display: block;
  flex: 0 0 auto;
  width: 1.5rem;
}
@media only screen and (min-width: 768px) {
  .modal-content .p-haken__table-space {
    display: none;
  }
}
.modal-content .p-haken__table-container {
  position: relative;
  margin-top: 1rem;
  margin-left: -20px !important;
  margin-right: -20px !important;
}
@media only screen and (min-width: 768px) {
  .modal-content .p-haken__table-container {
    margin-left: 0;
    margin-right: 0;
  }
}
.modal-content .p-haken__table-container#scroll-hint {
  transition: 0.3s ease-out;
  transition-property: opacity, visibility;
}
.modal-content .p-haken__table-container#scroll-hint.is-show .scroll-hint-bg,
.modal-content .p-haken__table-container#scroll-hint.is-show .scroll-hint {
  opacity: 1;
  visibility: visible;
}
.modal-content .p-haken__table-container#scroll-hint.is-hidden .scroll-hint-bg,
.modal-content .p-haken__table-container#scroll-hint.is-hidden .scroll-hint {
  opacity: 0 !important;
  visibility: hidden !important;
}
.modal-content .p-haken__table-container .scroll-hint-bg,
.modal-content .p-haken__table-container .scroll-hint {
  position: absolute;
  aspect-ratio: 300/220;
  width: 18.75rem;
  top: 3.6875rem;
  left: 1.5rem;
  transition: 0.3s ease-out;
  transition-property: opacity, visibility;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
@media only screen and (min-width: 768px) {
  .modal-content .p-haken__table-container .scroll-hint-bg,
  .modal-content .p-haken__table-container .scroll-hint {
    display: none;
  }
}
.modal-content .p-haken__table-container .scroll-hint-bg {
  background-color: #656565;
  border-radius: 2.5rem;
  mix-blend-mode: multiply;
}

/*# sourceMappingURL=baito-entry.css.map */