.applications_main {
  background-color: var(--bg);
  padding: 17.4rem 0 10.8rem;
}
.applications_main .head {
  gap: 0 3rem;
}
.applications_main .head > em {
  width: 100%;
}
.applications_main .head h2 {
  line-height: 1.2;
  max-width: 65.3rem;
}
.applications_main .head p {
  max-width: 53.3rem;
  margin-top: 4.7rem;
}
.applications_main .list {
  width: calc(100% - 6rem);
  max-width: 178.3rem;
  margin: 5.1rem auto 0;
}
.applications_main .list ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 3rem 1.62647224%;
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  .applications_main .list ul {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 768px) {
  .applications_main {
    padding: 50px 0;
  }
  .applications_main .head p {
    margin-top: 12px;
  }
  .applications_main .list {
    margin-top: 30px;
    width: calc(100% - 40px);
  }
  .applications_main .list ul {
    grid-template-columns: repeat(auto-fill, minmax(min(250px, 100%), 1fr));
    gap: 20px;
  }
}