@charset 'utf-8';


/*---------- slider ----------*/
.slider { display: flex; gap: 20px; width: 100%; overflow-x: scroll; }
.slider li { min-width: calc(100% - 40px); transform: translateX(20px); }
.slider li .property_card { width: 100%; height: 100%; }
@media screen and (min-width:600px) {
    .slider li { min-width: calc(calc(100% - 60px)/2); }
}
@media screen and (min-width:1025px) {
    .slider li { min-width: calc(calc(100% - 80px)/3); }
}
@media screen and (min-width:1300px) {
    .slider { gap: 40px; }
    .slider li { min-width: calc(calc(100% - 120px)/3); }
}

/*---------- card ----------*/
.property_card { position: relative; padding: 24px; background: #FFF; border: 1px solid #000; border-radius: 8px; }
/* img */
.property_img img { width: 100%; aspect-ratio: 3 / 2; vertical-align: bottom; }
/* info */
.property_info_wrap { margin-top: 20px; }
.flag_wrap { margin-bottom: 8px; }
.property_name { margin-bottom: 16px; line-height: 1em; }
.property_info { display: flex; flex-direction: column; gap: 8px; }
.property_info dl { display: flex; align-items: flex-start; gap: 12px; }
.property_info dl dt { width: 20px; height: 20px; flex-shrink: 0; }
.property_info dl dt img { width: 100%; aspect-ratio: 1 / 1; }
.property_info dl dd { color: #676767; font-size: 14px; line-height: 20px; }
/* button */
.button.card_detail_button { position: absolute; bottom: 24px; right: 24px; width: 124px; height: 36px; font-size: 14px; }