@charset "UTF-8";


	
	
/* housing
--------------------- */
#housing ul.icon-list li {
	font-size: 1.6rem;
	line-height: 1.6em;
	margin-bottom: 5px;
	padding-left: 14px;
	position: relative;
}
#housing ul.icon-list li:nth-last-child(1) {
	margin-bottom: 0;
}
#housing ul.icon-list li:before {
	content: "";
	width: 8px;
	height: 8px;
	background: #DE0000;
	border-radius: 50%;
	position: absolute;
	top: 9px;
	left: 0;
}


	
	
/* rented
--------------------- */
#rented .row .text {
	width: 50%;
	padding-right: 5%;
}
	#rented .row .text ul.txt-list {
		margin-top: 10px;
	}
		#rented .row .text ul.txt-list li {
			background: #FFF4F4;
			font-size: 1.5rem;
			line-height: 1.3em;
			text-align: center;
			font-weight: 500;
			padding: 12px 5px;
		}
		#rented .row .text ul.txt-list.column2 li {
			width: 49%;
			background: #EFEFEF;
		}
		#rented .row .text ul.txt-list.column2 li:nth-last-child(1) {
			background: #DE0000;
			font-weight: 700;
		}

	#rented .row .text .fuan {
		width: 49%;
		font-size: 2.0rem;
		font-weight: 700;
		line-height: 1.3em;
		text-align: center;
		margin-top: 12px;
		margin-bottom: 15px;
		position: relative;
	}
	#rented .row .text .fuan:before {
		content: "";
		width: 0;
		height: 0;
		border-style: solid;
		border-color: #de0000 transparent transparent transparent;
		border-width: 8px 8px 0px 8px;
		position: absolute;
		top: -15px;
		left: 50%;
		margin-left: -8px;
	}

#rented .row .graph {
	width: 50%;
}
	#rented .row .graph img {
		border: solid 1px #ddd;
	}


	
	
/* testimonials
--------------------- */
#testimonials .row {
	margin-bottom: 70px;
}
#testimonials .row:nth-last-child(1) {
	margin-bottom: 0;
}
	#testimonials .row h3 {
		font-size: 2.4rem;
		font-weight: 700;
		line-height: 1.3em;
	}

	#testimonials .row .voice .box {
		width: 48%;
		margin-right: 4%;
		margin-top: 30px;
	}
	#testimonials .row .voice .box:nth-child(2n) {
		margin-right: 0;
	}
		#testimonials .row .voice .box dt {
			width: 70px;
			text-align: center;
		}
			#testimonials .row .voice .box dt span {
				display: block;
				font-size: 1.3rem;
				line-height: 1;
				text-align: center;
				margin-top: 8px;
			}

		#testimonials .row .voice .box dd {
			width: -webkit-calc(100% - 95px);
			width: calc(100% - 95px);
			background: #F8F8F8;
			padding: 15px 20px;
			border-radius: 5px;
			font-size: 1.6rem;
			line-height: 1.8em;
			position: relative;
		}
		#testimonials .row .voice .box dd:before {
			content: "";
			width: 0;
			height: 0;
			border-style: solid;
			border-color: transparent #f8f8f8 transparent transparent;
			border-width: 0px 20px 20px 0px;
			position: absolute;
			top: 30px;
			left: -20px;
		}

	#testimonials .row .message {
		border: solid 1px #ddd;
		padding: 25px 30px;
		margin-top: 50px;
	}
		#testimonials .row .message h4 {
			font-size: 2.0rem;
			font-weight: 700;
			line-height: 1;
			text-align: center;
			margin-top: -36px;
			margin-bottom: 15px;
		}
			#testimonials .row .message h4 span {
				background: #fff;
				padding: 0 15px;
			}




/* 1024px */
@media screen and (max-width: 1024px) {


	
	
/* housing
--------------------- */
#housing ul.icon-list li {
	font-size: 1.5rem;
}


	
	
/* rented
--------------------- */
#rented .row .text ul.txt-list li {
	font-size: 1.4rem;
}

#rented .row .text .fuan {
	font-size: 1.8rem;
}


	
	
/* testimonials
--------------------- */
#testimonials .row {
	margin-bottom: 50px;
}
	#testimonials .row h3 {
		font-size: 2.2rem;
	}

	#testimonials .row .voice .box {
		margin-top: 20px;
	}
		#testimonials .row .voice .box dt {
			width: 60px;
			text-align: center;
		}
			#testimonials .row .voice .box dt span {
				display: block;
				font-size: 1.2rem;
			}

		#testimonials .row .voice .box dd {
			width: -webkit-calc(100% - 85px);
			width: calc(100% - 85px);
			font-size: 1.5rem;
			line-height: 1.7em;
		}
		#testimonials .row .voice .box dd:before {
			top: 25px;
		}

	#testimonials .row .message {
		padding: 20px 25px;
		margin-top: 40px;
	}
		#testimonials .row .message h4 {
			font-size: 1.8rem;
			margin-top: -30px;
		}
			#testimonials .row .message h4 span {
				padding: 0 12px;
			}




}





/* max 768px */
@media screen and (max-width: 768px) {


	
	
/* housing
--------------------- */
#housing ul.icon-list li {
	font-size: 1.4rem;
	line-height: 1.5em;
}
#housing ul.icon-list li:before {
	top: 8px;
}


	
	
/* rented
--------------------- */
#rented .row {
	display: block;
}
	#rented .row .text {
		width: 100%;
		padding-right: 0;
		margin-bottom: 30px;
	}
		#rented .row .text ul.txt-list {
			margin-top: 10px;
		}
			#rented .row .text ul.txt-list li {
				font-size: 1.3rem;
				padding: 10px 5px;
			}

		#rented .row .text .fuan {
			font-size: 1.7rem;
		}

	#rented .row .graph {
		width: 100%;
	}


	
	
/* testimonials
--------------------- */
#testimonials .row {
	margin-bottom: 40px;
}
	#testimonials .row h3 {
		font-size: 2.0rem;
	}

	#testimonials .row .voice {
		display: block;
	}
		#testimonials .row .voice .box {
			width: 100%;
			margin-right: 0;
			margin-top: 20px;
		}
			#testimonials .row .voice .box dt {
				width: 50px;
			}
				#testimonials .row .voice .box dt span {
					font-size: 1.1rem;
				}

			#testimonials .row .voice .box dd {
				width: -webkit-calc(100% - 75px);
				width: calc(100% - 75px);
				font-size: 1.4rem;
				line-height: 1.6em;
			}






}