@charset "UTF-8";
/*------------------------
mv
------------------------*/
.mv {
	width: 100%;
	padding-bottom: 60%;
	position: relative;
}
.mv .slider .bg_mv01 {
	background: url(../img/index/bg_mv01.jpg) no-repeat;
	background-size: cover;
	height: 51vw;
}
.mv .slider .bg_mv02 {
	background: url(../img/index/bg_mv02.jpg) no-repeat;
	background-size: cover;
	height: 51vw;
}
.mv-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
/*------------------------
コメント
------------------------*/
.comment-area {
	background: #e2e2e2;
	padding: 5% 4.5%;
}
.comment-area h2 {
	font-size: 4.27vw;
	font-weight: bold;
	padding-bottom: 3%;
	background: url(../img/common/border-bottom.jpg) no-repeat bottom;
	background-size: contain;
	margin-bottom: 3%;
}
.comment-area p {
	font-size: 3.74vw;
	text-align: justify;
	margin-bottom: 3%;
}
/*------------------------
インフォ
------------------------*/
.information {
	padding: 5% 4.5%;
}
.information h2 ,
.rooms h2 ,
.outline h2 ,
.map h2 {
	font-size: 4.8vw;
	font-weight: bold;
	position: relative;
	padding-left: 3%;
}
.information h2::before ,
.rooms h2::before ,
.outline h2::before ,
.map h2::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 3px;
	height: 18px;
	background: #47728b;
	border-radius: 50vw;
}
.information ul li a {
	display: block;
	padding: 3% 0;
	font-size: 3.74vw;
	border-bottom: 1px solid #e4e4e4;
	position: relative;
}
.information ul li a::after {
	content:'';
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 25%;
	height: 1px;
	background: #517a91;
}
.information ul li a .date {
	display: block;
	font-size: 3.2vw;
	margin-bottom: .2%;
}
.information .no-list {
	padding-top: 4.5%;
	font-size: 3.74vw;
}
/*------------------------
募集住戸
------------------------*/
.rooms {
	background: url("../img/common/bg_block.jpg");
	padding: 5% 4.5%;
}
.rooms h2 {
	margin-bottom: 2%;
}
.rooms .block-list .block:not(:last-of-type) {
	margin-bottom: 3%;
}
.rooms .block-list .block a {
	display: flex;
	background: rgba(255,255,255,.84);
	padding: 3%;
	box-shadow: 1.5px 1.5px 4px 0 rgb(0 0 0 / 14%);;
}
.rooms .block-list .block a .img {
	width: 30%;
	height: 28vw;
	background: #fff;
	margin-right: 3%;
}
.rooms .block-list .block a .img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.rooms .block-list .block a .right {
	flex: 1;
	font-size: 3.74vw;
}
.rooms .block-list .block a .right h4 {
	font-size: 4.8vw;
	color: #47728b;
	line-height: 1;
}
.rooms .block-list .block a .right .price strong {
	font-size: 4.8vw;
	color: #e71f19;
}

/*------------------------
地図
------------------------*/
.map {
	margin-bottom: 9%;
}
.map .ttl {
	padding: 5% 4.5% 4.5%;
}
.map-wrap {
	margin-bottom: 6%;
}
.map-wrap iframe {
	height: 56.25vw;
}
.map-btn {
	width: 77%;
	margin: auto;
}
.map-btn a {
	display: block;
	padding: 4%;
	font-size: 4.27vw;
	font-weight: bold;
	text-align: center;
	border: 1px solid #2e1b15;
}
.map-btn a::before {
	content: '';
	display: inline-block;
	width: 5%;
	height: 5vw;
	background: url(../img/common/icon_map.svg) no-repeat;
	background-size: contain;
	vertical-align: middle;
	margin-right: 2%;
}
/* -------------------------------
スマホ以外の表示設定 */
@media (min-width:767px) {
	.mv .slider .bg_mv01 {
		height: 244px;
	}
	.mv .slider .bg_mv02 {
		height: 244px;
	}
	.comment-area h2 {
		font-size: 1.6rem;
	}
	.comment-area p {
		font-size: 1.4rem;
		margin-bottom: 3%;
	}
	.information h2 ,
	.rooms h2 ,
	.outline h2 ,
	.map h2 {
		font-size: 1.8rem;
	}
	.information ul li a {
		font-size: 1.4rem;
	}
	.information ul li a .date {
		font-size: 1.2rem;
	}
	.information .no-list {
		font-size: 1.4rem;
	}
	.rooms .block-list .block a .img img  {
		font-family: 'object-fit: contain;';
	}
	.rooms .block-list .block a .right {
		font-size: 1.4rem;
	}
	.rooms .block-list .block a .right h4 ,
	.rooms .block-list .block a .right .price strong {
		font-size: 1.8rem;
	}
	.rooms .block-list .block a .img {
		height: 130px;
	}
	.outline table tr {
		font-size: 1.4rem;
	}
	.map-wrap iframe {
		height: 270px;
	}
	.map-btn a {
		font-size: 1.6rem;
	}
	.map-btn a::before {
		width: 13px;
		height: 18px;
	}
}