.block-contact {
  width: 100%;
  background-size: 1440px;
  background-repeat: no-repeat;
  background-image: linear-gradient(170deg, var(--fsc) 0%, var(--fsc) 0%, rgba(0, 0, 0, 0) 50%);
  background-size: 100% 100%;
  background-position: 0% 50%;
}
.block-contact .container {
  padding-top: 9%;
  width: 88%;
  margin: auto;
}
.block-contact .container .title-container {
  text-align: center;
  font-size: 4.8rem;
  font-family: IvyPresto-Headline-Light;
  margin-bottom: 4.8%;
  color: var(--fsc);
}
.block-contact .container .form {
  padding: 5.3% 4.7%;
  background-color: #fff;
}
.block-contact .container .form .contact {
  display: flex;
  flex-wrap: wrap;
  gap: 4rem;
}
.block-contact .container .form .contact .tel,
.block-contact .container .form .contact .mail,
.block-contact .container .form .contact .name {
  width: 48%;
  background-color: #0033A10A;
  padding: 28px 0;
  border-radius: 3px;
  padding-right: 15px;
}
.block-contact .container .form .contact .tel > p,
.block-contact .container .form .contact .mail > p,
.block-contact .container .form .contact .name > p {
  display: flex;
  width: 100%;
}
.block-contact .container .form .contact .tel > p > *,
.block-contact .container .form .contact .mail > p > *,
.block-contact .container .form .contact .name > p > * {
  display: block;
}
.block-contact .container .form .contact .tel > p > span,
.block-contact .container .form .contact .mail > p > span,
.block-contact .container .form .contact .name > p > span {
  flex: 1;
}
.block-contact .container .form .contact .tel label,
.block-contact .container .form .contact .mail label,
.block-contact .container .form .contact .name label {
  font-size: 2.4rem;
  font-family: sans-serif;
  padding-left: 3.1rem;
  color: var(--fsc);
  box-sizing: border-box;
  display: block;
}
.block-contact .container .form .contact .tel input,
.block-contact .container .form .contact .mail input,
.block-contact .container .form .contact .name input {
  all: unset;
  font-size: 2.4rem;
  font-family: sans-serif;
  color: var(--fsc);
  width: 100%;
}
.block-contact .container .form .contact .mail {
  width: 100%;
}
.block-contact .container .form .contact .mail input {
  width: 100%;
}
.block-contact .container .form .contact .content {
  width: 100%;
  box-sizing: border-box;
  padding: 3rem;
  background-color: #0033A10A;
  border-radius: 3px;
}
.block-contact .container .form .contact .content textarea {
  all: unset;
  font-size: 2.4rem;
  font-family: sans-serif;
  color: var(--fsc);
  width: 100%;
}
.block-contact .container .form .contact .content textarea::placeholder {
  color: var(--fsc);
}
.block-contact .container .form .btn-container {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.block-contact .container .form .btn-container p * {
  position: absolute;
  visibility: hidden;
}
.block-contact .container .form .btn-container .submit {
  all: unset;
  position: static;
  visibility: visible;
  padding: 20px 35px;
  font-family: sans-serif;
  font-size: 2.4rem;
  line-height: 1;
  border-radius: 3px;
  border: 1px solid #0033A1;
  color: var(--fsc);
}
@media all and (max-width: 768px) {
  .block-contact .container {
    width: 100%;
  }
  .block-contact .container .title-container {
    font-size: 3.2rem;
  }
  .block-contact .container .form .contact {
    gap: 1.5rem;
  }
  .block-contact .container .form .contact .tel,
  .block-contact .container .form .contact .mail,
  .block-contact .container .form .contact .name {
    width: 100%;
    font-size: 1.6rem;
    padding: 12px 0;
  }
  .block-contact .container .form .contact .tel label,
  .block-contact .container .form .contact .mail label,
  .block-contact .container .form .contact .name label {
    font-size: 1.6rem;
    padding-left: 1.6rem;
  }
  .block-contact .container .form .contact .tel input,
  .block-contact .container .form .contact .mail input,
  .block-contact .container .form .contact .name input {
    font-size: 1.6rem;
  }
  .block-contact .container .form .contact .content {
    width: 100%;
    box-sizing: border-box;
    padding: 1.6rem;
    background-color: #0033A10A;
    border-radius: 3px;
  }
  .block-contact .container .form .contact .content textarea {
    all: unset;
    font-size: 1.6rem;
    font-family: sans-serif;
    color: var(--fsc);
    width: 100%;
  }
  .block-contact .container .form .contact .content textarea::placeholder {
    color: var(--fsc);
    font-size: 1.6rem;
  }
  .block-contact .container .form .btn-container {
    width: 100%;
    display: flex;
    justify-content: center;
  }
  .block-contact .container .form .btn-container p * {
    position: absolute;
    visibility: hidden;
  }
  .block-contact .container .form .btn-container .submit {
    all: unset;
    position: static;
    visibility: visible;
    padding: 13px 23px;
    font-family: sans-serif;
    font-size: 1.6rem;
    line-height: 1;
    border-radius: 3px;
    border: 1px solid #0033A1;
    color: var(--fsc);
  }
}
.block-contact .container .title-container {
  margin-bottom: 6.4%;
}
.block-contact .container .form .contact {
  justify-content: space-between;
}
.block-contact .container .form .contact .tel,
.block-contact .container .form .contact .mail,
.block-contact .container .form .contact .name {
  width: 46.3%;
  padding: 23px 0;
}
.block-contact .container .form .contact .mail {
  width: 100%;
}
.block-contact .container .form .contact .content {
  max-height: 292px;
  overflow: hidden;
}
.block-contact .container .form .contact .content * {
  max-height: 100%;
}