@charset "utf-8";
/* ===================================================================

 file name  :estate.css
 style info :不動産事業ページ

=================================================================== */

/* =============================

	overwrite

=============================== */
#pageHeader {
	margin:0;
}
#pageHeader .pagehead-inner{
	background:url(../images/estate/bg_page.jpg) no-repeat 50% 50%;
}


#main{
	overflow:hidden;
}



/* =================================== */


/*　キャッチ　*/
#main .title{
	margin:0 auto;
}



/*　物件　*/
#main .estate{
	margin:100px auto 0;
}

#main .box{
	position:relative;
	width:990px;
	margin:0 0 50px;
	padding:0;
	background-color:#fff;
}
#main .box:before{
	position:absolute;
	content:"";
	display:block;
	width:990px;
	height:100%;
	top:10px;
	left:10px;
	background-color:#f5f5f5;
}

#main .box ul{
	position:relative;
	width:990px;
	height:100%;
	padding:40px;
	border:solid 2px #f5f5f5;
	background-color:#fff;
	z-index:10;
}
#main .box ul li.photo{
	float:left;
	width:460px;
}
#main .box ul li.txt{
	position:absolute;
	width:400px;
	top:50%;
	right:40px;
	transform:translateY(-50%);
}

#main .box ul li.txt h3{
	margin:0 0 30px;
	padding:0;
	font-size:26px;
	font-weight:bold;
	line-height:1.3;
}

#main .box ul li.txt dl{
	position:relative;
	width:400px;
	margin:3px 0 0;
	padding:15px 20px;
	font-size:14px;
	line-height:2;
	background-color:#f5f5f5;
}
#mai .box ul li.txt dl dt{
	float:left;
	width:100px;
	margin:0;
	padding:0;
	clear:left;
}
#main .box ul li.txt dl dd{
	float:right;
	width:265px;
	margin:-28px 0 0;
	padding:0;
}
#main .box ul li.txt dl dt.last{
	margin:0;
}
#main .box ul li.txt dl dd.last{
	margin:-28px 0 0;
}
#main .box ul li.txt dl:before{
	position:absolute;
	content:"";
	display:block;
	width:1px;
	top:7px;
	left:95px;
	bottom:7px;
	background:#ccc;
}

#main .box ul li.txt div.bw-btn{
	margin:30px 0 0;
}







/* ==========================================================================
   smartPhone
   ========================================================================== */
@media screen and (max-width: 640px){
	/* =============================
	
		overwrite
	
	=============================== */
	#pageHeader .pagehead-inner{
		background-position:50% 50%;
	}



	
	/* =================================== */


/*　キャッチ　*/
	#main .title{
		margin:0 auto 40px;
	}
	#main .title p{
		text-align:left;
	}



/*　物件　*/
	#main .estate{
		margin:50px auto 0;
	}

	#main .box{
		position:relative;
		width:96%;
		margin:0 auto 25px;
		padding:0;
		border:solid 2px #f5f5f5;
		background-color:#fff;
	}
	#main .box:before{
		display:none;
	}

	#main .box ul{
		width:100%;
		height:auto;
		padding:15px;
		border:none;
	}
	#main .box ul li.photo{
		float:none;
		width:100%;
	}
	#main .box ul li.txt{
		position:static;
		width:100%;
		transform:translateY(0);
		margin:15px auto 0;
	}

	#main .box ul li.txt h3{
		margin:0 0 15px;
		padding:0;
		font-size:18px;
	}

	#main .box ul li.txt dl{
		width:100%;
		margin:0;
		padding:10px;
		font-size:1em;
		line-height:2em;
	}
	#mai .box ul li.txt dl dt{
		float:left;
		width:25%;
		margin:0;
		padding:0;
		clear:left;
	}
	#main .box ul li.txt dl dd{
		float:right;
		width:75%;
		margin:-2em 0 0;
		padding:0;
	}
	#main .box ul li.txt dl dt.last{
		margin:0;
	}
	#main .box ul li.txt dl dd.last{
		margin:-2em 0 0;
	}
	#main .box ul li.txt dl:before{
		top:10px;
		left:22%;
		bottom:10px;
	}
	
	#main .long ul li.txt dl dd{
		width:80%;
	}
	#main .long ul li.txt dl:before{
		left:19%;
	}


	
	#main ul li.txt div.bw-btn{
		margin:20px 0 0;
	}




}