#supporter > div, #first-partner > div {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#supporter .yokai-image-wrapper, #first-partner .yokai-image-wrapper {
  background-color: #fff;
  background-image: url("../../img/background/poypoy_bg_large.webp");
  background-repeat: repeat;
  border-radius: 50%;
  width: 180px;
  height: 180px;
  border: 3px solid #69b547;
  overflow: hidden;
  transition: 0.5s;
  display: flex;
  justify-content: center;
  justify-items: center;
  align-items: center;
}
#supporter .yokai-image-wrapper img, #first-partner .yokai-image-wrapper img {
  max-width: 150px;
}
#supporter .yokai-image-wrapper:hover, #first-partner .yokai-image-wrapper:hover {
  background-color: #d8f0d8;
  border-color: #a2d58a;
}
#supporter label, #first-partner label {
  display: block;
  margin-top: 8px;
  font-size: 14px;
  color: #666;
  text-align: center;
}

#field-guide .field-guide-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 60px;
  margin-top: 20px;
}
#field-guide .field-guide-item {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
#field-guide .field-guide-item.reverse {
  flex-direction: row-reverse;
}
#field-guide .field-guide-item:not(.reverse) {
  flex-direction: row;
}
#field-guide .field-guide-item h3 {
  margin: 0;
  font-size: 1.5em;
  color: #666;
  border: none;
  letter-spacing: 0.05em;
}
#field-guide .field-guide-item h3 .fa-solid {
  margin-right: 0.25em;
}
#field-guide .field-guide-item .field-guide-item-image {
  display: flex;
  max-width: 180px;
}
#field-guide .field-guide-item .field-guide-item-text {
  display: flex;
  flex-direction: column;
  text-align: start;
}

/*# sourceMappingURL=template-apps-poypoy-characters.css.map */