/*---------------------------------
	pannelGallery start
---------------------------------*/

.pannelGallery{
	--gapY: 1em;
	--gapX: 2em;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: flex-start;
	gap: var(--gapY) var(--gapX);
	width: 100%;
	margin: 0 auto;
	padding: 0;
	list-style: none;
}

.pannelGalleryItem{
	width: calc((100% - (var(--gapX) * 2)) / 3);
	position: relative;
}

.pannelGalleryItem:before{
	content: "";
	display: block;
	padding-top: 70.7%;
}

.pannelGalleryLink{
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.pannelGalleryImage{
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	object-fit; cover;
}

@media(max-width: 600px){
	.pannelGallery{
		--gapX: 1em;
	}
}

/*---------------------------------
	pannelGallery end
---------------------------------*/

/*---------------------------------
	rentalLayout start
---------------------------------*/

.rentalLayout{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	width: 100%;
	margin: 0 auto;
}

.rentalLayout .largeImage{
	width: auto;
}

@media(max-width: 1024px){
	.rentalLayout{
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
		gap: 3em 0;
	}
}

/*---------------------------------
	floorPlan end
---------------------------------*/

/*---------------------------------
	floorPlan start
---------------------------------*/

.floorPlan{
	display: flex;
	align-items: flex-start;
	justify-content: center;
	gap: 0 5em;
	margin: 0 auto;
}

.floorPalnFigure{
}

.floorPalnFigureTitle{
	display: block;
	font-size: 125%;
	margin: 0 0 1rem;
	font-weight: var(--fontWeightBold);
}

.floorPalnFigureImage{
}

.floorPalnFigureText{
	padding-top: calc((1.25em * 1.5) + 1em);
}

@media(max-width: 600px){
	.floorPlan{
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
		gap: 1em 0;
	}
	.floorPalnFigureTitle{
		display: block;
		font-size: 125%;
		margin: 0 0 1rem;
		font-weight: var(--fontWeightBold);
	}
	.floorPalnFigureText{
		padding-top: 0;
	}
}

/*---------------------------------
	floorPlan end
---------------------------------*/

/*---------------------------------
	annotationText start
---------------------------------*/

.annotationText{
	font-size: 87.5%;
}

/*---------------------------------
	annotationText end
---------------------------------*/
