@charset "UTF-8";
/* CSS Document */



/*リストになりも無い時用*/
.list_con_na{
	margin:0 auto;
	text-align:center;
}


/*
□□□□□□□□□□□□□□□□□□□□□□□□□□

                トップページ専用CSS

□□□□□□□□□□□□□□□□□□□□□□□□□□
*/

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆PC用◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
@media only screen and (min-width: 641px) {
/*ここにcss*/




.estate{
	background-color:#f5f5f5;
	color:#230F03;
	padding:80px 0;
	box-sizing:border-box;
}
.estate_con{
	text-align:center;
	width:100%;
	margin:0 auto;	
}
.estate_title{
	text-align:center;
	margin-bottom:70px;
}
.estate_txt{
	width:800px;
	margin:0 auto 70px;
	line-height:1.6em;
	text-align:left;
}



.estate_img{
	margin:0 auto 80px;	
}
.estate_img img{
	width:100%;
	height:auto;
}

.list{
	background-color:#f0f0f0;
	color:#333;	
	box-sizing: border-box;
	padding: 80px 0;
}

.list_title{
	text-align:center;
	margin-bottom:70px;
}

.list_con{
	width:1200px;
	margin:0 auto;
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
}

.list_box{
    width:280px;
	margin:0 10px 20px;
	box-sizing:border-box;
	
}
 





.list_cell{
	padding-top:15px;
	position:relative;
	margin-bottom:10px;
}
.list_box_cat{
  position: absolute;/*絶対配置*/
  color:#fff;
  top: 0;
  left: 0;
  background-color:#444;
  padding:5px 10px;
}



.list_box_add{
	margin-bottom:5px;
}

.list_box img{
	width:98%;
	margin-left:2%;
	height:auto;
}

.list_box_link{
	border:1px solid #333;
	padding:5px 0;
	text-align:center;
}
.list_box_link:hover{
	background-color:rgba(50,189,43,0.7);
}



.athome_link{
	background-color:#ca0a37;
	color:#fff;	
	box-sizing: border-box;
	padding: 80px 0;
}

.athome_title{
	text-align:center;
	margin-bottom:15px;
}
.athome_title img{
	width:400px;
	height:auto;
}
.athome_txt{
	text-align:center;
	margin-bottom:40px;
}
.athome_cat_con{
	width:1200px;
	margin:0 auto 40px;
	text-align:center;
}
.athome_cat_con img{
	width:200px;
	height: auto;
	margin:20px;
}
.athome_cat_con a:hover, .athome_cat_link a:hover{
	opacity:0.9;
}

.athome_cat_link{
	text-align:center;	
}
.athome_cat_link img{
	width:450px;
	height:auto;
}





.estate_outline{
	background-color:#1b181c;
	color:#FFF;
	box-sizing: border-box;
	padding: 80px 0;
}
.estate_outline_con{
	text-align:center;
	width:100%;
	margin:0 auto;
}
.estate_outline_title{
	text-align:center;
	margin-bottom:70px;
	
}
.estate_outline_con table{
	margin:0 auto;
}
.estate_outline_con caption{
	font-weight:bold;
	margin-bottom:8px;
}
.estate_outline_con table th, .estate_outline_con table td{
	padding:15px;
	border-bottom: 1px solid #666;
}




.estate_outline_txt{
	width:800px;
	margin:0 auto;
	line-height:1.6em;
	text-align:left;
}
.estate_outline_txt img{
	width:100%;
	height:auto;
	margin-top:25px;
}





/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆↓PC用◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
}
/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆↑PC用◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆スマホ用◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
@media only screen and (max-width: 640px) {
/*ここにcss*/

.estate{
	background-color:#f5f5f5;
	color:#230F03;
	padding:40px 0;
	box-sizing:border-box;
}
.estate_con{
	text-align:center;
	width:100%;
	margin:0 auto;	
}
.estate_title{
	text-align:center;
	margin-bottom:70px;
}
.estate_txt{
	width:90%;
	margin:0 auto 70px;
	line-height:1.6em;
	text-align:left;
}



.estate_img{
	margin:0 auto 40px;	
}
.estate_img img{
	width:100%;
	height:auto;
}

.list{
	background-color:#f0f0f0;
	color:#333;	
	box-sizing: border-box;
	padding: 40px 0;
}

.list_title{
	text-align:center;
	margin-bottom:70px;
}

.list_con{
	width:100%;
	margin:0 auto;
}

.list_box{
    width:90%;
	margin:0 2% 20px;
	box-sizing:border-box;	
}
 
.list_cell{
	padding-top:15px;
	position:relative;
	margin-bottom:10px;
}
.list_box_cat{
  position: absolute;/*絶対配置*/
  color:#fff;
  top: 0;
  left: 0;
  background-color:#444;
  padding:5px 10px;
}



.list_box_add{
	margin-bottom:5px;
}

.list_box img{
	width:98%;
	margin-left:2%;
	height:auto;
}

.list_box_link{
	border:1px solid #333;
	padding:5px 0;
	text-align:center;
}
.list_box_link:hover{
	background-color:rgba(50,189,43,0.7);
}


/*

アットホームへのリンク

*/

.athome_link{
	background-color:#ca0a37;
	color:#fff;	
	box-sizing: border-box;
	padding: 80px 0;
}

.athome_title{
	text-align:center;
	margin-bottom:10px;
}
.athome_title img{
	width:90%;
	height:auto;
}
.athome_txt{
	width:90%;
	margin:0 auto 30px;
	font-size:0.8em;
	text-align:left;
}
.athome_cat_con{
	width:80%;
	margin:0 auto 40px;
	text-align:center;
}
.athome_cat_con img{
	width:46%;
	height: auto;
	margin:0 2% 10px;
}
.athome_cat_con a:hover, .athome_cat_link a:hover{
	opacity:0.9;
}

.athome_cat_link{
	text-align:center;	
}
.athome_cat_link img{
	width:90%;
	height:auto;
}



/*

概要

*/

.estate_outline{
	background-color:#1b181c;
	color:#FFF;
	box-sizing: border-box;
	padding: 80px 0;
}
.estate_outline_con{
	text-align:center;
	width:100%;
	margin:0 auto;
}
.estate_outline_title{
	text-align:center;
	margin-bottom:70px;
	
}
.estate_outline_con table{
	width:90%;
	margin:0 auto;
}
.estate_outline_con caption{
	font-weight:bold;
	margin-bottom:8px;
	text-align:center;
}


th{
	width:100%;
	display:inline-block;
	padding-bottom:10px;
}
td{
	width:100%;
	display:inline-block;
	box-sizing:border-box;
	padding-left:15px;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom: 1px solid #666;
	font-size:0.9em;
}





/*◆◆◆◆◆◆◆↓スマホ用◆◆◆◆◆◆◆*/    
}
/*◆◆◆◆◆◆◆↑スマホ用◆◆◆◆◆◆◆*/