@charset "utf-8";

/*
	Last Update:2010/06/15
	Auther: arahori
*/

/*===================================================================
	中央寄せ
===================================================================*/
body  { text-align:center; }
.container { position:relative; }


/*===================================================================
	#base
===================================================================*/
#base { }


/*===================================================================
	#head
===================================================================*/
#head { box-shadow:1px 1px 2px rgba(0,0,0,0.2); position:relative; z-index:110; }
#top #head  { position:relative; z-index:10; }
#top #head .container { height:77px; border-bottom:2px solid #C9D6D6; }
#top #head_background { position:fixed; top:0; width:100%; z-index:-100; background-size:2600px auto; box-shadow:none; }
#reform #head_background { margin-bottom:0 !important; }
#taiiku #head_background { max-width:1200px; width:100%; margin:0 auto 30px; }
#taiiku #head_background img { max-width:100% !important; width:100% !important; height:auto !important; top:0 !important; left:0 !important;}

/* スマホ用 */ @media (max-width: 1500px) {
#top #head { background-size:auto 120%; }
}
@media (max-width: 980px) {
span.br:after {content:" "; display:block;}
}
@media (max-width:767px){
#rent #head_background,
#condominium #head_background,
#chukai #head_background{ height:500px !important; overflow:hidden; margin-bottom:30px !important;}
#reform #head_background,#building-maintenance #head_background,#logistics #head_background { height:500px !important; overflow:hidden; margin-bottom:0 !important;}
}
/* スマホ用 */ @media (max-width: 800px) {
#top #head { background-size: auto 100%; }

}

/* スマホ用 */ @media (max-width: 800px) {
	
}

/* .site_logo */
.site_logo { position:absolute; left:7px; top:11px; text-indent:-9999px; }
.site_logo a { display:block; width:342px; height:49px; background:url(../image/head/site_logo.png) no-repeat left top; background-size:342px 49px; }
@media (max-width:450px) {
.site_logo { top:20px; left:10px;}
.site_logo a { width:230px; height:33px; background-size:100%;}
}
	/*-------------------------------------------------------------------
		#main_navi
	-------------------------------------------------------------------*/
	#main_navi { float:right; }
	#main_navi li { margin-left:30px; }
	#main_navi li a { padding:30px 0; text-decoration:none; color:#000025;}
	@media (max-width: 969px) {
	
#main_navi li { margin-left:0px; margin-right:10px; }
	
	}
	
	@media (min-width: 768px) {
	#head #defaultNavbar1 { display:none !important; }	
	}
	
	/* スマホ用 */ @media (max-width: 767px) {
	#main_navi { display:none; }
	}
	
	.navbar-header { height:72px; }
	.navbar > .container .navbar-brand,
	.navbar > .container-fluid .navbar-brand {
	margin-left: -15px;
	}
	
	.navbar-nav { margin:0 -15px; background:#0049A0; }
	.navbar-nav li { border-top:1px solid #FFF; }
	.navbar-nav a { color:#FFF; }
	
	.navbar-toggle {
	position: relative;
	float: right;
	padding: 9px 10px;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 8px;
	background-color: transparent;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
	}
	.navbar-toggle:focus {
	outline: 0;
	}
	.navbar-toggle .icon-bar {
	display: block;
	width: 22px;
	height: 2px;
	border-radius: 1px;
	background:#CCC;
	}
	.navbar-toggle .icon-bar + .icon-bar {
	margin-top: 4px;
	}

	/*-------------------------------------------------------------------
		#category_navi
	-------------------------------------------------------------------*/
	#category_navi { text-align:center; }
	#category_navi ul { display:table; width:100%; }
	#category_navi li { display:table-cell; vertical-align:middle; float:none; }
	#category_navi li a { display:block; width:100%; padding:23px 8px; vertical-align:middle; text-decoration:none; color:#000025;}
	#category_navi li a img { vertical-align:middle; }

	#mansions #category_navi .navi_1 a,
	#rent #category_navi .navi_2 a,
	#condominium #category_navi .navi_4 a,
	
	#chukai #category_navi .navi_3 a,
	
	#reform #category_navi .navi_6 a,
	#logistics #category_navi .navi_7 a,
	#building-maintenance #category_navi .navi_8 a,
	#taiiku #category_navi .navi_9 a { background:#EEE; }
	
	#dp_navi { margin:0 -15px;}
	#dp_navi .s_navi_tit { display:block; padding:10px; cursor:pointer; position:relative; color:#0049a0; background:#fff; border-bottom:1px solid #0049a0;}
	#dp_navi .s_navi_tit a { color:#0049a0; text-decoration:none;}
	#dp_navi .s_navi_tit span { display:inline-block; text-align:center; position:absolute; top:50%; margin-top:-6.5px; right:15px;transition:all 0.3s ease 0s;}
	#dp_navi .s_navi_tit.open span { transform:rotateX(180deg);}
	#dp_navi .sub_navi { background:#fff; }
	#dp_navi .sub_navi a { display:block; padding:10px; border-bottom:1px dashed #0049a0; text-decoration:none;}
	#dp_navi .d_navi:nth-child(1) .sub_navi a { background:rgba(39,195,222,0.2);}
	#dp_navi .d_navi:nth-child(2) .sub_navi a { background:rgba(224,136,130,0.2);}
	#dp_navi .d_navi:nth-child(3) .sub_navi a { background:rgba(237,166,94,0.2);}
	#dp_navi .d_navi:nth-child(4) .sub_navi a { background:rgba(74,185,94,0.2);}
	#dp_navi .d_navi:nth-child(5) .sub_navi a { background:rgba(152,149,217,0.2);}
	#dp_navi .d_navi:nth-child(6) .sub_navi a { background:rgba(197,149,186,0.2);}
	#dp_navi .d_navi:nth-child(7) .sub_navi a { background:rgba(232,219,104,0.2);}
	#dp_navi .d_navi:nth-child(8) .sub_navi a { background:rgba(168,195,110,0.2);}
	#dp_navi .d_navi:nth-child(8) .sub_navi li:last-child a { border-bottom:none;}
@media (max-width: 1199px) {
	
	#category_navi li { padding:0; }	
	#category_navi li a { padding:23px 10px;}
	
}

@media (max-width: 969px) {
	
	#category_navi li { }	
	
}

@media (max-width: 767px) {

	#category_navi { display:none; }
	
}

	
	/*-------------------------------------------------------------------
		#sub_navi
	-------------------------------------------------------------------*/
	#sub_navi { text-align:center; background:#EEE; }
	#sub_navi li { display:inline-block; margin-right:-5px; padding:0 50px; vertical-align:middle; }
	#sub_navi li a {display:block;width:100%;line-height:100px;vertical-align:middle;text-decoration: underline;color:#000025;}
	#sub_navi li a:hover {text-decoration: none;}
	#sub_navi li a img { vertical-align:middle; }
	
	#reform #sub_navi li { display:inline-block; margin-right:-5px; padding:0 30px; vertical-align:middle; }
	#taiikusisetu #sub_navi li { display:inline-block; margin-right:-5px; padding:0 30px; vertical-align:middle; }

@media (max-width: 1199px) {
	
	#sub_navi li { padding:0 30px; }	
	#reform #sub_navi li,
	#taiikusisetu #sub_navi li { padding:0 20px; }
	
}

@media (max-width: 969px) {
	
	#sub_navi li { padding:0 20px; }	
	#reform #sub_navi li,
	#taiikusisetu #sub_navi li { padding:0 7px; }
	
}

@media (max-width: 767px) {

	#sub_navi { display:none; }
	
}
	
/*===================================================================
	#body
===================================================================*/
#body { position:relative; background:#FFF; z-index:100; overflow:hidden;}

	/*-------------------------------------------------------------------
		#primary
	-------------------------------------------------------------------*/
	#primary { }
	
	/*-------------------------------------------------------------------
		#secondary
	-------------------------------------------------------------------*/
	#secondary { padding-bottom:30px; }


/*===================================================================
	#foot
===================================================================*/
#foot { position:relative; z-index:100; background:#004EA1 url(../image/foot/foot_back.jpg) no-repeat bottom center; color:#FFF; text-align:left; }
#foot .foot_logo { float:left; margin:0 15px 0 0; }
#foot .foot_logo a { display:block; width:288px; height:34px; background:url(../image/foot/foot_logo.png) no-repeat left top; background-size:288px 34px; text-indent:-9999px; }
#foot .container { padding:30px 0; }
#foot .info { float:left; }
#foot .copyright { float:left; }
#foot .info .text { float:left; display:none; }
#foot .info .text h3 { margin-bottom:4px; font-weight:bold; }

/* スマホ用 */ @media (max-width: 1000px) {

#foot .foot_logo { float:none; }

#foot .container { padding:20px; }
#foot .foot_logo,
#foot .text { margin-bottom:15px; }
	
}

/* スマホ用 */ @media (max-width: 800px) {
#foot .foot_logo a { width:100%; max-width:288px; background-size:contain; }
#foot .copyright,
#foot .info,
#foot .info .text { float:none; }

}


/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block; }
.sp { display: none; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
.pc { display: none; }
.sp { display: block; }
}
