@charset "UTF-8";
/* ===========================================
 * ----------------------------------
  Structure
  ----------------------------------
  01_head
  02_parking lists
 * ======================================== */
.c-head__bg {
  background-image: url('../img/img_parking_head.webp');
}

/* ===========================================
 * 02_sparking lists
 * ======================================== */
/* title */
/* ======================================== */
.parking {
  padding-bottom: var(--spc-120-60);
}

.parking__title {
  --clamp-min: 22;
  --clamp-max: 44;
  font-weight: bold;
  color: var(--color-font-or);
  padding-bottom: var(--spc-40-20);
  text-align: center;
}

.parking__card {
  padding-bottom: var(--spc-80-40);
}

.parking-card__item {
  transition: opacity 0.3s ease;
}
@media (hover: hover) {
  .parking-card__item:hover {
    opacity: 0.7;
  }
}