@import url(common.css);

.u-flex {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1em;
}
.u-flex--hold {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1em;
}

.u-flex__left,
.u-flex--left {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: left;
  gap: 1em;
}

.u-flex__center {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 1em;
}

.u-flex-col {
  display: flex;
  flex-direction: column;
  gap: 1em;
}

@media (max-width: 768px) {
  .u-flex,
  .u-flex__left,
  .u-flex__center {
    display: block;
  }
}