/*************************************************
top.css
**************************************************/

.slick-initialized .slick-slide {
  aspect-ratio: 1.5 / 1;
}
  .slick-initialized .slick-slide img {
    inline-size: 100%;
    block-size: 100%;
    object-fit: cover;
  }

.top-container {
  padding-inline: var(--space-16);
}
  
.catch-area {
  display: grid;
  gap: var(--space-30);
  inline-size: 100%;
  max-inline-size: var(--container-content);
  margin-inline: auto;
  padding-block: var(--space-44);
  p {
    margin: unset;
    line-height: 1.75;
    color: var(--theme-color);
    font-size: var(--font-size-19);
    text-align: center;
  }
  &.foot {
    padding-block: var(--space-52) 0;
  }
}
@media (width < 768px) {
  .catch-area {
    p {
      text-align: start;
    }
  }
}

/* 物件画像の表示比率固定 */
.search-result__list img{
  width: 100%;
  height: auto;
  object-fit: cover;
  aspect-ratio: 4 / 3;
}