/* system */
.system__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 24px;
  padding: 80px 20px 72px 20px;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .system__container {
    gap: 28px;
    padding: clamp(80px, 8.33vw, 120px) clamp(40px, 11.8vw, 170px);
  }
}

.system__images {
  display: flex;
  flex-direction: column;
}

@media screen and (min-width: 768px) {
  .system__images {
    flex-direction: row;
    gap: clamp(10px, 1.39vw, 20px);
  }
}

.system__titleLogo {
  height: 1em;
  width: auto;
  vertical-align: baseline;
  display: inline-block;
}

.system__imageItem {
  flex: 1;
}

.system__image {
  min-width: 360px;
  height: auto;
}

@media screen and (min-width: 768px) {
  .system__image {
    min-width: clamp(360px, 39.86vw, 574px);
  }
}