@import url("article.css");
@media (min-width: 768px) {
  #section_page_title .h0 {
    letter-spacing: -1rem;
  }
}

.archives.members {
  justify-content: center;
}
.archives.members .archive > .inner {
  background: none;
  align-items: center;
  transition: var(--animationDuration) transform;
}
.archives.members .archive > .inner::before {
  display: none !important;
}
.archives.members .archive > .inner .photo {
  aspect-ratio: 1/1;
  border-radius: 50%;
}
.archives.members .archive > .inner .info {
  align-items: center;
  min-height: 0;
}
.archives.members .archive > .inner:hover {
  transform: scale(1.05);
}

article {
  padding: 0 !important;
  background: none !important;
}
article.article_member .head {
  display: flex;
  flex-direction: column;
  grid-gap: var(--space2);
  align-items: flex-start;
}
article.article_member .head .thumb {
  width: 180px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  overflow: hidden;
}
article.article_member .head .thumb img,
article.article_member .head .thumb source {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}