.ArtListContainer {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.art_description {
 padding-top: 20px; 
}

.workContainer {
  display: flex;
  flex-direction: column;
  list-style: none;
}

.workContainerBorder {
  padding-top: 20px;
  border-top: rgb(93, 93, 93) 1px solid;
}

.workNumber {
  font-size: 32px;
  /* 親要素のgap分marginで削除 */
}

.workCaption {
  text-align: left;
  padding-top: 10px;
}

.artDescription {
  padding-top: 20px;
}

.plofile {
  padding-top: 20px;
}

.profButton {
  display: flex;
  align-items: center;
  font-weight: bold;
  background-color: black;
  margin: 0 auto;
  padding: 10px;
  border: white 1px solid;
}

.profButtonIcon {
  width: 24px;
  height: auto;
  padding-left: 5px;
}

.workImg {
  width: 250px;
}

.workFigure {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 250px;
  height: 250px;
  grid-template-rows: 1fr auto;
  margin: 0 auto;
  flex: 1;
  gap: 10px;
}

.workMultiImg {
  width: calc(50% - 10px);
  aspect-ratio: 1 / 1;
  object-fit: cover;
}