@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-W3");
  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;
}
.subscription {
  padding: 150px 24px 72px;
}
@media screen and (min-width: 768px) {
  .subscription {
    padding: 222px 38px 244px;
  }
}

.subscription__lead p {
  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;
}
.subscription__lead p + p {
  margin-top: 26px;
}
.subscription__lead a {
  color: #838383;
  text-decoration: underline;
  text-underline-offset: 1px;
}

.section-form {
  padding-top: 60px;
}
@media screen and (min-width: 768px) {
  .section-form {
    padding-top: 82px;
    width: 61.8768328446%;
  }
}

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

.form__item {
  display: grid;
  row-gap: 12px;
}
@media screen and (min-width: 768px) {
  .form__item {
    grid-template-columns: 1fr 79.3838862559%;
    gap: 0 36px;
    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,
.select {
  display: block;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  box-sizing: border-box;
  padding: 11px 14px;
  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,
  .select {
    padding: 10px 20px;
  }
}
.input:focus,
.textarea:focus,
.select:focus {
  outline: none;
}
.input:-webkit-autofill,
.textarea:-webkit-autofill,
.select:-webkit-autofill {
  box-shadow: inset 0 0 0 1000px #c7c7c7;
}
.input:user-invalid,
.textarea:user-invalid,
.select:user-invalid {
  background-color: #d1c1c1;
}

.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;
  }
}

.selectWrapper {
  position: relative;
}
.selectWrapper::before {
  position: absolute;
  content: "";
  top: 50%;
  right: 14px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 7px solid #2b2b2b;
  transform: translateY(-50%);
}

.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;
  background-color: 0.3s;
}
@media screen and (min-width: 768px) {
  .submit {
    width: 238px;
    margin: 46px 0 0 20.4976303318%;
  }
}
.submit:hover {
  background-color: #656565;
}

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