@charset "utf-8";

/* トップページ用 */
@media screen and (min-width: 768px){

/*==================================
メインヴィジュアル
==================================*/

#mv {
	margin: -260px auto 30px;
	min-width: 1100px;
	min-height: 520px;
	max-height: 710px;
	overflow: hidden;
	visibility: hidden;
}
#mv ul{
	
}
#mv li{
	position:absolute;
	top: 0;
}

#mv a{
	display: block;
	text-decoration: none;
}

#mv img{
	display: block;
	width: auto;
	height: auto;
	max-height: 710px;
	margin: 0 auto;
}

/*==================================
ニュース
==================================*/

#newslist {
	width: 1100px;
	padding: 19px 0 0;
	margin: 0 auto 40px;
	position: relative;
	color: #444;
}

#newslist h1{
	position: absolute;
	top: 0;
	left: 0;
	width: 169px;
	height: 54px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../../img/title_news_1.png) 0 0 no-repeat;
}

#newslist #listnav{
	box-sizing: border-box;
	border-bottom: 2px solid #c00;
	height: 42px;
	margin-bottom: 5px;

	display:-webkit-flex;
	-webkit-justify-content:flex-end;
	-webkit-align-items:stretch;
	-webkit-flex-wrap:nowrap;

	display:flex;
	justify-content:flex-end;
	align-items:stretch;
	flex-wrap:nowrap;
}

#newslist #listnav li{
	-webkit-flex:0 1 170px;
	flex:0 1 170px;
	
	margin-left: 5px;
	font-size: 1.5rem;
	text-align: center;
}

#newslist #listnav li.morelist{
	-webkit-flex:0 1 160px;
	flex:0 1 160px;
	
	margin-left: 0;
	font-size: 1.2rem;
	text-align: right;
}

#newslist #listnav li a{
	display: block;
	background-color: #f0f0f0;
	color: #444;
	text-decoration: none;
	line-height: 40px;
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
}

#newslist #listnav li.morelist a{
	background-color:transparent;
}

#newslist #listnav li.active a,
#newslist #listnav li a:hover{
	background-color: #c00;
	color: #fff;
}

#newslist #listnav li.morelist a:hover{
	background-color:transparent;
	color:#c00;
}

#newslist #listnav li.morelist a:before{
	content: "";
	display: inline-block;
	width: 5px;
	height: 8px;
	background: url(../img/linkmarker_arrow_r_1.png) 0 0 no-repeat;
	margin:-4px 7px 0 0;
	vertical-align:middle;
}

#newslist .summaries{
	line-height: 26px;
	border-bottom: 1px solid #d2d3ce;
	margin: 0 20px;
	display: none;
}

#newslist .summaries.active{
	display: block;
}

#newslist .summaries li{
	padding: 25px 0;
	border-bottom: 1px dotted #c3c3c3;
	zoom:1;
}

#newslist .summaries li:last-child{
	border: 0;
}

#newslist .summaries li:after{
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#newslist .date{
	float: left;
	width: 158px;
}

#newslist .summary{
	display: block;
	padding-left: 293px;
}

#newslist .summary a:link,
#newslist .summary a:visited{
	color: #444;
	text-decoration: none;
}

#newslist .summary a:hover{
	color: #c00;
}

#newslist .category{
	float: left;
	width: 115px;
	text-align: center;
	background-color: #f29b76;
	color: #fff;
	font-size: 1.2rem;
	font-weight: bold;
}

#newslist .recruit{
	background-color: #448aca;
}

#newslist .estate{
	background-color: #80c269;
}

/*==================================
コンテンツリンク
==================================*/

#contentslink{
	width: 1060px;
	padding: 0 20px;
	margin: 0 auto 60px;

	display:-webkit-flex;
	-webkit-justify-content:space-between;
	-webkit-align-items:stretch;
	-webkit-flex-wrap:nowrap;

	display:flex;
	justify-content:space-between;
	align-items:stretch;
	flex-wrap:nowrap;
}

#contentslink a{
	display: block;
	-webkit-flex:0 1 250px;
	flex:0 1 250px;
	text-decoration: none;
}

#contentslink a:hover dd{
	color: #C83737;
}

#contentslink a:hover dd.image{
	opacity: 0.9;
}

#contentslink dl{
	box-sizing: border-box;

	height: 310px;
	border: 1px solid #d2d3ce;
	padding: 14px;
	text-align: center;

	display:-webkit-flex;
	display:flex;
	-webkit-flex-direction: column;
	flex-direction: column;
}

#contentslink dt{
	margin: 20px 0 12px;
	color: #ce0f01;
	font-family:"ヒラギノ角ゴ Pro W6","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size: 1.8rem;
	font-weight: 600;
}

#contentslink dt.outside:after{
	content: "";
	display:inline-block;
	width: 15px;
	height: 15px;
	background: url(../img/linkmarker_outside_2.png) 0 0 no-repeat;
	vertical-align:middle;
	margin-left: 7px;
}

#contentslink dd{
	color: #444;
	font-size: 1.4rem;
	line-height: 1.85;
}

#contentslink dd.image{
	-webkit-order:-1;
	order:-1;
}

}/* end @media*/