@charset "UTF-8";

/*--------------------------------------

	index.html

-------------------------------------*/
.top-ttl-wrap{
	text-align: center;
	position: relative;
	height: 520px;
	padding: 0;
	border: none;
	margin-bottom: 70px;
}
.top-ttl-wrap img{
	margin-left: -700px;
	max-width: 1400px;
	position: absolute;
	left: 50%;
}

/*背景付きバナー：中古・賃貸*/
#TOP .wrap-03{
	background:url(/imgs/home/bg_01.jpg) center center no-repeat #000;
	background-size: cover;
	padding-top: 115px;
	padding-bottom: 115px;
}
#TOP .bnr-01{
	text-align: center;
}
#TOP .bnr-01 a:hover{
	opacity: 0.9;
}
#TOP .bnr-01 a{
	width: 494px;
	background:url(/common/imgs/lnk_another_01.png) right 30px center no-repeat rgba(0,113,188,0.75);
	background-size: 17px;
	display: inline-block;
	padding: 30px;
	box-sizing: border-box;
	text-align: left;
}
#TOP .bnr-01 .bnr-cnt-01{
	width: 158px;
	display: inline-block;
}

/*コンセプト背景*/
#TOP .wrap-04{
	background: url(/imgs/home/bg_02.jpg) center top #f4e4dd no-repeat;
	padding-top: 80px;
	padding-bottom: 80px;
}
#TOP .wrap-04 .ttl-04{
	margin-bottom: 70px;
}
#TOP .wrap-04 .cnt-lead{
	margin-bottom:50px;
}
#TOP .wrap-04 .txt-01{
	margin-bottom: 60px;
	line-height: 2.4em;
}
#TOP .wrap-04 .btn-03 a{
	background-color: rgba(255,255,255,0.5);
}

/*背景付きバナー：GRAN倶楽部*/
#TOP .bnr-02-bg{
	background:url(/imgs/home/bg_03.jpg) center center no-repeat #000;
	background-size: cover;
	padding-top: 80px;
	padding-bottom: 80px;
}
#TOP .bnr-02{
	text-align: center;
}
#TOP .bnr-02 a:hover{
	opacity: 0.9;
}
#TOP .bnr-02 a{
	background-color: rgba(0,113,188,0.75);
	width: 494px;
	display: inline-block;
	padding: 11px 15px 11px 20px;
	box-sizing: border-box;
	text-align: left;
}


/* SP
----------------------------------------------------------------------*/
@media only screen and (max-width: 640px) {
	
/*--------------------------------------

	index.html

-------------------------------------*/
	.top-ttl-wrap{
		position: static;
		height: auto;
		margin-bottom: 7.8%;
	}
	.top-ttl-wrap img{
		margin-left: 0;
		max-width: 100%;
		position: static;
		left: 0;
	}
	#TOP .wrap-03{
		background:url(/imgs/home/bg_01_sp.jpg) center center no-repeat;
		padding-top: 11%;
		padding-bottom: 11%;
		background-size: cover;
		margin-bottom: 12.5%;
	}
	#TOP .bnr-01 a,
	#TOP .bnr-02 a{
		width: 87.5%;	
	}
	#TOP .bnr-01 a{
		padding: 7.8% 4.6%;
		background-size: 3.9%;
	}
	#TOP .bnr-01 .bnr-cnt-01{
		width: 50%;
	}
	#TOP .bnr-02-bg{
		padding-top: 4.6%;
		padding-bottom: 4.6%;
	}
	#TOP .bnr-02 a{
		padding: 3.125% 4.7%;
	}
	#TOP .wrap-04{
		padding: 6.25% 6.25% 12.5%;
		background: url(/imgs/home/bg_02_sp.jpg) center top #f4e4dd no-repeat;
		background-size: 100%;
		margin-bottom: 15.6%;
	}
	#TOP .wrap-04 .cnt-lead{
		width: 73.5%;
		margin-bottom: 7.8%;
	}
	#TOP .wrap-04 .ttl-04{
		margin-bottom: 15.6%;
	}
	#TOP .wrap-04 .txt-01{
		margin-bottom: 7.8%;
		line-height: 2em;
	}
	
}