@charset "UTF-8";

.p-partners-project {
  margin-top: calc(10 * var(--base-unit));
}
@media screen and (max-width: 767px) {
  .p-partners-project {
    margin-top: calc(6 * var(--base-unit));
  }
}

.p-partners-logo__list {
  display: grid;
  grid-auto-rows: calc(15 * var(--base-unit));
  gap: calc(2.4 * var(--base-unit));
  margin: calc(4 * var(--base-unit)) auto 0;
  width: var(--width-contents);
}
.p-partners-logo__list > li {
  display: grid;
  grid-template-rows: subgrid;
}

.p-partners-logo__list--col2 {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 450px), 1fr));
}
.p-partners-logo__list--col3 {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
}
.p-partners-logo__list--col4 {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
}
.p-partners-logo__item {
  display: flex;
  align-items: center;
  border: calc(0.1 * var(--base-unit)) solid #bebebe;
  padding: calc(0.8 * var(--base-unit)) calc(1.2 * var(--base-unit));
}
.current .p-partners-logo__item {
  outline: calc(0.2 * var(--base-unit)) solid #bebebe;
}
.p-partners-logo__item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

@media screen and (max-width: 767px) {
  .p-partners-logo__list {
    grid-template-columns: 1fr;
    column-gap: 0;
    row-gap: calc(2 * var(--base-unit));
  }
  .p-partners-logo__item {
    padding: calc(0.6 * var(--base-unit)) calc(0.8 * var(--base-unit));
  }
}