@font-face {
  font-family: "suisse-regular";
  src: url("/fonts/SuisseIntl-Regular-WebM.woff") format("woff");
  font-weight: 400;
}
@font-face {
  font-family: "suisse-book";
  src: url("/fonts/SuisseIntl-Book-WebM.woff") format("woff");
  font-weight: 450;
}
@font-face {
  font-family: "suisse-medium";
  src: url("/fonts/SuisseIntl-Medium-WebM.woff") format("woff");
  font-weight: 500;
}
@font-face {
  font-family: "suisse-semibold";
  src: url("/fonts/SuisseIntl-SemiBold-WebM.woff") format("woff");
  font-weight: 600;
}
@font-face {
  font-family: "hiragino-400";
  src: local("HiraKakuProN-W4");
  font-weight: 400;
}
@font-face {
  font-family: "hiragino-500";
  src: local("HiraKakuProN-W5");
  font-weight: 500;
}
@font-face {
  font-family: "hiragino-600";
  src: local("HiraKakuProN-W6");
  font-weight: 600;
}
.application {
  padding: 151px 24px 80px;
}
@media screen and (min-width: 768px) {
  .application {
    width: 58.6111111111%;
    padding: 222px 38px 226px;
  }
}

.section-step {
  display: grid;
  row-gap: 48px;
}
@media screen and (min-width: 768px) {
  .section-step {
    row-gap: 50px;
  }
}

.step-head__title {
  font-family: "hiragino-600", sans-serif;
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.04em;
}

.step-head__lead {
  margin-top: 36px;
  font-family: "suisse-regular", "hiragino-400", sans-serif;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.04em;
  text-align: justify;
}
@media screen and (min-width: 768px) {
  .step-head__lead {
    margin-top: 44px;
  }
}

.step__list {
  display: grid;
  row-gap: 36px;
  counter-reset: list;
}

.step__listItem {
  position: relative;
  counter-increment: list;
}
.step__listItem::before {
  position: absolute;
  top: 1px;
  left: 0;
  content: counter(list) ".";
  font-family: "suisse-semibold", sans-serif;
  font-size: 1.4rem;
  line-height: 1.8;
  letter-spacing: 0.04em;
}

.step-listItem__title {
  margin-left: 18px;
  font-family: "hiragino-600", sans-serif;
  font-size: 1.4rem;
  line-height: 1.8;
  letter-spacing: 0.04em;
}

.step-listItem__text {
  margin-top: 16px;
  font-family: "suisse-regular", "hiragino-400", sans-serif;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.04em;
  text-align: justify;
}

.genre {
  margin-top: 48px;
}
@media screen and (min-width: 768px) {
  .genre {
    margin-top: 24px;
  }
}

.genre__title {
  font-family: "hiragino-600", sans-serif;
  font-size: 1.4rem;
  line-height: 1.8;
  letter-spacing: 0.04em;
}

.genre__text {
  margin-top: 16px;
  font-family: "suisse-regular", "hiragino-400", sans-serif;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.04em;
}

.application__faq {
  font-family: "hiragino-400", sans-serif;
  font-size: 1.3rem;
  line-height: 2;
  letter-spacing: 0.04em;
  text-decoration: underline;
  text-underline-offset: 2px;
  color: #838383;
}

.section-form {
  padding-top: 50px;
}
@media screen and (min-width: 768px) {
  .section-form {
    padding-top: 80px;
  }
}

.form__heading {
  font-family: "hiragino-600", sans-serif;
  font-size: 1.4rem;
  line-height: 1.8;
  letter-spacing: 0.04em;
}

.form {
  padding-top: 28px;
}
@media screen and (min-width: 768px) {
  .form {
    padding-top: 36px;
  }
}

.form__list {
  display: grid;
  row-gap: 16px;
}
@media screen and (min-width: 768px) {
  .form__list {
    row-gap: 20px;
  }
}

@media screen and (min-width: 768px) {
  .form__item {
    display: grid;
    grid-template-columns: 1fr 79.5023696682%;
    -moz-column-gap: 35px;
         column-gap: 35px;
    align-items: center;
  }
  .form__item--textarea {
    align-items: flex-start;
  }
}

.label {
  display: block;
  font-family: "hiragino-400", sans-serif;
  font-size: 1.3rem;
  line-height: 2;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px) {
  .label--textarea {
    margin-top: 9px;
  }
}

.input,
.textarea {
  display: block;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  box-sizing: border-box;
  padding: 11px 14px;
  margin-top: 12px;
  border: none;
  background-color: #c7c7c7;
  font-family: "hiragino-400", sans-serif;
  font-size: 1.3rem;
  line-height: 2;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px) {
  .input,
  .textarea {
    padding: 10px 20px;
    margin-top: 0;
  }
}
.input::-moz-placeholder, .textarea::-moz-placeholder {
  color: #838383;
}
.input::placeholder,
.textarea::placeholder {
  color: #838383;
}
.input:focus,
.textarea:focus {
  outline: none;
}
.input:-webkit-autofill,
.textarea:-webkit-autofill {
  box-shadow: inset 0 0 0 1000px #c7c7c7;
}
.input:user-invalid,
.textarea:user-invalid {
  background-color: #d1c1c1;
}

.input-age,
.input-books {
  display: inline-block;
  width: 120px;
  margin-right: 13px;
}
@media screen and (min-width: 768px) {
  .input-age,
  .input-books {
    width: 70px;
    margin-right: 9px;
    padding: 10px 13px 10px 20px;
  }
}

.input-post {
  display: inline-block;
}
.input-post:first-of-type {
  width: 56px;
  margin-right: 13px;
}
@media screen and (min-width: 768px) {
  .input-post:first-of-type {
    width: 70px;
  }
}
.input-post:last-of-type {
  width: 65px;
  margin-left: 13px;
}
@media screen and (min-width: 768px) {
  .input-post:last-of-type {
    width: 79px;
  }
}

.error {
  background-color: #d1c1c1;
}

.error-message {
  display: none;
  padding-top: 4px;
  font-family: "hiragino-400", sans-serif;
  font-size: 1.3rem;
  line-height: 2;
  letter-spacing: 0.04em;
  color: #bf5c5c;
}
@media screen and (min-width: 768px) {
  .error-message {
    grid-column: 2/-1;
  }
}

.textarea {
  height: 234px;
}

.submit {
  width: 100%;
  margin-top: 40px;
  padding: 13px 0;
  font-family: "suisse-regular", sans-serif;
  font-size: 1.4rem;
  line-height: 2;
  letter-spacing: 0.02em;
  color: #ebebeb;
  background-color: #3a3a3a;
  transition: background-color 0.3s;
}
@media screen and (min-width: 768px) {
  .submit {
    width: 238px;
    margin: 64px 0 0 20.4976303318%;
  }
}
.submit:hover {
  background-color: #656565;
}

/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9zY3NzL2dsb2JhbC9fdmFyaWFibGVzLnNjc3MiLCJhcHBsaWNhdGlvbi5jc3MiLCIuLi8uLi8uLi8uLi9zcmMvc2Nzcy9hcHBsaWNhdGlvbi5zY3NzIiwiLi4vLi4vLi4vLi4vc3JjL3Njc3MvZ2xvYmFsL19taXhpbnMuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNQTtFQUNFLDZCQUFBO0VBQ0EsOERBQUE7RUFDQSxnQkFBQTtBQ0xGO0FEUUE7RUFDRSwwQkFBQTtFQUNBLDJEQUFBO0VBQ0EsZ0JBQUE7QUNORjtBRFNBO0VBQ0UsNEJBQUE7RUFDQSw2REFBQTtFQUNBLGdCQUFBO0FDUEY7QURVQTtFQUNFLDhCQUFBO0VBQ0EsK0RBQUE7RUFDQSxnQkFBQTtBQ1JGO0FEV0E7RUFDRSwyQkFBQTtFQUNBLDZCQUFBO0VBQ0EsZ0JBQUE7QUNURjtBRFlBO0VBQ0UsMkJBQUE7RUFDQSw2QkFBQTtFQUNBLGdCQUFBO0FDVkY7QURhQTtFQUNFLDJCQUFBO0VBQ0EsNkJBQUE7RUFDQSxnQkFBQTtBQ1hGO0FDaENBO0VBQ0Usd0JBQUE7QURrQ0Y7QUVwQ0U7RURDRjtJQUlJLHFCQUFBO0lBQ0EseUJBQUE7RURtQ0Y7QUFDRjs7QUNoQ0E7RUFDRSxhQUFBO0VBQ0EsYUFBQTtBRG1DRjtBRS9DRTtFRFVGO0lBS0ksYUFBQTtFRG9DRjtBQUNGOztBQy9CQTtFQUNFLHVDRjhCWTtFRTdCWixpQkFBQTtFQUNBLGdCQUFBO0VBQ0Esc0JBQUE7QURrQ0Y7O0FDL0JBO0VBQ0UsZ0JBQUE7RUFDQSx5REZ1QnNCO0VFdEJ0QixpQkFBQTtFQUNBLGdCQUFBO0VBQ0EsY0FBQTtFQUNBLHNCQUFBO0VBQ0EsbUJBQUE7QURrQ0Y7QUVyRUU7RUQ0QkY7SUFVSSxnQkFBQTtFRG1DRjtBQUNGOztBQzlCQTtFQUNFLGFBQUE7RUFDQSxhQUFBO0VBQ0EsbUJBQUE7QURpQ0Y7O0FDOUJBO0VBQ0Usa0JBQUE7RUFDQSx1QkFBQTtBRGlDRjtBQy9CRTtFQUNFLGtCQUFBO0VBQ0EsUUFBQTtFQUNBLE9BQUE7RUFDQSwwQkFBQTtFQUNBLDBDRlRRO0VFVVIsaUJBQUE7RUFDQSxnQkFBQTtFQUNBLHNCQUFBO0FEaUNKOztBQzdCQTtFQUNFLGlCQUFBO0VBQ0EsdUNGaEJZO0VFaUJaLGlCQUFBO0VBQ0EsZ0JBQUE7RUFDQSxzQkFBQTtBRGdDRjs7QUM3QkE7RUFDRSxnQkFBQTtFQUNBLHlERnZCc0I7RUV3QnRCLGlCQUFBO0VBQ0EsZ0JBQUE7RUFDQSxjQUFBO0VBQ0Esc0JBQUE7RUFDQSxtQkFBQTtBRGdDRjs7QUM3QkE7RUFDRSxnQkFBQTtBRGdDRjtBRXJIRTtFRG9GRjtJQUlJLGdCQUFBO0VEaUNGO0FBQ0Y7O0FDOUJBO0VBQ0UsdUNGekNZO0VFMENaLGlCQUFBO0VBQ0EsZ0JBQUE7RUFDQSxzQkFBQTtBRGlDRjs7QUM5QkE7RUFDRSxnQkFBQTtFQUNBLHlERmhEc0I7RUVpRHRCLGlCQUFBO0VBQ0EsZ0JBQUE7RUFDQSxjQUFBO0VBQ0Esc0JBQUE7QURpQ0Y7O0FDOUJBO0VBQ0UsdUNGMURZO0VFMkRaLGlCQUFBO0VBQ0EsY0FBQTtFQUNBLHNCQUFBO0VBQ0EsMEJBQUE7RUFDQSwwQkFBQTtFQUNBLGNGckRhO0FDc0ZmOztBQzlCQTtFQUNFLGlCQUFBO0FEaUNGO0FFeEpFO0VEc0hGO0lBSUksaUJBQUE7RURrQ0Y7QUFDRjs7QUMvQkE7RUFDRSx1Q0YzRVk7RUU0RVosaUJBQUE7RUFDQSxnQkFBQTtFQUNBLHNCQUFBO0FEa0NGOztBQy9CQTtFQUNFLGlCQUFBO0FEa0NGO0FFeEtFO0VEcUlGO0lBSUksaUJBQUE7RURtQ0Y7QUFDRjs7QUNoQ0E7RUFDRSxhQUFBO0VBQ0EsYUFBQTtBRG1DRjtBRWxMRTtFRDZJRjtJQUtJLGFBQUE7RURvQ0Y7QUFDRjs7QUV2TEU7RURzSkY7SUFFSSxhQUFBO0lBQ0EseUNBQUE7SUFDQSxxQkFBQTtTQUFBLGdCQUFBO0lBQ0EsbUJBQUE7RURvQ0Y7RUNsQ0U7SUFDRSx1QkFBQTtFRG9DSjtBQUNGOztBQ2hDQTtFQUNFLGNBQUE7RUFDQSx1Q0ZsSFk7RUVtSFosaUJBQUE7RUFDQSxjQUFBO0VBQ0Esc0JBQUE7QURtQ0Y7QUUzTUU7RUQyS0U7SUFDRSxlQUFBO0VEbUNKO0FBQ0Y7O0FDL0JBOztFQUVFLGNBQUE7RUFDQSxXQUFBO0VBQ0Esd0JBQUE7RUFBQSxtQkFBQTtFQUNBLHNCQUFBO0VBQ0Esa0JBQUE7RUFDQSxnQkFBQTtFQUNBLFlBQUE7RUFDQSx5QkY3R1c7RUU4R1gsdUNGeElZO0VFeUlaLGlCQUFBO0VBQ0EsY0FBQTtFQUNBLHNCQUFBO0FEa0NGO0FFaE9FO0VEaUxGOztJQWdCSSxrQkFBQTtJQUNBLGFBQUE7RURvQ0Y7QUFDRjtBQ2xDRTtFQUNFLGNGeElXO0FDNktmO0FDdENFOztFQUNFLGNGeElXO0FDNktmO0FDbENFOztFQUNFLGFBQUE7QURxQ0o7QUNsQ0U7O0VBQ0Usc0NBQUE7QURxQ0o7QUNsQ0U7O0VBQ0UseUJGMUhLO0FDK0pUOztBQ2pDQTs7RUFFRSxxQkFBQTtFQUNBLFlBQUE7RUFDQSxrQkFBQTtBRG9DRjtBRTlQRTtFRHNORjs7SUFPSSxXQUFBO0lBQ0EsaUJBQUE7SUFDQSw0QkFBQTtFRHNDRjtBQUNGOztBQ25DQTtFQUNFLHFCQUFBO0FEc0NGO0FDcENFO0VBQ0UsV0FBQTtFQUNBLGtCQUFBO0FEc0NKO0FFOVFFO0VEc09BO0lBS0ksV0FBQTtFRHVDSjtBQUNGO0FDcENFO0VBQ0UsV0FBQTtFQUNBLGlCQUFBO0FEc0NKO0FFdlJFO0VEK09BO0lBS0ksV0FBQTtFRHVDSjtBQUNGOztBQ25DQTtFQUNFLHlCRmxLTztBQ3dNVDs7QUNuQ0E7RUFDRSxhQUFBO0VBQ0EsZ0JBQUE7RUFDQSx1Q0Y3TVk7RUU4TVosaUJBQUE7RUFDQSxjQUFBO0VBQ0Esc0JBQUE7RUFDQSxjRm5NUztBQ3lPWDtBRTFTRTtFRDZQRjtJQVVJLGlCQUFBO0VEdUNGO0FBQ0Y7O0FDcENBO0VBQ0UsYUFBQTtBRHVDRjs7QUNwQ0E7RUFDRSxXQUFBO0VBQ0EsZ0JBQUE7RUFDQSxlQUFBO0VBQ0EseUNGcE9VO0VFcU9WLGlCQUFBO0VBQ0EsY0FBQTtFQUNBLHNCQUFBO0VBQ0EsY0Z4TmE7RUV5TmIseUJGcE1ZO0VFcU1aLGlDQUFBO0FEdUNGO0FFaFVFO0VEK1FGO0lBWUksWUFBQTtJQUNBLCtCQUFBO0VEeUNGO0FBQ0Y7QUN4Q0U7RUFDRSx5QkY3TVM7QUN1UGIiLCJmaWxlIjoiYXBwbGljYXRpb24uY3NzIn0= */