@charset "UTF-8";

/*----------------------------------------*----------------------------------------
composition
----------------------------------------*----------------------------------------*/

#contents {
	background-position: center -60px;
}

/*--------------------------------------------------------------------------------
common
--------------------------------------------------------------------------------*/

.ebox {
	padding-top: 0;
	margin-bottom: 0;
}
h1.ht {
	background-image:none;
}

/*--------------------------------------------------------------------------------
topimage
--------------------------------------------------------------------------------*/

	#topimage {
		position: relative;
		height: 420px;
		background:#f2f5fa url(img/topimage_bg.jpg) center no-repeat;
		border-bottom:1px #cccccc solid;
	}

/*--------------------------------------------------------------------------------
first
--------------------------------------------------------------------------------*/

	#first { padding-top:15px; margin-bottom:30px; }
	#first .container {
		background:url(img/first_bg.jpg?ver=20210924) 380px bottom no-repeat;
		height:340px;
		padding-top:30px;
	}
	#first .ht {
		font-size: 2.5rem;
		background: url(img/first_ht.png?ver=20200204) no-repeat left top;
		height: 40px;
		padding:0;
		margin-bottom:24px;
	}
	#first .textBox {
		width:520px;
	}


/*----------------------------------------*----------------------------------------
service
----------------------------------------*----------------------------------------*/

	#service { margin-bottom:40px; }
	#service .sale,
	#service .buy {
		padding:10px;
		-moz-border-radius: 0 0 7px 7px;
		-webkit-border-radius: 0 0 7px 7px;
		border-radius: 0 0 7px 7px;
	}
	#service .sale {
		border-bottom:8px #f7b101 solid;
		border-left:  8px #f7b101 solid;
		border-right: 8px #f7b101 solid;
	}
	#service .buy {
		border-bottom:8px #80b825 solid;
		border-left:  8px #80b825 solid;
		border-right: 8px #80b825 solid;
	}


/*----------------------------------------*----------------------------------------
promis
----------------------------------------*----------------------------------------*/

	#promis { background:#3c94ec; padding:30px 0 20px; border-bottom:#ccc 2px solid; margin-bottom:40px; }
	#promis .ht {
		background:url(img/promis_ht.gif) center;
		width:170px;
		height:58px;
		padding:0;
		margin:0 auto;
		margin-bottom:55px;
	}
	#promis .innerBox {
		position:relative;
		background:#fff;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		border-radius: 7px;
		padding: 60px 10px 10px;
	}
	#promis-1 h1,
	#promis-2 h1,
	#promis-3 h1 {
		position:absolute;
		left:0;
		right:0;
		top:-35px;
		margin: auto;
		background:#0268cc;
		color:#fff;
		font-size:48px;
		line-height:70px;
		width:70px;
		text-align:center;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
		border-radius: 50%;
	}
	#promis-1 h2,
	#promis-2 h2,
	#promis-3 h2 {
		background-position:center;
		width:280px;
		height:66px;
		padding:0;
		margin:0 auto;
		margin-bottom:20px;
	}
	#promis-1 h2 {
		background:url(img/promis-1.gif?ver=20200204) no-repeat;
	}
	#promis-2 h2 {
		background:url(img/promis-2.gif) no-repeat;
	}
	#promis-3 h2 {
		background:url(img/promis-3.gif?ver=20200204) no-repeat;
	}

/*----------------------------------------*----------------------------------------
point
----------------------------------------*----------------------------------------*/

	#point { margin-bottom:40px; }
	#point .container { background:url(img/point_bg.jpg) no-repeat; }
	#point h1.ht {
		background-position:center;
		width:300px;
		height:28px;
		padding:0;
		margin:0 auto;
		margin-bottom:27px;
		background: url(img/point_ht.png) no-repeat;
	}
	#point .name {
		padding-right:20px;
		text-align:center;
		margin-top:60px;
	}
	#point .comment {
		position: relative;
		background:#e1edf7;
		padding-top:14px;
		text-align:center;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		z-index: 0;
		height: 83px;
	}
	#point .comment:after {
		content: "";
		position: absolute;
		top: 50%;
		left: -50px;
		margin-top: -10px;
		display: block;
		width: 0px;
		height: 0px;
		border-style: solid;
		border-width: 10px 50px 10px 0;
		border-color: transparent #e1edf7 transparent transparent;
	}
	#point .president {
		float:left;
		margin-right:20px;
	}
	#point .osusume {
		padding-top:10px;
	}
	#point .osusume li {
		line-height:2.2rem;
		margin-bottom:6px;
		font-size:1.7rem;
	}
	#point .icon {
		background:#ccc;
		color:#fff;
		font-size:1.2rem;
		display:inline-block;
		line-height:2.2rem;
		text-align:center;
		width:66px;
		margin-right:5px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
	}
	#point .icon {
		background:#ccc;
		color:#fff;
		font-size:1.2rem;
		display:inline-block;
		line-height:2.2rem;
		text-align:center;
		width:66px;
		margin-right:5px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
	}
	#point .icon-re { background:#e66845; }
	#point .icon-gr { background:#80b825; }
	#point .icon-ye { background:#f7b101; }
	

/*----------------------------------------*----------------------------------------
serviceBnr
----------------------------------------*----------------------------------------*/

	#serviceBnr { padding:0 0 40px; }
	#serviceBnr img {
		-moz-border-radius: 0 0 7px 7px;
		-webkit-border-radius: 0 0 7px 7px;
		border-radius: 0 0 7px 7px;
	}
	#serviceBnr a:hover { 
		opacity: .8;
		filter: alpha(opacity=80);
		-ms-filter: "alpha(opacity=80)";
	}

/*----------------------------------------*----------------------------------------
news
----------------------------------------*----------------------------------------*/
	#news { background:#e1edf7; padding:30px 0 40px; }
	#news .container {
		position:relative;
		min-height: 295px;
	}
	#news h1.ht {
		background-position:center;
		width:100px;
		height:48px;
		padding:0;
		margin:0 auto;
		margin-bottom:27px;
		background: url(img/news_ht.png) no-repeat;
	}
	#news .blog-more {
		text-align:center;
	}
	#news .blog-more .btn {
		line-height:1;
		background:#0268cc;
	}
	#news .blog-more .btn:hover, .btn:active { background: #f7b101; }

/*----------------------------------------
list
----------------------------------------*/

#news .date {
	font-size: 1.4rem;
	color: #666;
}
#news .cat {
	font-size: 1.3rem;
	text-decoration: none;
	color: #fff;
	background: #ccc;
	line-height:2.2rem;
	text-align:center;
	width:110px;
	display: inline-block;
}
.cat_info    { background:#80b825 !important; }
.cat_housing { background:#f7b101 !important; }
.cat_blog    { background:#e66845 !important; }

#news .title { color: #333; }
#news .title:hover { color: #c33; }
#news .excerpt {
	font-size: 1.3rem;
	color: #999;
}
#news img.new {
	vertical-align: middle;
}

/* .mediaを使用する場合 */

#news .media { margin-bottom: 0; }
#news .media-head {
	background:#f2f5fa;
	position:relative;
	width: 220px;
	height: 165px;
	margin-bottom:5px;
}
#news .media-head img { 
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
#news .media-head a:hover { 
	opacity: .8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
}
#news .media-body {}
#news .media .date {}
#news .media .title {
	display: block;
	margin: 3px 0;
}