/* CSS Document */

.cate{
	background:#C1C1C1;
	padding:3px 6px;
	color:#fff;
	border-radius: 5px;
	font-size:13px;
	display:inline-block;
	margin:0 5px 0 0;
}
.content .sec2 li a{
	color:#298cb1;
	text-decoration:underline;
}
.detail article .head{
	display:table;
	border-bottom:2px solid #ccc;
	padding:0 0 20px;
}

.detail article .cate{
	margin:10px 0;
}

.renovation{
	background:#3ab1c9;
}
.land{
	background:#ffa200;
}
.existing-house{
	background:#71bd20;
}
/*土地ページ追加分*/
.sec0_lead {
    margin: 0 0 20px;
    font-family: 'Noto Serif JP', serif;
    font-size: 22px;
    letter-spacing: 6px;
}
.sec0_heading {
    font-family: 'Noto Serif JP', serif;
    font-size: 30px;
    text-align: center;
}
.sec0_txt {
    padding: 20% 0 0;
    font-size: 18px;
    line-height: 30px;
}
.sec0_txt strong{
    font-family: 'Noto Serif JP', serif;
    font-weight: bold;
}
.sec0_txt p{
    margin-top: 18px;
}
.main {
    margin: 0 auto;
    padding: 0 4vw;
}
.center{
    text-align: center;
    margin: 0px auto 0px;
    
}
.daily{
    padding-top: 40px;
    border-top: 1px solid #205348; 
    font-family: 'Noto Serif JP', serif;
    font-size: 26px;
    font-weight:bold;
}
.bold{
    font-weight:bold;
}  
.space{
        margin-bottom: 10px;
    }

.bottomtext {
    margin-top: 50px;
}

.lasttext {
    margin-bottom: 20vw;}

.content_foot strong{
    font-weight: bold;
}

.sec0_pic figcaption{
    padding-top: 10px;
}
@media screen and (max-width: 768px) {
 
.content .lead{
	margin:40px auto;
	text-align:center;
}
.content h2{
	margin:0 0 20px;
	text-align:center;
	font-size:24px;
	font-weight:bold;
	line-height:32px;
}


.content .sec0_heading a {
    margin: 0 0 20px;
    font-size: 4.53333vw;
    font-family: 'Noto Serif JP', serif;
    text-align: center;
    font-weight: normal;
    }   
    
.event_item ._cat {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    margin: 0;
    padding: 2px 15px 3px;
    background: #205348;
    color: #fff;
    font-size: 14px;
    }
    
._title {
    outline: none;
    color: #333;
    line-height: 1.5;
}
    
.event_btn a {
    display: block;
    width: 60vw;
    margin: 0 auto;
    padding: 15px 0;
    background: #205348;
    border: 1px solid #fff;
    color: #fff;
    text-align: center;
    transition: 0.3s;
}
.event_btn {
    margin: 50px auto 0;
    text-align: center;
}   
    
.content .sec2 .event_item a {
    text-decoration: none;
}   
._date {
    display: block;
    margin: 8px 0 5px;
    color: #205348;
    font-size: 16px;
    font-weight: bold;
}
    
._place {
    margin: 10px 0 0;
    color: #676767;
    font-size: 13px;
} 
    
.content h2 span{
	display:inline-block;
	padding:0 20px;
	text-align:center;
}
    
.content .sec0_heading span{    
     display: block;
    color: #205348;
    font-size: 14px;
    }
    
.content .sec1 h2 span span{
	display:inline;
	color:#e3b61b;
	padding:0;
}
.content .sec2 h2 span span{
	display:inline;
	color:#5274a6;
	padding:0;
}
.content .sec1 ul{
	text-align:center;
}
.content .sec1 li{
	display:inline-block;
	width:47%;
	padding:1%;
  margin-bottom: 2%;
  vertical-align: top;
  text-align: left;
  line-height: 1.2;
}
.content .sec1 li dt{
  margin: 0 0 6px;
  height: 26vw;
  overflow: hidden;
}
.content .sec2{
	margin:40px 0 0;
}
.content .sec2 figure{
	margin:0 0 10px;
}
.content .sec2 .tit{
	margin:10px 0;
}
.content .sec2 li {
	margin:0 0 40px;
}
.content .sec2 li .btn{
	margin:10px 0 0;
}
.content .sec2 li .btn a{
	color:#fff;
	display:block;
	text-decoration:none;
	padding:10px 20px;
	background:#2595c9;
	border-radius: 6px;
	text-align:center;
}
.content .sec2 li .btn a:hover{
	background:#4db4e4;
}
.content .sec2 li .btn a:before {
  content: "";
  background:url(../images/arr1.png) 0 2px no-repeat;
  background-size:auto 8px;
  width:12px;
  height:12px;
  display:inline-block;
}
.content .sec2 .txt{
	margin:20px auto;
	text-align:center;
	font-size:16px;
}

.detail article .head{
	width:100%;
}
.detail article .head figure{
	width:100%;
}
.detail article .head figure img{
	width:100%;
	height:auto;
}
figure{
    text-align: left;
}
figcaption{
    color:#333;font:12px arial;
    }
      
.sec0_txt table tr th{
     width: 20%;
    font-size: 15px;
    }
.sec0_txt table tr td{
     font-size: 15px;   
    }
.sec0_txt table tr{
     margin-bottom: 5px;   
    }
.detail article .detail-box{
	margin:20px 0 0;
	padding:15px;
	background:#fff;
	border:5px solid #ccc;
}
.detail article .detail-box dl{
	background:#fff !important;
	margin:0 0 10px;
	padding:0 0 10px;
	border-bottom:1px solid #ccc;
}
.detail article .detail-box dt{
	float:left;
	width:30%;
}
.detail article .detail-box dd{
	float:left;
	width:70%;
}
/*土地ページ追加分*/
.sec0_lead {
    margin: 0 0 5vw;
    font-family: 'Noto Serif JP', serif;
    font-size: 4.0vw;
    letter-spacing: 2px;
}   
.sec0_heading {
    font-family: 'Noto Serif JP', serif;
    font-size: 4.26667vw;
    text-align: center;
}
    
.sec0_txt {
    font-size: 4vw;
    line-height: 6.93333vw;
    margin-bottom: 30vw;
}

.lasttext {
    margin-bottom: 15vw;
    }
    
main {
    margin: 0 auto;
    padding: 0 4vw;
}
    
.center{
    text-align: center;
    margin: 0px auto 0px;
    line-height: 6.93333vw;
    font-size: 4vw;
}
    
.toptext{
    margin-bottom: 30px;  
    margin-top: 30px;
    }

.daily{
    padding-top: 40px;
    border-top: 1px solid #205348;
    font-family: 'Noto Serif JP', serif;
    font-size: 26px;
    font-weight:bold;
    }
    
 .space{
        margin-bottom: 10px;
    } 
.bottomtext {
    margin-top: 50px;
}

.lasttext {
    margin-bottom: 15vw;}
    


}
    

    
@media print, screen and (min-width: 769px) {
    
    .content .lead{
	margin:60px auto;
	text-align:center;
}
.content h2{
	text-align:center;
	font-size:30px;
	font-weight:bold;
	line-height:40px;
}

.content h2 span{
	display:inline-block;
	padding:0 20px;
	text-align:center; 
}
    
.content .sec0_heading span{    
     display: block;
    color: #205348;
    font-size: 14px;}
    
    
.content .sec1 h2 span span{
	display:inline;
	color:#e3b61b;
	padding:0;
}
.content .sec2 h2 span span{
	display:inline;
	color:#5274a6;
	padding:0;
}
.content .sec1 ul{
	position:relative;
	margin-top:40px;
	margin-right:-22px;
	zoom: 1;/* for IE6,7 */
	width:1002px;
}
.content .sec1 ul li{
	float:left;
	width:312px;
  height: 230px;
	margin:0 22px 20px 0;
  overflow: hidden;
}
.content .sec1 ul li img{
	width:100%;
	height:auto;
}
.content .sec1 ul dt{
	margin:0 0 5px;
  height: 200px;
  overflow: hidden;
}

.content .sec1 ul dd{
	height:40px;
	overflow:hidden;
}

.content .sec2{
	margin:40px 0 0;
}
.content .sec2 li figure img {
    width: 100%;
    height: auto;
}

.content .sec2 li{
	display:table;
	padding:30px 0;
	border-bottom:1px solid #c1c1c1;
}
.content .sec2 li .tit{
	margin:10px 0;
}
.content .sec2 li figure{
	display:table-cell;
	width:305px;
	vertical-align:top;
	padding-right:30px;
}
.content .sec2 li figure img{
	width:100%;
	height:auto;
}
    
.sec0_txt table tr th{
    width: 20%;
    font-size: 16px;
    }
.sec0_txt table tr td{
    font-size: 16px;    
    }
.sec0_txt table tr{
     margin-bottom: 5px;   
    }
    
.content .sec2 li dl{
	display:table-cell;
	vertical-align:top;
	width:645px;
}
.content .sec2 li .btn{
	margin:20px 0 0;
	text-align:right;
}
.content .sec2 li .btn a{
	color:#fff;
	text-decoration:none;
	padding:10px 20px;
	background:#2595c9;
	border-radius: 6px;
}
.content .sec2 li .btn a:hover{
	background:#4db4e4;
}
.content .sec2 li .btn a:before {
  content: "";
  background:url(../images/arr1.png) 0 2px no-repeat;
  background-size:auto 8px;
  width:12px;
  height:12px;
  display:inline-block;
}

.content .sec2 .txt{
	margin:60px auto;
	text-align:center;
	font-size:18px;
	font-weight:bold;
}
.content_foot{
    margin: 120px 0;
    font-size: 18px;
}
.content_foot p{
    margin: 40px 0;
}
.detail{
	margin:20px auto;
	padding:40px;
	width:900px;
	background:#fff;
}

.detail article .head h2{
	background:none;
	display:table-cell;
	width:620px;
	font-size:30px;
	text-align:left;
	border-bottom:none;
	vertical-align:middle;
}

.detail article .head figure{
	display:table-cell;
	width:260px;
}
.detail article .head figure img{
	width:100%;
	height:auto;
}
    
figure{
    text-align: left;
}
figcaption{
    color:#333;font:12px arial;
    }
    

.detail article .entry-body{
	margin:20px 0;
}
.detail article .entry-body img{
	max-width:900px;
	height:auto;
	padding:40px 0;
}

.detail article .entry-body p{
	line-height:2.0;
}

.detail article .detail-box:after{
  display: block;
  clear: both; 
  content: '';
}

.detail article .detail-box{
  zoom: 1;
}

.detail article .detail-box{
	margin:20px 0 0;
	padding:15px;
	border:5px solid #ccc;
	width:880px;
}
.detail article .detail-box dl{
	margin:0 4% 10px 0;
	padding:0 0 10px;
	border-bottom:1px solid #ccc;
	background:#fff;
	float:left;
	width:46%;
}
/*
.detail article .detail-box dl.price{
	float:none;
}
*/
.detail article .detail-box dt{
	float:left;
	width:100px;
}
.detail article .detail-box dd{
	float:left;
}
    
.event {
    margin: 120px auto 0;
    padding: 0 10%;}
    
.content .sec2 .event_item{
    display: inline-block;
    width: 30%;
    margin: 0 1% 2%;
    text-align: left;
    vertical-align: top;
    padding: 0;
    border-bottom: 0px;
    }
    
.event ._title {
    clear: both;
}
    
.event ._date {
    display: block;
    margin: 8px 0 5px;
    color: #205348;
    font-size: 16px;
    font-weight: bold;
}
    
.event ._place {
    margin: 10px 0 0;
    color: #676767;
    font-size: 13px;
}
    
.event_list {
    text-align: center;
    margin-top: 30px;
}
._title{
    outline: none;
    color: #333;
    }
._place {
    margin: 10px 0 0;
    color: #676767;
    font-size: 13px;}
._title a{
    text-decoration: none;   
    }
._date{
   display: block;
    margin: 8px 0 5px;
    color: #205348;
    font-size: 16px;
    font-weight: bold;     
    }
.content .sec2 .event_item a{
     text-decoration: none;   
    }
.event_item ._cat {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    margin: 0;
    padding: 2px 15px 3px;
    background: #205348;
    color: #fff;
    font-size: 14px;}
    
.content .sec2 .event_item .event_pic {
    width: 100%;
    padding-right: 0px;
}
.event_btn a {
    padding: 20px 150px;
    background: #205348;
    border: 1px solid #fff;
    color: #fff;
    transition: 0.3s;
    }
.event_btn {
    margin: 50px auto 0;
    text-align: center;
}
/*土地ページ追加分*/   
.sec0_lead {
    margin: 0 0 20px;
    font-family: 'Noto Serif JP', serif;
    font-size: 20px;
    letter-spacing: 2px;
}
.sec2 .sec0_heading a{
    font-family: 'Noto Serif JP', serif;
    font-size: 30px;
    text-align: center;
    font-weight: normal;
}
    
.sec0_txt {
    padding: 10% 0 0;
    font-size: 18px;
    line-height: 30px;
    
}

.main {
    margin: 0 auto;
    padding: 120px 10% 0;
}
    
.sec0_box:nth-of-type(odd) figure {
    float: left;
    margin: 0 60px 0 0;
}
    
.sec0_pic {
    float: right;
    width: 50%;
    margin: 0 0 0 60px;
}
.sec0_pic img{
        max-width: 100%;
        height: auto;
    }
.sec0_box:after {
    clear: both;
    content: '';
    display: block;
}
  
.sec0_box {
    zoom: 1;
    margin: 100px 0 0;
} 
    
.center{
    text-align: center;
    margin: 0px auto 0px;
    font-size: 18px; 
}
    
.toptext {
    margin-bottom: 30px;
    margin-top: 30px;
}
    
.daily{
    padding-top: 40px;
    border-top: 1px solid #205348;  
    font-family: 'Noto Serif JP', serif;
    font-size: 26px;
    }
.space{
        margin-bottom: 10px;
    }
    .bottomtext {
       margin-top: 60px;
    margin-bottom: 75px;
}

.lasttext {
    margin-bottom: 20vw;}
}
/*
.detail article .detail-box .price dd,
.detail article .detail-box .other dd{
	width:700px;
}*/
}