.nav-thumb {
  background: #f0f0f0;
  color: white;
  font-size: 2.25rem;
  margin: 10px 10px 10px 0px;
  padding: 3.5rem 1.5rem;
  position: relative;
  text-align: center;
  position: relative;
}
.item__footnote {
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: start;
}
.nav-thumb > .overlay:hover {
  background-color: rgb(0 0 0 / 45%);
}
.nav-thumb > .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgb(0 0 0 / 40%);
}

.slider-nav h3 span {
  font-size: 1.4rem;
}

@media (min-width: 621px) and (max-width: 1170px) {
  .slider-nav h3 span {
    font-size: 1.4vw;
  }
}
@media (min-width: 376px) and (max-width: 620px) {
  .slider-nav h3 span {
    font-size: 2.2vw;
  }
}
@media (max-width: 375px) {
  .slider-nav h3 span {
    font-size: 3.2vw;
  }
}