@charset "utf-8";

.single-thumb {
  border-radius: 10px;
  overflow: hidden;
}
.single-thumb img {
  object-fit: cover;
  aspect-ratio: 14 / 9;
  width: 100%;
}

.plants-info__item {
  border-bottom: 1px solid #C0C0C0;
}
.plants-info__ttl {
  font-size: 1rem;
  font-weight: 700;
  padding: 1.25rem 0.75em 0;
  flex: 0 0 max(25%, 8em);
}
.plants-info__desc {
  font-size: calc(14/16*1rem);
  font-weight: 400;
  padding: .5em 0.75em 1.25rem;
}
.plants-info__desc-loop {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem 1em;
}

@media all and (min-width: 400px) {
  .plants-info__item {
    display: flex;
    align-items: baseline;
    gap: 1.5rem;
  }
  .plants-info__ttl {
    padding: 30px 0.25em;
  }
  .plants-info__desc {
    padding: 30px 0.25em;
  }
}
@media all and (min-width: 576px) {}
@media all and (min-width: 768px) {
  .plants-info__ttl {
    font-size: calc(18/16*1rem);
  }
  .plants-info__desc {
    font-size: 1rem;
  }
}
@media all and (min-width: 992px) {}
@media all and (min-width: 1200px) {}
@media all and (min-width: 1400px) {}