@charset "utf-8";

/* -------------------------------------------------
	floor
------------------------------------------------- */

#floor {
	padding: 110px 0 60px;
}
#floor .h-style1 {
	margin-bottom: 60px;
}
#floor .desc {
	font-size: 16px;
	line-height: 1.7;
}

#floor .slick-slide li p {
    font-size: 18px;
    font-weight: bold;
    margin-top: 30px;
}

.slick-dots {
	width: 359px;
	height: 328px;
	background: url(../images/floor/lounge.svg) no-repeat 0 0 / 100% auto;
	position: absolute;
	right: calc(100% + 100px);
	top: 205px;
	overflow: hidden;
}

.slick-dots li:nth-child(1) { left: 111px; top: 62px; }
.slick-dots li:nth-child(2) { left: 299px; top: 136px; }
.slick-dots li:nth-child(3) { left: 244px; top: 254px; }
.slick-dots li:nth-child(4) { left: 295px; top: 27px; }

@media print, screen and (min-width:768px) {
	#floor .desc {
		position: absolute;
		left: 0;
		top: 0;
	}
}

@media print, screen and (min-width:768px) and (max-width:1060px) {
	#floor .slick-dots {
		width: calc(359 * 0.1vw);
		height: calc(328 * 0.1vw);
		right: 58.4vw;
		top: 160px;
	}
	#floor .slick-dots li:nth-child(1) { left: calc(111 * 0.1vw); top: calc(62 * 0.1vw); }
	#floor .slick-dots li:nth-child(2) { left: calc(299 * 0.1vw); top: calc(136 * 0.1vw); }
	#floor .slick-dots li:nth-child(3) { left: calc(244 * 0.1vw); top: calc(254 * 0.1vw); }
	#floor .slick-dots li:nth-child(4) { left: calc(295 * 0.1vw); top: calc(27 * 0.1vw); }
}

@media screen and (max-width:767px) {
	#floor {
		padding: 12vw 0 75vw;
	}
	#floor .h-style1 {
		margin-bottom: 0.5em;
	}
	#floor .desc {
		margin-bottom: 1.5em;
		font-size: calc(36 / 1130 * 100vw);
	}

	#floor .slick-dots {
		width: calc(359 * 0.18vw);
		height: calc(328 * 0.18vw);
		right: auto;
		left: 50%;
		top: 85vw;
		transform: translateX(-50%);
	}
	#floor .slick-dots li:nth-child(1) { left: calc(111 * 0.18vw); top: calc(62 * 0.18vw); }
	#floor .slick-dots li:nth-child(2) { left: calc(299 * 0.18vw); top: calc(136 * 0.18vw); }
	#floor .slick-dots li:nth-child(3) { left: calc(244 * 0.18vw); top: calc(254 * 0.18vw); }
	#floor .slick-dots li:nth-child(4) { left: calc(295 * 0.18vw); top: calc(27 * 0.18vw); }
	
	#floor .slick-slide li p {
		font-size: 3.4vw;
		margin-top: 4vw;
	}
}