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

	
/**********************************************
　本文　
***********************************************/

/*　背景　*/
.kd_bg_green {
	background: #000000;
	margin-bottom:1rem;
 	}
.kd_bg_brown {
	background:#ae907c;
	margin-bottom:2rem;
	}


/*　インフォメーション　*/
.info_thm01 {
	margin-bottom:1rem;
	}
.info_thm01 li{
	border-bottom:1px dotted #ccc;
	padding-bottom:0.2rem;
	line-height:1.4;
	margin-bottom:0.5rem;
	}
.info_thm01 li:last-child {
    margin-bottom:0;
    }	
.info_ttl01 {
	font-size:1.8rem;
	line-height:1;
	text-align:center;
	padding:0.5rem;
	border-bottom:1px dotted #87847d;
	color:#87847d;
	margin-bottom:1rem;
	}
.info_txt01 {
	border-top:1px solid #fff;
	margin-top:0.5rem;
	padding-top:0.5rem;
	}



	
.color01 {
	background:#008cad;
	}
	
.color02 {
	background:#c25160;
	}
	
.color03 {
	background:#718cc7;
	}
	
.color04 {
	background:#a71e41;
	}

.color05 {
	background:#938168;
	}

.loc-cap {
 position: relative;
padding: 3rem 2rem 1rem 140px;
  border-bottom: 3px solid #000;
margin-bottom: 0.5rem;
}

.loc-cap1 {
 position: relative;
padding: 3rem 2rem 1rem 190px;
  border-bottom: 3px solid #000;
	margin-bottom: 0.5rem;
}

.loc-cap2 {
 position: relative;
padding: 3rem 2rem 1rem 230px;
  border-bottom: 3px solid #000;
	margin-bottom: 0.5rem;
}

.loc-cap3 {
 position: relative;
padding: 3rem 2rem 1rem 100px;
  border-bottom: 3px solid #000;
	margin-bottom: 0.5rem;
}


.loc-cap4 {
 position: relative;
padding: 3rem 2rem 1rem 150px;
  border-bottom: 3px solid #000;
	margin-bottom: 0.5rem;
}

.loc-cap span,
.loc-cap1 span,
.loc-cap2 span,
.loc-cap3 span,
.loc-cap4 span{
font-size: 2.5rem;
  line-height: 1;
  position: absolute;
/*  bottom: -1.6rem;*/
  left: 0;
}

.loc-mt1{
	margin-top: 0.6rem ;
	}




/*　物件概要　*/
#outline .ttl03 {
	font-weight:900;
	padding:1rem 0;
	}
#outline dl,
#map dl {
/*	border: 1px solid #ebebeb;*/
	border-bottom: none;
	text-align: left;
	line-height: 1.6;
}
#outline dt,
#map dt {
	border: 1px solid #E3DFDF;
	padding: 2% 3% 3%;
	background-color:#E3DFDF;
	margin-top: 0.5rem;
	/*white-space: nowrap;*/
}
#outline dd,
#map dd {
	padding: 3% 3% 4%;
	border: 1px solid #E3DFDF;
}

/*　現地案内　*/

.map{
	position:relative;
	width:100%;
	height:0;
	padding-top:65%;
	margin:3rem auto 2rem;
	border:1px solid #C9BC9C;
}
.map iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}


ul#botan {
	margin:0rem auto;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;		
	}


ul#botan li{
	margin-right: 0.5rem;
	width: 90%;		
	}

ul#botan li a {	
    display: block;
    padding: 16px;
    font-size: 14px;
	text-align:center;
	}


ul#botan li a.bg_vg2 {	
    background: #eb6100;
	color:#fff;
	padding: 1.5rem 0;
	}
	
ul#botan li a.bg_vg3 {
    background:#c9bc9c;
		color:#fff;
		padding: 1.5rem 0;
	}
	
ul#botan li a.bg_vg2:hover,
ul#botan li a.bg_vg3:hover {	
	opacity: 0.7;
	}


@media print, screen and (min-width: 768px) {
	
/*　ボタン　*/

.btn_raijyo a{
	  padding: 1.5rem 0;
	}	
.btn_vw a:before {
  display: inline-block;/*忘れずに！*/
}
	
/**********************************************
　本文　
***********************************************/
	
/*　インフォメーション  */
.info_ttl01 {
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	font-size:1.8rem;
	margin-right:1rem;
	padding:1rem 0.5rem;
	border-right:2px dotted #87847d;
	border-bottom:0;
	}
.info_thm01 {
	margin-bottom:0;
	}
.info_thm02 {
	top:20px;
	right:0;
	left:auto;
	font-size:1.8rem;
	padding:1.5rem 5rem 1.5rem 3rem;
	}




/*　ライフインフォメーション　*/

.life_thm01 div{
	flex-basis: 32%;
	margin-bottom:1rem;
	}
.life_thm02 {
	display:flex;
	flex-wrap: wrap;
	justify-content:flex-start;
	}
.life_thm02 div {
	flex-basis: 32%;
	margin-right:1rem;
	}
	
.lt1{
	position: absolute;
	top:10%;
	left:0%;
	}
	
.loc-mt2{
	margin-top: 0.6rem ;
	}
	
	
.loc-cap {
padding: 3rem 2rem 1rem 180px;
}

.loc-cap1 {
padding: 3rem 2rem 1rem 240px;
}

.loc-cap2 {
padding: 3rem 2rem 1rem 280px;
}

.loc-cap3 {
padding: 3rem 2rem 1rem 120px;
}


.loc-cap4 {
padding: 3rem 2rem 1rem 190px;
}
	

	

	

	
	
/*　物件概要　*/
#outline .ttl03 {
	padding:2rem 0 1rem;
	}
#outline dl,
#map dl {
	display:flex;
	flex-wrap: wrap;
	justify-content:space-between;
	}
#outline dt,
#map dt {
	width: 26%;
	padding:20px;
	border-right: 1px solid #E3DFDF;
		
}
#outline dd,
#map dd {
	width: 74%;
	padding:20px;
	border-bottom: 1px solid #E3DFDF;
	margin-top: 0.5rem;
}
	
	

	
}

@media only screen and (min-width: 1024px) {
.lt1{
	position: absolute;
	top:15%;
	left:30%;
	}
	


}