@charset "utf-8";

main {
	margin: 0 auto;
	max-width: 761px;
}
main .icon h2 {
	margin-top: 48px;
}
span {
	font-family: "Arial", "メイリオ";
}
/*タイトル*/
main .icon {
	background: url("../images/house/house.png") no-repeat ;
	background-position: calc(50% - 5rem) 0rem;
}
/*見出し*/
h3 {
	display: inline-block;
	padding-right: 10px;
	font-size: 2.5rem;/*40px*/
	margin-top: 40px;
}
/*空室あり*/
.Vacancy {
	display: inline-block;
	background: #c0b283;
	border-radius: 3px;
	font-size: 1rem;
	color: #ffffff;
	padding: 0.5% 1.8%;
	position: relative;
	top: -8px;
}
/*概要*/
.summary {
	display: inline-block;
	font-size: 1.5625rem;/*23px*/;
	font-weight: 900px;
	border-bottom: 6px solid #c0b283;
	margin-bottom: 15px;
}
/*概要説明*/
.text {
	font-size: 1.125rem;
	margin-bottom: 1.5625rem;/*23px*/
}
/*概要テーブル外枠*/
.bgteble{
	width: 100%;
	height: auto;
	padding-top: 20px;
	/*background: linear-gradient(to bottom,#EBE6DC,#fff );*/
	padding-bottom: 55px;
	border-bottom: 2px dashed #c0b283;
}
/*概要テーブル中身*/
.table {
	width:94%;
	/*background: #ccc;*/
	padding:1%;
	box-sizing: border-box;
	background-color: #fff;
	font-size: 1rem;
	/*box-sizing:border-box;*/
	/*border-top: none;*/
	/*padding-left: 40px;*/
}
/*概要テーブル中身 dt*/
.table dt {
	border-top:1px solid #C0C0C0;
	padding-left:25px;
	float: left;
	width:25%;
	padding:1% 0;
	
}
/*概要テーブル中身 dd*エラー*/
.table dd {
	border-top:1px solid #C0C0C0;
	padding:1% 0;
	margin-left: 1%;
	text-indent:-0.6em;
 }

.table dt:first-child{
	border-top:none;
}
.table dt:first-child + dd{
	border-top:none;
}


.table dd::before {
	content: ":";
	padding: 0 15px;
}

.bgteble {
	width:100%;
	display: flex;	
	}
.sub-pura {
	width:50%;
	margin-top: 60px;
}
/* サムネイル1 */
.container-img,
.container-img2,
.container-img3 {
	max-width: 761px;
}
.main-img,
.main-img2,
.main-img3 {
	height: 461p;
}
.main-img img,
.main-img img2,
.main-img img3 {
	height: auto;
	width: 100%;
}
.sub-img,
.sub-img2,
.sub-img3 {
	display: flex;
	margin-top: 20px;
	margin-bottom: 30px;
}
.sub-img li,
.sub-img2 li,
.sub-img3 li {

	width: 20%;
}
/*.sub-img li:nth-child(5n) {
	margin-right: 0;
}*/
.sub-img li img,
.sub-img2 li img,
.sub-img3 li img {
	border: 2px solid transparent;
	transition: border .10s;
}
.sub-img img,
.sub-img2 img,
.sub-img3 img {
	cursor: pointer;
	width: 70%;
	text-align:center;	
}
/* アクティブな画像の枠線を変更 */
.sub-img li.current img,
.sub-img2 li.current img,
.sub-img3 li.current img {
border: 2px solid #c0b283;
transition: border .5s;
}
/* サムネイル-終了 */

footer {
	margin-top: 20px;
}

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

main .icon h2 {
	margin-top: 30px;
}

main .icon {
	background-size: 60px;
	background-position: calc(50% - 3rem) 0;
}
h3 {
	font-size: 1.9rem;/*20px*/
}
.bgteble {
	display: inline-block;	
}
.table{
	margin: 0 auto;
	padding: initial;
}
.sub-pura {
	width:100%;
	margin-top: 30px;
}
.sub-pura p{
	text-align:center;
}
.sub {
	font-size: 1.125rem;/*16px*/
}
.text {
	font-size: 1.125rem;/*16px*/
}
.table dt,
.table dd {;
	font-size: 0.88rem;/*13px*/
}

.table dd::before {
	content: ":";
	padding: 0 3px;
}
/*概要テーブル中身 dd*/

テーブル中身 dd*/
.table dd {
	width: 72%;
}

.table dt {
	padding-right:6px;
}
	
}