@charset "UTF-8";
#breadcrumb_real_estate {
	display: flex;
	flex-wrap: nowrap;
	gap: 16px;
	font-size: 0.8rem;
	margin: 20px 0;
}
#breadcrumb_real_estate * {
	color: #453f35;
	text-decoration: none;
}
#breadcrumb_real_estate a:hover {
	color: #b9aa90
}
#real_estate_list {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 16px;
	margin: 50px 0 100px 0;
}
.real_estate {
	height: 100%;
}
.real_estate > a {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	gap: 10px;
	height: 100%;
	padding: 6px;
	align-items: flex-start;
	text-decoration: none;
	color: black;
	font-size: 0.8rem;
	transition-duration: 300ms;
}
.real_estate > a:hover {
	background-color: #b9aa90;
	color: black;
}
.real_estate > a figure {
	width: 100%;
	aspect-ratio: 4 / 3;
}
.real_estate > a figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.real_estate > a > *:last-child {
	margin-top: auto;
}
.real_estate .catchphrase {
	font-size: clamp(0.8rem, 3vw, 1rem);
}
.real_estate .info_text {
	display: flex;
	column-gap: 6px;
	flex-wrap: nowrap;
	font-size: clamp(0.7rem, 2vw, 0.9rem);
}
.real_estate .info_text > p {
	padding-right: 6px;
	border-right: 1px solid;
}
.real_estate .info_text > p:last-child {
	padding: 0;
	border: none;
}
/*834px以下*/
@media screen and (max-width: 834px){
	#real_estate_list {
		grid-template-columns: 1fr 1fr;
	}
}

/*480px以下*/
@media screen and (max-width: 480px){
	#real_estate_list {
		grid-template-columns: 1fr;
	}
}