.realestate-main-visual {
	background-image: url("../images/real-estate/mainVisual.jpg");
}

.realestate-title {
	font-family: 'Cormorant Garamond', serif;
	font-size: 2.5rem;
	letter-spacing: 5.6px;
	color: #3E3A39;
}
.realestate-text {
	font-family: 'Yu Gothic', serif;
	font-size: .9rem;
	color: #3E3A39;
	letter-spacing: 13px;
}
.realestate-image {
	margin: 5rem 0 1rem;
}
.realestate-image-sp {
	display: none;
}

/* REAL ESTATE */
.realestate-overview-container { position: relative; }
.realestate-overview-container::before {
	content: 'REAL ESTATE';
	position: absolute;
	top: 130px;
	left: -40px;
	transform: rotate(90deg);
	color: #3E3A39;
	font-size: 22px;
	font-family: 'Yu Gothic', serif;
	letter-spacing: 6.6px;
}
.realestate-overview {
	position: relative;
	margin-bottom: 7rem;
}
.realestate-overview-body {
	display: flex;
}
.realestate-overview-head {
	width: 60%;
}
.realestate-overview-label {
	position: absolute;
	top: 40px;
	left: -100px;
	color: #3E3A39;
	font-family: 'Yu Gothic', serif;
}
.realestate-overview-label p {
	margin-top: 3.4rem;
	transform: rotate(90deg);
	font-size: 22px;
}
.realestate-overview-title {
	width: 90%;
	margin-top: 2rem;
	margin-bottom: 2rem;
	font-size: 1.5rem;
	letter-spacing: 7.6px;
	color: #3E3A39;
	font-family: 'Noto Serif JP', serif;
}
.realestate-overview-content {
	width: 60%;
	margin-bottom: 3rem;
	font-size: .8rem;
	color: #3E3A39;
	font-family: 'Noto Serif JP', serif;
	letter-spacing: 1.8px;
}
.realestate-overview-sale-image {
	width: 60%;
}
.realestate-overview-sale-image-box {
	position: relative;
}
.realestate-overview-sale-image-back {
	position: absolute;
	top: 90px;
	left: 180px;
	z-index: -1;
}
.realestate-overview-sale-image-box img {
	width: 60%;
}

/* FLOW */
.realestate-flow-container { position: relative; }
.realestate-flow-container::before {
	content: 'FLOW';
	position: absolute;
	top: 130px;
	left: 20px;
	transform: rotate(90deg);
	color: #3E3A39;
	font-size: 22px;
	font-family: 'Yu Gothic', serif;
	letter-spacing: 6.6px;
}
.realestate-flow {
	position: relative;
	margin-bottom: 6rem;
}
.realestate-flow-label {
	position: absolute;
	top: 220px;
	left: -4rem;
	color: #3E3A39;
	font-family: 'Yu Gothic', serif;
}
.realestate-flow-label p {
	transform: rotate(90deg);
	font-size: 22px;
}
.realestate-flow-head {
	display: flex;
	justify-content: space-between;
	grid-column: span 2 / span 3;
	margin-bottom: 3.5rem;
	align-items: center;
}
.realestate-flow-contact {
	margin-top: 1rem;
}
.realestate-flow-contact a {
	width: 12rem;
	height: 2.8rem;
	background:#00863D;
	box-shadow: 0px 3px 6px #00000029;
	align-items: center;
	display: flex;
	justify-content: center;
	column-gap: 24px;
	color: white;
	text-decoration: none;
}
.realestate-flow-contact a img { width: 20px; }
.realestate-flow-image {
	grid-column: span 2 / span 3;
}
.realestate-flow-image-sp { display: none; }

/* FEATURES */
.realestate-features-container { position: relative; }
.realestate-features-container::before {
	content: 'FEATURES';
	position: absolute;
	top: 130px;
	left: -20px;
	transform: rotate(90deg);
	color: #3E3A39;
	font-size: 22px;
	font-family: 'Yu Gothic', serif;
	letter-spacing: 6.6px;
}

.realestate-features {
	position: relative;
	margin-bottom: 6rem;
}
.realestate-features-label {
	position: absolute;
	top: 220px;
	left: -80px;
	color: #3E3A39;
	font-family: 'Yu Gothic', serif;
}
.realestate-features-label p {
	transform: rotate(90deg);
	font-size:22px;
}
.realestate-features-head {
	margin-bottom: 3rem;
}
.realestate-features-text {
	padding-bottom: 2rem;
	letter-spacing: 5.6px;
	color: #3E3A39;
	font-family: 'Noto Serif JP', serif;
	border-bottom: 1px solid #CCCCCC;
}
.realestate-features-case {
	display: flex;
	padding: 3rem 0;
	border-bottom: 1px solid #CCCCCC;
}
.realestate-features-case-text {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 50%;
	margin-right: 2rem;
	letter-spacing: 2px;
	color: #3E3A39;
	font-family: 'Noto Serif JP', serif;
}
.realestate-features-case-image {
	margin: 0 auto;
}
.realestate-features-case-image img {
	height: 10rem;
}

/* FEATURES POINT */

.realestate-features-point-row {
	display: flex;
	justify-content: space-between;
	margin-bottom: 6rem;
}
.realestate-features-point .realestate-features-point-row div:nth-child(1),
.realestate-features-point .realestate-features-point-row div:nth-child(2) {
	width: 50%;
}

.realestate-features-point-label {
	margin-bottom: .8rem;
	letter-spacing: 3px;
	color: #3E3A39;
}
.realestate-features-point-title {
	margin-bottom: 2rem;
	padding-right: 40px;
	font-size: 1.4rem;
	letter-spacing: 5.6px;
	color: #3E3A39;
	font-family: 'Noto Serif JP', serif;
}
.realestate-features-point-text {
	width: 60%;
	letter-spacing: 1.8px;
	color: #3E3A39;
}
.realestate-features-point-left-image {
	width: 50%;
}
.realestate-features-point .realestate-features-point-row div.realestate-features-point-right-text {
	width: 40%;
}
.realestate-features-point .realestate-features-point-row div.realestate-features-point-right-text .realestate-features-point-text {
	width: 100%;
}

/* TERMS */
.realestate-terms {
	margin-bottom: 6rem;
}
.realestate-terms-content {
	position: relative;
}
.realestate-terms-content-body {
	/* width: 600px; */
	width: 43vw;
	aspect-ratio: 691 / 476;
	position: absolute;
	display: grid;
	align-content: center;
	justify-content: center;
	bottom: 20px;
	left: 200px;
	background-image: url(../images/real-estate/bk-2.svg);
	background-repeat: no-repeat;
	background-size: contain;
}
.realestate-terms-content-body-title {
	margin-bottom: 1.2rem;
	font-size: 24px;
	font-family: 'Noto Serif JP', serif;
	letter-spacing: 5.6px;
	color: #3E3A39;
}
.realestate-terms-content-body-text {
	/* font-size: 18px; */
	font-size: 1vw;
	font-family: 'Yu Gothic', serif;
	letter-spacing: 1.8px;
	color: #3E3A39;
}


/* SALE */

.realestate-sale-container { position: relative; }
.realestate-sale-container::before {
	content: 'ON SALE';
	position: absolute;
	top: 130px;
	left: 0;
	transform: rotate(90deg);
	color: #3E3A39;
	font-size: 22px;
	font-family: 'Yu Gothic', serif;
	letter-spacing: 6.6px;
}
.realestate-sale {
	position: relative;
	margin-bottom: 6rem;
}
.realestate-sale-label {
	position: absolute;
	top: 4rem;
	left: -4rem;
	color: #3E3A39;
	font-family: 'Yu Gothic', serif;
}
.realestate-sale-label p {
	transform: rotate(90deg);
	font-size: 22px;
}
.realestate-sale-head {
	margin-bottom: 3rem;
}
.realestate-address {
	margin-bottom: .5rem;
	font-size: 1rem;
	font-family: 'Noto Serif JP', serif;
	letter-spacing: 5.6px;
	color: #3E3A39;
}
.realestate-sale-row {
	display: flex;
	border-bottom: 1px solid #CCCCCC;
	font-family: 'Noto Serif JP', serif;
}
/* .realestate-sale-row:nth-child(4) {
	border-top: 1px solid #CCCCCC;
} */
.realestate-sale-row div {
	width: 30%;
	padding: .6rem 0;
}
.realestate-sale-row div:nth-child(2) {
	border-right: 1px solid #CCCCCC;
}
.realestate-sale-row div:nth-child(3) {
	padding-left: 2rem;
}

/* CONTACT */

.realestate-contact {
	margin: 0 auto 4rem;
}

.title {
	padding-left: 0;
	margin-bottom: 2rem;
}

@media screen and (max-width: 830px) {
	.realestate-image-pc { display: none; }
	.realestate-image-sp { display: block; }

	/* REAL ESTATE */

	.realestate-overview { margin-bottom: 3rem; }
	.realestate-overview-label {
		display: none;
	}
	.realestate-overview-body {
		flex-direction: column;
	}
	.realestate-overview-head { width: 100%; }
	.realestate-overview-title {
		margin-top: 0;
		font-size: 1.2rem;
	}
	.realestate-overview-sale-image { width: 100%; }
	.realestate-overview-sale-image-box img { width: 100%; }
	.realestate-overview-sale-image-back { display: none; }

	.realestate-overview-title,
	.realestate-overview-content {
		width: 100%;
	}
	.realestate-overview-content { margin-bottom: 2rem; }
	.realestate-overview-sale-image-back {
		left: 130px;
	}

	.realestate-overview-container::before { display: none; }

	/* FLOW */

	.realestate-flow-label {
		display: none;
	}
	.realestate-flow-head {
		flex-direction: column;
		margin-bottom: 2rem;
	}
	.realestate-flow-contact {
		margin: 2rem auto 0;
	}
	.realestate-flow-image-pc { display: none; }
	.realestate-flow-image-sp { display: block; }
	
	.realestate-flow-container::before { display: none; }

	/* FEATURES */

	.realestate-features-label {
		display: none;
	}
	.realestate-features-case {
		flex-direction: column;
	}
	.realestate-features-case-text {
		width: 100%;
		margin-bottom: 1rem;
	}
	
	.realestate-features-point-row { flex-wrap: wrap; }
	.realestate-features-point .realestate-features-point-row div:nth-child(1), .realestate-features-point .realestate-features-point-row div:nth-child(2) {
		width: 100%;
	}
	.realestate-features-point-row { margin-bottom: 3rem; }
	
	.realestate-features-container::before { display: none; }

	/* FEATURES POINT */

	.realestate-features-point div:nth-child(2) {
		flex-direction: column-reverse;
	}
	.realestate-features-point-row {
		flex-direction: column;
	}
	.realestate-features-point-text {
		width: 100%;
		margin-bottom: 2rem;
	}
	.realestate-features-point-left-image {
		width: 100%;
	}
	.realestate-features-point-right-text {
		width: 100%;
	}

	/* TERMS */

	.realestate-terms {
		margin-bottom: 0;
	}
	.realestate-terms-content-body {
		width: 100%;
		position: relative;
		top: 0;
		left: 0;
	}
	.realestate-terms-content-body {
		background-image: none;
		padding: 0 40px;
		/* margin-block: 30px; */
		margin: 110px 0 0;
	}
	.realestate-terms-content-body-text{
		font-size: 18px;
	}

	/* SALE */
	.realestate-sale-label {
		display: none;
	}
	.realestate-sale-row {
		flex-wrap: wrap;
	}
	.realestate-sale-row div {
		width: 50%;
	}
	.realestate-sale-row div:nth-child(1) {
		border-right-width: 0;
		border-bottom: 1px solid #CCCCCC;
	}
	.realestate-sale-row div:nth-child(2) {
		border-right-width: 0;
		border-bottom: 1px solid #CCCCCC;
	}
	.realestate-sale-row div:nth-child(3) {
		padding-left: 0;
	}
	
	.realestate-sale-container::before { display: none; }

	.realestate-main-visual {
		margin-top: 3rem;
	}
}