@charset "utf-8";

/*===========================================================
物件情報
===========================================================*/

.common-land-slider-area .swiper-button-next, 
.common-land-slider-area .swiper-button-prev {
	color: var(--red);
	border: 1px solid var(--red);
}

.red-btn {
	max-width: 25rem;
	width: 100%;
	margin: 5rem auto;
	padding: 1.2rem 1.2rem 1.2rem 3.5rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 1.8rem;
	font-weight: 600;
	letter-spacing: 0.05em;
	color: var(--red);
	background: var(--white);
	border: 1px solid var(--red);
	border-radius: 3.5rem;
	cursor: pointer;
	transition: all .3s;
}

.red-btn:hover {
	color: var(--white);
	background: var(--red);
}

.red-btn::after {
	content: "";
	display: block;
	width: 3.5rem;
	height: 3.5rem;
	background: url(../../../../uploads/btn_icon_red01.svg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: contain;
	transition: all .3s;
}

.js-active.red-btn::after {
	transform: rotate(180deg);
}

/*===========================================================
土地・物件の売買
===========================================================*/

.land-sale01-wrapper {
	max-width: 192rem;
	width: 100%;
	margin: 0 auto;
	padding: 13rem 0;
}

.land-sale-container {
	max-width: 122rem;
	width: 100%;
	margin: 0 auto;
}

.land-sale02-wrapper {
	max-width: 192rem;
	width: 100%;
	margin: 0 auto;
	padding: 13rem 0;
}

.land-sale02-container {
	max-width: 142rem;
	width: 100%;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.land-sale02-left {
	max-width: 65rem;
	width: 48%;
	margin: 0 0 6rem;
}

.land-sale02-btn-area {
	margin: 5rem 0 0 0;
}

.land-sale02-right {
	max-width: 68.1rem;
	width: 48%;
}

.land-sale02-img-box01 {
	max-width: 61rem;
	width: 89.6%;
	margin: 0 0 0 auto;
	border-radius: 0.5rem;
	overflow: hidden;
}

.land-sale02-img-box02 {
	max-width: 28rem;
	width: 42%;
	margin: -9rem auto 0 0;
	border-radius: 0.5rem;
	overflow: hidden;
}

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <=1920px) {

	html {
		/* 10px */
		font-size: 0.52083vw;
	}

}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <=1550px) {

	html {
		/* 10px */
		font-size: 0.64516vw;
	}

}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <=1024px) {

	html {
		/* 10px */
		font-size: 0.97656vw;
	}

	.land-sale01-wrapper {
		padding: 8rem 0;
	}

	.land-sale02-wrapper {
		padding: 8rem 0;
	}

}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <=768px) {

	html {
		/* 10px */
		font-size: 1.30208vw;
	}

	.land-sale01-wrapper {
		padding: 6rem 0;
	}


	.land-sale02-wrapper {
		padding: 6rem 0;
	}

	.land-sale02-container {
		justify-content: center;
		flex-direction: column-reverse;
	}

	.land-sale02-left {
		margin: 4rem 0 0 0;
		max-width: 100%;
		width: 100%;
	}

	.land-sale02-text-box .text02 br {
		display: none;
	}

	.land-sale02-right {
		max-width: 100%;
		width: 100%;
	}

	.land-sale02-btn-area {
		margin: 4rem 0 0 0;
		display: flex;
		justify-content: center;
	}

	/*===========================================================
	物件情報(ボタン)
	===========================================================*/

	.red-btn {
		margin: 2rem auto;
	}

}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <=576px) {

	html {
		/* 12px */
		font-size: 2.08333vw;
	}


}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <=414px) {

	html {
		/* 14px */
		font-size: 2.43055vw;
	}

}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */