@property --gradient-angle {
  syntax: "<angle>";
  inherits: false;
  initial-value: 0deg;
}
.contentBox {
  padding-top: 80px;
}
@media (max-width: 768px) {
  .contentBox {
    padding-top: 50px;
  }
}
@media (max-width: 480px) {
  .contentBox {
    padding-top: 30px;
  }
}

.formArea {
  max-width: 1180px;
  margin: 0 auto;
  padding-top: 60px;
}

.formBox {
  padding-bottom: 20px;
}
.formBox:nth-child(2) {
  margin-top: 50px;
}
@media (min-width: 961px) {
  .formBox .g-3 {
    width: 35%;
  }
}
@media (min-width: 961px) and (max-width: 1480px) {
  .formBox .g-3 {
    width: 30%;
  }
}
@media (min-width: 961px) {
  .formBox .g-9 {
    width: 65%;
  }
}
@media (min-width: 961px) and (max-width: 1480px) {
  .formBox .g-9 {
    width: 70%;
  }
}

@media (max-width: 768px) {
  .formListBox {
    flex-direction: column;
  }
}

.formList {
  padding-top: 10px;
}

@media (max-width: 1180px) {
  .classBox {
    margin: 20px auto;
  }
}

.insPage .insBox {
  padding-top: 40px;
}
@media (max-width: 1180px) {
  .insPage .insBox {
    padding-top: 20px;
  }
}
@media (max-width: 768px) {
  .insPage .insBox {
    padding-top: 0;
  }
}