/* ===========================
   Property List
=========================== */

.property-list-section{
  padding: 60px 20px;
}

.property-list{
  max-width: 1000px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* スマホは2列 */
  gap: 20px;
}

@media (min-width: 900px){
  .property-list{
    grid-template-columns: repeat(3, 1fr); /* PCは3列 */
  }
}

.property-card{
  background:#fff;
  border-radius:18px;
  border:1px solid var(--line);
  overflow:hidden;
  box-shadow: 0 10px 24px rgba(0,0,0,.06);
  transition: transform .15s ease, box-shadow .15s ease;
}

.property-card:hover{
  transform: translateY(-2px);
  box-shadow: 0 16px 32px rgba(0,0,0,.08);
}

.property-image{
  aspect-ratio: 16 / 10;
  background: #f2f2f2;
}

.property-image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.property-info{
  padding: 14px 16px 18px;
}

.property-info h3{
  font-size: 15px;
  line-height: 1.4;
  margin: 0 0 8px;
  font-weight: 700;
}

.property-info p{
  margin: 0;
  font-size: 14px;
  color: #444;
}