.search-visual {
  width: min(1120px, calc(100% - 32px));
  margin: clamp(28px, 5vw, 56px) auto;
}

.search-visual picture,
.search-visual img {
  display: block;
  width: 100%;
}

.search-visual img {
  height: auto;
  border: 1px solid #cfe2ef;
  border-radius: 20px;
  background: #eef8ff;
  box-shadow: 0 18px 44px rgb(7 66 105 / 12%);
}

.search-visual figcaption {
  margin: 12px 4px 0;
  color: #38566a;
  font-size: 14px;
  line-height: 1.75;
}

.search-visual__credit {
  display: block;
  margin-top: 2px;
  color: #607888;
  font-size: 12px;
}

.search-visual--landscape-hero {
  width: min(100%, 1480px);
}

.search-visual--landscape-hero img {
  border-radius: 22px;
}

.search-visual--chart {
  width: min(1120px, calc(100% - 32px));
}

.search-visual--chart img {
  background: #fffdf8;
  border-color: #d8b06a;
}

@media (max-width: 639px) {
  .search-visual {
    width: calc(100% - 24px);
    margin-block: 24px 32px;
  }

  .search-visual img {
    border-radius: 16px;
  }

  .search-visual figcaption {
    font-size: 13px;
  }
}