@charset "utf-8";  
/*------------------------------------------------------------ 
    TOP css
------------------------------------------------------------*/  

#visual{
	width:100%;
	position:relative;
}

#visualBtn{
	width:276px;
	height:56px;
	position:absolute;
	left:50%;
	bottom:21.31147540983607%;
	transform:translateX(-50%);
}

#visualBtn a{
	display:block;
	width:100%;
	height:100%;
	line-height:52px;
	color:#fff;
	font-family: "游明朝", YuMincho, 'Lora',"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:125%;
	text-align:center;
	border:2px solid #fff;
	background:rgba(0,0,0,.5);
	box-sizing:border-box;
	transition:all 0.2s ease-out;
}

#visualArrow{
	width:7%;
	position:absolute;
	bottom:40%;
	left:50%;
	transform:translate(-50%,-50%);
}


/*------------------------------------------------------------ 
    CONCEPT
------------------------------------------------------------*/  

#concept{ padding-top:60px;}

#conceptInner{
	width:auto;
	padding:120px 15px 40px;
	text-align:center;
	color:#fff;
	background:url(../img/bg-concept.png) no-repeat;
	background-size:cover;
}

/*------------------------------------------------------------ 
    PROPERTY GUIDE
------------------------------------------------------------*/  

#property{ padding:70px 0;}


/*------------------------------------------------------------ 
    NEWS
------------------------------------------------------------*/  

#news{
	width:100%;
	padding:35px 0;
	background:#EFEFF0;
}

#news .headline{
	padding-bottom:20px;
	border-bottom:2px solid #D7525C;
}

.newsItem{
	width:100%;
	padding-top:12px;
}

.newsItem a{
	display:block;
	width:100%;
	overflow:hidden;
} 

.news-date{
	width:110px;
	float:left;
	color:#c93b4a;
	font-size:117%;
	line-height:26px;
}

.newsItem .list-flag{ float:left;}

.news-ttl{
	width:calc(100% - 196px);
	font-size:117%;
	color:#000;
	padding:3px 0;
	line-height:20px;
	float:right;
}

#newsBtn{
	width:100%;
	text-align:center;
	margin-top:35px;
}

#newsBtn a{
	font-size:117%;
	font-family: "游明朝", YuMincho, 'Lora',"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	color:#000;
	transition:all 0.2s ease-out;
}

#newsBtn a:hover{ color:#D6525C;}


/*------------------------------------------------------------ 
    MediaQuery 
------------------------------------------------------------*/  

/* SP */

@media screen and (max-width: 560px){

.top-bar,
.middle-bar,
.bottom-bar{ background-color:#fff;}

#visual{
	height:0;
	padding-top:129.375%;
	background:url(../img/visual-sp.png) no-repeat 50% 0;
	background-size:cover;
}


/* CONCEPT */

#concept{ padding-top:30px;}

#conceptInner{
	padding:150px 15px 40px;
	background-image:url(../img/bg-concept-sp.png);
}


/* PROPERTY GUIDE */

#property{ padding:40px 0;}


/* NEWS */

#news{ padding:20px 0;}

#news .headline{
	padding-bottom:12px;
	margin-bottom:12px;
}

.newsItem:first-child{ padding-top:0;}

.news-date{
	width:80px;
	font-size:100%;
	line-height:24px;
}

.news-ttl{
	width:calc(100% - 80px);
	font-size:109%;
	padding:8px 0 0;
	line-height:1.5;
}

#newsBtn{ margin-top:25px;}
#newsBtn a{ font-size:109%;}

}