.main-visual-area {
	padding-top: 180px;
	background-color: #000;

}

.main-visual-inner {
	padding: 1rem 0;
	overflow: hidden;
}
.main-visual {
}
.main-visual_item {
	width: 790px;
	height: 375px;
}
@media only screen and (min-width: 768px) {
	.main-visual_item {
		width: 790px !important;
		height: 375px;
	}
}

/*
 最新おすすめ新着物件
*/
.index-new-estate-area {
	clear: both;
	width: 100%;
	margin: 0 auto;
	padding-top: 20px;
}
.index-new-estate-area h2 {
	overflow: hidden;
	text-align: center;
	font-size: 2rem;
	margin: 1rem 0 2rem;
}
.index-new-estate-area h2 span {
	position: relative;
	display: inline-block;
	margin: 0 1rem;
	padding: 0 1rem;
	text-align: left;
	font-size: 1.5rem;
	font-weight: bold;
}
.index-new-estate-area h2 span::before,
.index-new-estate-area h2 span::after {
	position: absolute;
	top: 50%;
	content: '';
	width: 400%;
	height: 1px;
	background-color: #ccc;
}
.index-new-estate-area h2 span::before {
	right: 100%;
}
.index-new-estate-area h2 span::after {
	left: 100%;
}
.index-estate-caroucel {
	padding: 0 0 1rem;
}
.index-estate-caroucel_item {
}
.index-estate-caroucel_item a {
	color: #000;
}
.index-new_estate_catch {
	height: 56px;
	margin-bottom: 10px;
	font-size: 1.3rem;
	line-height: 1.8rem;
	font-weight: bold;
	color: #C1272D;
	position: relative;
}
.index-new-estate-new img {
	width: 100%;
}
.index-new-estate-new {
	width: 80px;
	height: 25px;
	position:absolute;
	top: 25px;
	right: 0;
}
.index-new-estate-images {
	position: relative;
}
.index-new-estate-images img {
	width: 100%;
	margin: 0 0 1rem;
}
.index-new-estate-point {
	position:absolute;
	top: 10px;
	right: 10px;
}
.index-new-estate-how {
}
.index-new-estate-how p {
	line-height: 1.8rem;
	margin: 0 0 0;
}
.index-new-estate-how p span {
	width: 80px;
	display: inline-block;
	margin-right: .5rem;
}
.index-new-estate_ext {
   width: 100%;
   height: 50px;
   margin: 0 auto;
   text-align: center;
}
@media only screen and (min-width: 768px) {
	.index-new-estate-area {
		clear: both;
		width: 100%;
		margin: 0 auto;
		padding: 1rem 0 1rem;
	}
	.index-new-estate-area h2 {
		overflow: hidden;
		text-align: center;
		font-size: 3rem;
		margin: 2rem 0;
	}
	.index-new-estate-area h2 span {
		margin: 0 2.5rem;
		font-size: 2.5rem;
	}
	.index-new-estate-area h2 span::before,
	.index-new-estate-area h2 span::after {
		position: absolute;
		top: 50%;
		content: '';
		width: 400%;
		height: 1px;
		background-color: #ccc;
	}
	.index-new-estate-area h2 span::before {
		right: 100%;
	}
	.index-new-estate-area h2 span::after {
		left: 100%;
	}
	.index-estate-caroucel {
		padding: 0 0 1.5rem;
	}
	.index-new_estate_catch {
		margin-bottom: 10px;
		font-size: 1.3rem;
		line-height: 1.8rem;
		font-weight: bold;
		color: #000;
		position: relative;
	}
	.index-new-estate-images {
		position: relative;
	}
	.index-new-estate-images img {
		width: 100%;
	}
	.index-new-estate-point {
		position:absolute;
		top: 10px;
		right: 10px;
	}
	.index-new-estate_ext {
		width: 1060px;
		height: 70px;
		margin: 0 auto;
		text-align: right;
	}
	.index-new-estate_ext-item {
		margin: 0 5px;
		width: 202px;
		text-align: center;
		background-color: #000;
		color: #fff;
		line-height: 2.6rem;
	}
	.index-new-estate_ext-item a {
		display: block;
		color: #fff;
	}
}


/*
 トップページフリースペース（キタデン画像登録欄）& フロー画像スペース
*/
.index-freespace {
	padding: 1rem .625rem;
}
.index-freespace-inner {
	margin: auto;
}
.index-freespace-l {
	margin-bottom: 1rem;
	padding: 0;
}
.index-freespace-r {
	padding: 0;
}
.index-freespace-r img,
.index-freespace-l img {
	width: 100%;
	height: auto;
}
@media only screen and (min-width: 768px) {
	.index-freespace {
		padding: 1rem 0;
	}
	.index-freespace-inner {
		width: 1060px;
		margin: 0 auto;
	}
	.index-freespace-l {
		margin-bottom: 0rem;
	}
	.index-freespace-r {
	}
	.index-freespace-r img,
	.index-freespace-l img {
		width: 100%;
		height: auto;
	}
}


.index-news-area {
}

/*
 お知らせエリア
*/
.index-news-area {

}
.index-news-inner {
	margin: auto;
}
.index-news-l {
	margin-bottom: 1rem;
}
.index-news-r {
}
	.index-news-l,
	.index-news-r {
		padding: 0 .625rem;
	}
.index-news-r h2,
.index-news-l h2 {
   font-size: 1.4rem;
   margin-bottom: 10px;
	position: relative;
	padding: .75em 1em .75em 1.5em;
	border: 2px solid #000;
   font-weight: normal;
   color: #000;
   position: relative;
}
.news-next-btn {
	position: absolute;
	top: 10px;
	right: 10px;
}
.index-news-r h2::after,
.index-news-l h2::after {
	position: absolute;
	top: .5em;
	left: .5em;
	content: '';
	width: 6px;
	height: -webkit-calc(100% - 1em);
	height: calc(100% - 1em);
	background-color: #000;
	border-radius: 4px;
}
.index-news div div {
	margin: 0 0 1rem;
}
.index-news img {
   margin: 0.3rem 0;
}
.index-news p {
	margin: 0 0 .5rem;
}
.index-news span {
	display: block;
	float: left;
	margin: 0 10px 0 0;
	padding: 2px 7px;
	text-align: center;
}
.index-news span.oshirase {
	background: #ccc;
}
.index-news span.seminar {
	background: #efe3ec;
}
.index-news span.newsestate {
	background: #000;
	color: #fff;
}
.index-news span.open-report {
	background: #efefe3;
}
.index-news span.sale-report {
	background: #ccc;
}

.index-news span.estateid {
	display: inline;
	float: none;
	width: 8rem;
	padding: 0 5px;
	font-size: 1rem;
	color: #000;
	line-height: 28px;
}
.index-news span.ymd {
	display: inline;
	float: none;
	padding: 0 5px;
	font-size: 0.8rem;
	color: #999;
	line-height: 26px;
}
@media only screen and (min-width: 768px) {
	.index-news-area {
		
	}
	.index-news-inner {
		width: 1060px;
		margin: 0 auto;
	}
	.index-news-l {
	}
	.index-news-r {
	}
	.index-news-l,
	.index-news-r {
		padding: 0 .5rem;
	}


}


/*
 オープン情報
*/
.index-open-area {
	width: 100%;
	padding: 0 0 0;
	margin: 0 auto 0;
}
.index-open-area h2 {
	margin-bottom: .7rem;
	position: relative;
	padding: .75em 1em .75em 1.5em;
	border: 1px solid #000;
	color: #000;
	font-size: 1.3rem;
}
.index-open-area h2::after {
	position: absolute;
	top: .5em;
	left: .5em;
	content: '';
	width: 6px;
	height: -webkit-calc(100% - 1em);
	height: calc(100% - 1em);
	background-color: #000;
	border-radius: 4px;
}
.index-open-caroucel_item a,
.index-open-caroucel_item p {
	text-decoration: none;
	color: #000;
}
.index-open-caroucel_item img {
	width: 100%;
	height: auto;
	max-height: 270px;
	object-fit: cover;
	margin-bottom: .5rem;
}
@media only screen and (min-width: 768px) {
	.index-open-area {
		width: 100%;
		padding: 0 0 0;
		margin: 0 auto;
	}
	.index-open-caroucel_item img {
		max-height: 190px;
	}
}