/*-------------------------------------------------
|-  cmn
|-  detailTtlBlock
|-
-------------------------------------------------*/
.detailTtl {
	width: 100%;
	padding: 125px 0;
	background-image: url(/assets/img/bg_newhouses.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.detailTtl_item-newHouse {
	width: 21%;
	min-width: 289px;
	margin: 0 auto 10px;
}
.detailTtl_item-txt {
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 8px;
}
@media screen and (max-width: 767px){
	.detailTtl {
		padding: 25px 0;
	}
	.detailTtl_item-newHouse {
		width: 42%;
		min-width: auto;
		margin: 0 auto 5px;
	}
	.detailTtl_item-txt {
		font-size: 13px;
		letter-spacing: 2px;
	}
}
/*-------------------------------------------------
|-  cmn
|-  newHouseTtlBlock
|-
-------------------------------------------------*/
.newHouseTtlBlock {
	width: 100%;
	padding: 18px 0;
	background-color: rgba(162,142,113,0.8);
}
.cs-ttlLink {
	position: relative;
	width: 100%;
	color: #fff;
	font-weight: bold;
	text-align: center;
	letter-spacing: 1px;
	display: block;
}
.cs-ttlLink:after {
	content: '';
	position: absolute;
	top: 30%;
	right: 15%;
	width: 6px;
	height: 6px;
	border: 0px;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	border-radius: 1px;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	transition: all .2s;
}
.cs-ttlLink:hover:after {
	right: 1.5em;
}
@media screen and (max-width: 767px){
	.newHouseTtlBlock {
		padding: 15px 0;
	}
}
/*-------------------------------------------------
|-  cmn
|-  other
|-
-------------------------------------------------*/
/*--- contentsTtl ----------------*/
.contentsTtl {
	margin-bottom: 35px;
}
.contentsTtl_img-concept {
	width: 15%;
	margin: 0 auto 10px;
}
.contentsTtl_img-blockdiagram {
	width: 28%;
	margin: 0 auto 20px;
}
.contentsTtl_img-floorplan {
	width: 20%;
	margin: 0 auto 20px;
}
.contentsTtl_img-access {
	width: 12%;
	margin: 0 auto 15px;
}
.contentsTtl_img-facility {
	width: 15%;
	margin: 0 auto 15px;
}
.contentsTtl_txt {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	text-indent: 0.1em;
	letter-spacing: 0.1em;
	line-height: 100%;
}
.contentsTtl_txt-facility {
	text-indent: 0.4em;
	letter-spacing: 0.4em;
}
@media screen and (max-width: 767px){
	/*--- contentsTtl ----------------*/
	.contentsTtl {
		margin-bottom: 22px;
	}
	.contentsTtl_img-concept {
		width: 29%;
		margin: 77px auto 5px;
	}
	.contentsTtl_img-blockdiagram {
		width: 53%;
		margin: 0 auto 9px;
	}
	.contentsTtl_img-floorplan {
		width: 38%;
		margin: 0 auto 9px;
	}
	.contentsTtl_img-access {
		width: 24%;
		margin: 0 auto 10px;
	}
	.contentsTtl_img-facility {
		width: 29%;
		margin: 0 auto 10px;
	}
	.contentsTtl_txt {
		font-size: 13px;
	}
}
/*-------------------------------------------------
|-  top
|-  tabBlock
|-
-------------------------------------------------*/
.tabBlock {
	position: relative;
	width: 100%;
	height: 100px;
	background-color: #a28e71;
}
.tabBtn {
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	width: 96%;
	max-width: 1350px;
	margin: auto;
	display: flex;
	justify-content: space-between;
	align-items: baseline;
}
.tabBtn_item {
	width: 19.5%;
	padding: 25px 0;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	text-indent: 0.5em;
	letter-spacing: 0.5em;
	line-height: 100%;
	background-color: rgba(225,225,225,0.5);
}
.tabBtn_item.active {
	padding: 25px 0 30px;
	color: #a28e71;
	background-color: #fff;
}

@media screen and (max-width: 767px){
	.tabBlock {
		height: 58px;
	}
	.tabBtn {
		width: 97%;
	}
	.tabBtn_item {
		width: 19%;
		padding: 20px 0;
		font-size: 12px;
		letter-spacing: 4px;
	}
	.tabBtn_item.active {
		padding: 20px 0;
	}
}
/*-------------------------------------------------
|-  top
|-  newHouseSearchBlock
|-
-------------------------------------------------*/
.newHouseSearchBlock {
	width: 100%;
	margin: 35px auto 235px;
}
/*--- searchHelpArea ----------------*/
.searchHelpArea {
	width: 74%;
	max-width: 1040px;
	margin: 0 auto 75px;
}
.helpBtn {
	width: 30px;
	margin: 0 0 23px auto;
	padding: 1px;
	border-bottom: 1px solid #2a2a2a;
	cursor: pointer;
}
.helpBtn:hover {
	border-bottom: 1px solid #fff;
}
.searchArea {
	display: flex;
	justify-content: space-between;
}
.filteringCont {
	width: 76%;
}
.filteringCont_btn {
	position: relative;
	padding: 25px 0;
	background-color: #f0f0f0;
	color: #a28e71;
	font-weight: bold;
	text-align: center;
	text-indent: 0.5em;
	letter-spacing: 0.5em;
	cursor: pointer;
}
.filteringCont_btn:after {
	content: '';
	position: absolute;
	top: 45%;
	right: 5%;
	width: 6px;
	height: 6px;
	border-top: solid 2px #a28e71;
	border-right: solid 2px #a28e71;
	border-radius: 1px;
	-ms-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);	
}
.filteringCont_btn.avtive:after {
	content: '';
	position: absolute;
	top: 49%;
	right: 5%;
	width: 6px;
	height: 6px;
	border-top: solid 2px #a28e71;
	border-right: solid 2px #a28e71;
	border-radius: 1px;
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.conditionsSearch {
	display: none;
	padding: 10px 4% 30px;
	box-sizing: border-box;
	background-color: #f0f0f0;
}
.conditionsSearch_ttl {
	margin-bottom: 5px;
	color: #a28e71;
	font-weight: bold;
}
.cs-checkIcon {
	width: 15px;
	margin-right: 1%;
}
.filteringContList {
	margin-bottom: 15px;
}
.filteringContList_item {
	margin-right: 3%;
	display: inline-block;
}
.filteringContList_item:last-of-type {
	margin-right: 0;
}
.cs-checkbox {
	display: none;
}
.cs-cbParts {
	position: relative;
	width: auto;
	padding-left: 25px;
	box-sizing: border-box;
	display: inline-block;
	cursor: pointer;
}
.cs-cbParts:before {
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	width: 13px;
	height: 13px;
	border: 1px solid #a28e71;
	background-color: #fff;
	display: block;
}
.cs-cbParts:after {
	content: '';
	position: absolute;
	top: 15%;
	left: 5px;
	transform: rotate(45deg);
	width: 5px;
	height: 9px;
	border-right: 2px solid #a28e71;
	border-bottom: 2px solid #a28e71;
	display: block;
	opacity: 0;
}
.cs-checkbox:checked + .cs-cbParts:after {
	opacity: 1;
}
.conditionsSearchBtn {
	clear: both;
	display: flex;
	justify-content: right;
}
.conditionsSearchBtn_item {
	width: 48%;
}
.cs-resetBtn {
	position: relative;
	width: 100%;
	padding: 10px 0;
	border: 1px solid #a28e71;
	box-sizing: border-box;
	background-color: #fff;
	color: #a28e71;
	font-weight: bold;
	text-indent: 0.3em;
	letter-spacing: 0.3em;
	cursor: pointer;
	transition: all .2s;
}
.cs-resetBtn:after {
	content: '';
	position: absolute;
	top: 39%;
	right: 5%;
	width: 6px;
	height: 6px;
	border-top: solid 2px #a28e71;
	border-right: solid 2px #a28e71;
	border-radius: 1px;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	transition: all .2s;
}
.cs-resetBtn:hover:after {
	right: 4%;
}
.cs-resetBtn:hover {
	opacity: 0.8;
	transition: all .2s;
}
.cs-pushBtn {
	position: relative;
	width: 100%;
	padding: 10px 0;
	border: 1px solid #a28e71;
	box-sizing: border-box;
	background-color: #a28e71;
	color: #fff;
	font-weight: bold;
	text-indent: 0.3em;
	letter-spacing: 0.3em;
	cursor: pointer;
	transition: all .2s;
}
.cs-pushBtn:after {
	content: '';
	position: absolute;
	top: 39%;
	right: 5%;
	width: 6px;
	height: 6px;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	border-radius: 1px;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	transition: all .2s;
}
.cs-pushBtn:hover:after {
	right: 4%;
}
.cs-pushBtn:hover {
	opacity: 0.8;
	transition: all .2s;
}
/*--- searchHelpArea ----------------*/
.searchMap {
	width: 22%;
}
.cs-searchMapLink {
	padding: 25px 0;
	background-color: #f0f0f0;
	color: #a28e71;
	font-weight: bold;
	text-align: center;
	text-indent: 0.5em;
	letter-spacing: 0.5em;
	display: block;
	transition: all .2s;
}
.cs-searchMapLink:hover {
	opacity: 0.8;
	transition: all .2s;
}
/*--- newHouseResultArea ----------------*/
.newHouseResultArea {
	display: none;
	padding-bottom: 100px;
	border-bottom: 1px solid #d4d4d4;
}
.newHouseResultArea.current {
	display: block;
}
.newHouseResultWrap {
	padding: 35px 0;
}
.newHouseResultWrap:nth-child(odd){
	background-color: #f0f0f0;
}
.newHouseResultWrap:last-of-type {
	margin-bottom: 0;
}
.newHouseDetailArea {
	width: 74%;
	max-width: 1040px;
	margin: 0 auto;
}
.cs-newHouseDetailLink {
	position: relative;
	color: #030303;
	display: block;
}
.cs-newHouseDetailLink:after {
	content: '';
	position: absolute;
	top: 50%;
	right: -10%;
	width: 25px;
	height: 25px;
	border-top: solid 1px #7f7f7f;
	border-right: solid 1px #7f7f7f;
	border-radius: 1px;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	transition: all .2s;
}
@media screen and (max-width: 767px){
	.cs-newHouseDetailLink:after {
		display: none;
	}
}
.cs-newHouseDetailLink:hover:after {
	right: -11%;
}
.newHouseDetailArea_ttl {
	margin-bottom: 35px;
	font-size: 24px;
	font-weight: bold;text-align: center;
}
.newHouseFlex {
	display: flex;
	justify-content: space-around;
}
.newHouseDetail_right {
	width: 41%;
}
.newHousePhoto {
	position: relative;
	margin-bottom: 10px;
	line-height: 100%;
}
.newHousePhoto_new:before {
	content: '';
	position: absolute;
	top: 4%;
	left: 3%;
	width: 11%;
	height: 14.5%;
	background-color: #d46672;
	background-image: url(/assets/img/txt_new.svg);
	background-size: 75%;
	background-position: center;
	background-repeat: no-repeat;
}
.newHouseTerms {
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.newHouseTerms_item {
	width: 19%;
	margin-bottom: 5px;
	padding: 3px 0;
	background-color: #fff;
	color: #838383;
	font-size: 13px;
	text-align: center;
	text-indent: 0.1em;
	letter-spacing: 0.1em;
}
.newHouseResultWrap:nth-child(even) .newHouseTerms_item {
	background-color: #f0f0f0;
}
.newHouseTerms_item.active {
	background-color: #a28e71;
	color: #fff;
	font-weight: bold;
}
.newHouseResultWrap:nth-child(even) .newHouseTerms_item.active {
	background-color: #a28e71;
}
.newHouseDetail_left {
	width: 49%;
}
.newHouseCate {
	display: flex;
	flex-wrap: wrap;
}
.newHouseCate_item {
	width: 20%;
	min-width: 100px;
	margin: 0 1% 5px 0;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	text-indent: 0.2em;
	letter-spacing: 0.2em;
}
.newHouseCate_item:last-of-type {
	margin-right: 0;
}
.newHouseCate_item-01 {
	background-color: #d48f81;
}
.newHouseCate_item-02 {
	background-color: #a28e71;
}
.newHouseCate_item-03 {
	background-color: #7598b4;
}
.newHouseDetail_ttl {
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 1px solid #d4d4d4;
	font-size: 20px;
	font-weight: bold;
	word-break: break-word;
}
.newHouseDetail_txt {
	line-height: 170%;
	letter-spacing: 1px;
}
.newHouseDetail_txt-fontW {
	font-weight: bold;
}
.newHouseDetailList:first-of-type {
	margin-top: 20px;
	padding-top: 10px;
	border-top: 1px solid #d4d4d4;
}
.newHouseDetailList {
	margin-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #d4d4d4;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.newHouseDetailList_ttl {
	width: 80px;
	color: #a28e71;
	font-weight: bold;
	text-indent: 0.1em;
	letter-spacing: 0.1em;
}
.newHouseDetailList_txt {
	width: 85%;
}
.newHouseDetailList_txt-lineH {
	line-height: 170%;
}
.newHousePrice {
	margin-top: 20px;
	font-size: 40px;
	font-weight: bold;
	text-align: right;
}
.cs-priceTtl {
	margin-right: 2%;
	font-size: 16px;
	font-weight: bold;
}
/*.cs-priceTxt {
	font-size: 40px;
	font-weight: bold;
}*/
.cs-priceSubTxt {
	font-size: 23px;
	font-weight: bold;
}
@media screen and (max-width: 990px){
	/*--- newHouseResultArea ----------------*/
	.newHousePrice {
		font-size: 3.8vw;
	}
	.cs-priceTtl {
		font-size: 1.5vw;
	}
	/*.cs-priceTxt {
		font-size: 3.8vw;
	}*/
	.cs-priceSubTxt {
		font-size: 2.2vw;
	}
}
@media screen and (max-width: 845px){
	/*--- searchHelpArea ----------------*/
	.filteringCont_btn {
		font-size: 1.3vw;
	}
	.cs-searchMapLink {
		font-size: 1.3vw;
	}
}
@media screen and (max-width: 767px){
	.newHouseSearchBlock {
		width: 100%;
		margin: 25px auto 40px;
	}
	/*--- searchHelpArea ----------------*/
	.searchHelpArea {
		width: 89%;
		margin: 0 auto 25px;
	}
	.helpBtn {
		width: 11%;
	}
	.searchArea {
		display: block;
	}
	.filteringCont {
		width: 100%;
	}
	.filteringCont_btn {
		padding: 10px 0;
		font-size: 12px;
	}
	.conditionsSearch_ttl {
		font-size: 12px;
	}
	.cs-cbParts {
		padding-left: 20px;
		font-size: 13px;
	}
	.cs-cbParts:before {
		width: 10px;
		height: 10px;
	}
	.cs-cbParts:after {
		left: 4px;
		width: 4px;
		height: 8px;
	}
	.searchMap {
		width: 100%;
		margin-top: 10px;
	}
	.cs-searchMapLink {
		padding: 10px 0;
		font-size: 12px;
	}
	.conditionsSearchBtn_item {
		width: 49%;
	}
	.cs-resetBtn {
		padding: 5px 0;
		font-size: 13px;
		text-indent: 0;
		letter-spacing: 0;
	}
	.cs-resetBtn:after {
		top: 37%;
		right: 8%;
		width: 5px;
		height: 5px;
	}
	.cs-pushBtn {
		padding: 5px 0;
		font-size: 13px;
		text-indent: 0;
		letter-spacing: 0;
	}
	.cs-pushBtn:after {
		top: 37%;
		right: 8%;
		width: 5px;
		height: 5px;
	}
	/*--- newHouseResultArea ----------------*/
	.newHouseDetailArea {
		width: 89%;
	}
	.newHouseResultArea {
		padding: 0;
	}
	.newHouseResultWrap {
		padding: 25px 0;
	}
	.newHouseDetailArea_ttl {
		margin-bottom: 20px;
		font-size: 15px;
	}
	.newHouseFlex {
		display: block;
	}
	.newHouseDetail_right {
		width: 100%;
	}
	.newHousePhoto {
		margin-bottom: 23px;
	}
	.newHousePhoto_new:before {
		top: 0;
		left: 0;
		width: 14%;
		height: 18.5%;
		background-size: 70%;
	}
	.newHouseTerms {
		display: none;
	}
	.newHouseDetail_left {
		width: 100%;
	}
	.newHouseCate {
		margin-bottom: 10px;
	}
	.newHouseCate_item {
		width: calc(100% / 3.1);
		min-width: auto;
		font-size: 13px;
		text-indent: 0.1em;
		letter-spacing: 0.1em;
	}
	.newHouseDetail_ttl {
		margin-bottom: 10px;
		padding-bottom: 10px;
		font-size: 16px;
	}
	.newHouseDetail_txt {
		font-size: 13px;
	}
	.newHouseDetailList {
		padding-bottom: 13px;
		display: block;
	}
	.newHouseDetailList:first-of-type {
		margin-top: 15px;
		padding-top: 13px;
	}
	.newHouseDetailList_ttl {
		width: 100%;
		font-size: 13px;
	}
	.newHouseDetailList_txt {
		width: 100%;
		font-size: 13px;
	}
	.newHousePrice {
		margin-top: 10px;
		font-size: 25px;
	}
	.cs-priceTtl {
		font-size: 10px;
	}
	/*.cs-priceTxt {
		font-size: 25px;
	}*/
	.cs-priceSubTxt {
		font-size: 14px;
	}
}
/*-------------------------------------------------
|-  下層cmn
|-  newHouseCmnBlock
|-
-------------------------------------------------*/
.newHouseCmnTtl {
	width: 64%;
	/*margin: 110px auto;*/
	margin: 110px auto 20px;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	word-break: break-word;
}
.detailNewHouseCate {
	width: 10%;
	min-width: 100px;
	margin: 0 auto 40px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	text-indent: 0.2em;
	letter-spacing: 0.2em;
}
.detailNewHouseCate-01 {
	background-color: #d48f81;
}
.detailNewHouseCate-03{
	background-color: #7598b4;
}

/*--- newHouseCmnLink ----------------*/
.newHouseCmnLink {
	position: sticky;
	position: -webkit-sticky;
	width: 100%;
	margin: 0 auto 20px;
	padding: 10px 0;
	background: #fff;
	display: flex;
	justify-content: center;
	z-index: 11;
}
.newHouseCmnLink_item {
	position: relative;
	width: calc(100% / 7);
	text-align: center;
	text-indent: 0.1em;
	letter-spacing: 0.1em;
	line-height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.newHouseCmnLink_item.active {
	/*padding: 10px 0;*/
	color: #dad2c6;
	font-weight: bold;
	/*display: flex;
	justify-content: center;
	align-items: center;*/
}
.newHouseCmnLink_item:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 1px;
	height: 34px;
	background-color: #c7bbaa;
}
.newHouseCmnLink_item:last-of-type:after {
	display: none;
}
.cs-newHouseCmnLink {
	width: 100%;
	padding: 10px 0;
	color: #a28e71;
	font-weight: bold;
	display: block;
	transition: all .2s;
	display: flex;
	justify-content: center;
	align-items: center;
}
.cs-newHouseCmnLink:hover {
	background-color: #a28e71;
	color: #fff;
	transition: all .2s;
}

/*--- リンク6つ用 ----------------*/
.newHouseCmnLink_item-cutBack {
	width: calc(100% / 6);
}
@media screen and (max-width: 1120px){
	.newHouseCmnLink_item {
		font-size: 1vw;
	}
	.newHouseCmnLink_item:after {
		height: 30px;
	}
}
@media screen and (max-width: 767px){
	.newHouseCmnTtl {
		width: 89%;
		margin: 30px auto 25px;
		font-size: 19px;
	}
	/*--- newHouseCmnLink ----------------*/
	.newHouseCmnLink {
		width: 100%;
		margin: 0 auto;
		padding: 10px 4%;
		box-sizing: border-box;
		flex-wrap: wrap;
	}
	.newHouseCmnLink_item {
		width: calc(100% / 3);
		height: 45px;
		font-size: 12px;
	}
	.newHouseCmnLink_item:nth-child(7) {
		display: none;
	}
	.newHouseCmnLink_item:before {
		content: '';
		position: absolute;
		bottom: 0;
		right: 0;
		left: 0;
		width: 90%;
		height: 1px;
		margin: auto;
		background-color: #c7bbaa;
	}
	.newHouseCmnLink_item:after {
		top: auto;
	}
	/*.newHouseCmnLink_item:nth-child(n + 4){
		margin-top: 5px;
	}*/
	.newHouseCmnLink_item:nth-child(n + 4):before {
		display: none;
	}
	/*.newHouseCmnLink_item:after {
		height: 34px;
	}*/
	.newHouseCmnLink_item:nth-child(3n):after{
		display: none;
	}
	.cs-newHouseCmnLink {
		height: 100% !important;
		padding: 0;
	}
	.cs-newHouseCmnLink:hover {
		color: #a28e71;
		background-color: #fff;
	}
	.newHouseCmnLink_item-cutBack {
		/*width: auto;*/
	}
}

.btnLink {
	width: 90%;
	padding: 10px 0;
	color: #fff;
	font-weight: bold;
	display: block;
	text-align: center;
}

.btnLink:hover {
	opacity: 0.8;
	transition: all .2s;
}

/*-------------------------------------------------
|-  下層cmn
|-  newHouseBtmCmnBlock
|-
-------------------------------------------------*/
.newHouseBtmCmnBlock {
	position: relative;
	width: 100%;
	margin-bottom: 135px;
	padding-bottom: 205px;
}
.newHouseBtmCmnBlock:after {
	content: '';
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 1px;
	background-color: #d4d4d4;
}
.newHouseInquiryBtn {
	width: 23%;
	max-width: 323px;
	margin: 0 auto 50px;
}
.newHouseListBtn {
	width: 23%;
	max-width: 323px;
	margin: 0 auto 195px;
}
.cs-inquiryBtnLink {
	position: relative;
	width: 100%;
	padding: 10px 0;
	color: #fff;
	font-weight: bold;
	text-align: center;
	text-indent: 0.2em;
	letter-spacing: 0.2em;
	background-color: #A28E71;
	display: block;
	transition: all .2s;
}
.cs-inquiryBtnLink:after {
	content: '';
	position: absolute;
	top: 38%;
	right: 4%;
	width: 5px;
	height: 5px;
	border: 0px;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	border-radius: 1px;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	transition: all .2s;
}
.cs-inquiryBtnLink:hover:after {
	right: 1.8%;
}
.cs-listBtnLink {
	position: relative;
	width: 100%;
	padding: 10px 0;
	color: #fff;
	font-weight: bold;
	text-align: center;
	text-indent: 0.2em;
	letter-spacing: 0.2em;
	background-color: #2a2a2a;
	display: block;
	transition: all .2s;
}
.cs-listBtnLink:hover {
	opacity: 0.8;
	transition: all .2s;
}
.cs-listBtnLink:before {
	content: '';
	position: absolute;
	top: 38%;
	left: 4%;
	width: 5px;
	height: 5px;
	border: 0px;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	border-radius: 1px;
	-ms-transform: rotate(225deg);
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
	transition: all .2s;
}
.cs-listBtnLink:hover:before {
	left: 1.8%;
}
.newHouseLinkBtn {
	width: 30%;
	min-width: 400px;
	max-width: 1040px;
	margin: 0 auto;
}
.newHouseOverviewBanner {
	width: 50%;
	max-width: 500px;
	margin: 25px auto 0 auto;
}
.newHouseOverviewBanner:hover {
	opacity: 0.8;
	transition: all .2s;
}
.newHouseLinkBtn_caption {
	margin-top: 5px;
	display: inline-block;
}

@media screen and (max-width: 767px){
	.newHouseBtmCmnBlock {
		margin: 60px 0 30px;
		padding-bottom: 37px;
	}
	.newHouseInquiryBtn {
		width: 81%;
		margin: 0 auto 35px;
	}
	.newHouseListBtn {
		width: 81%;
		margin: 0 auto 35px;
	}
	.newHouseLinkBtn {
		width: 81%;
		min-width: auto;
	}
	.newHouseOverviewBanner {
		width: 100%;
		max-width: none;
		padding-bottom: 20px;
	}
	.cs-listBtnLink {
		font-size: 13px;
	}
}
/*-------------------------------------------------
 section block
-------------------------------------------------*/
.sectionBlock {
	width: 100%;
	padding: 105px 0 120px;
	background-color: #f0efec;
}

.sectionArea {
	width: 74%;
	max-width: 1040px;
	margin: 0 auto;
}

.sectionWrap {
	width: 100%;
	margin-bottom: 110px;
	padding: 45px 0 60px;
	box-sizing: border-box;
	background-color: #fff;
}

.sectionContentsArea {
	width: 90%;
	margin: 0 auto;
}

@media screen and (max-width: 767px) {
	.sectionBlock {
		padding: 40px 0 20px;
	}

	.sectionArea {
		width: 89%;
	}

	.sectionWrap {
		margin-bottom: 43px;
		padding: 15px 20px 20px;
	}

	.sectionContentsArea{
		width: 100%;
	}
}

/*-------------------------------------------------
|-  concept
|-  conceptBlock
|-
-------------------------------------------------*/
.conceptBlock {
	width: 100%;
	padding: 95px 0 110px;
	background-color: #f0efec;
}
.conceptArea {
	width: 74%;
	max-width: 1040px;
	margin: 0 auto;
}
.conceptTtl {
	margin-bottom: 55px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	word-break: break-word;
}
.conceptTxt {
	margin-bottom: 65px;
	font-size: 16px;
	text-align: center;
	line-height: 250%;
}
/*--- photoGallery ----------------*/
.photoGallery {
	width: 100%;
}
/*--- slick ----------------*/
.photoGallery.slick-dotted.slick-slider {
	margin-bottom: 200px;
}
.photoGallery .slick-dots {
	bottom: -30px;
}
.photoGallery .slick-dots li {
	margin: 0;
}
.photoGallery .slick-dots li button:before {
	font-size: 20px;
}
.videoArea {
	position: relative;
}
.videoArea .video {
	background-color: #000000;
	width: 100%;
	aspect-ratio: 3 / 2;
}
.videoPlayBtn{
	display: block;
	width: 16%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.videoPlayBtn.playActive{
	display:none;
}
.playButtonOuter {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
}
.playButtonOuter:hover {
	cursor: pointer;
}
/*--- conceptImgWrap ----------------*/
.conceptImgWrap {
	width: 100%;
	padding: 40px;
	box-sizing: border-box;
	background-color: #fff;
}
@media screen and (max-width: 767px){
	.conceptBlock {
		padding: 40px 0 25px;
	}
	.conceptArea {
		width: 89%;
	}
	.conceptTtl {
		margin-bottom: 15px;
		font-size: 15px;
	}
	.conceptTxt {
		margin-bottom: 25px;
		font-size: 13px;
		text-align: left;
		line-height: 170%;
	}
	/*--- photoGallery ----------------*/
	.photoGalleryBlock {
		padding: 32px 0;
		border-top: 1px solid #d4d4d4;
	}
	/*--- slick ----------------*/
	.photoGallery.slick-dotted.slick-slider {
		margin-bottom: 39px;
	}
	.photoGallery .slick-dots {
		bottom: -25px;
	}
	.photoGallery .slick-dots li button:before {
		font-size: 15px;
	}
	.photoGallery .slick-dots li, .slick-dots li button, .slick-dots li button:before {
		width: 12px;
	}
	/*--- conceptLinkBtn ----------------*/
	.conceptLinkBtn {
		width: 100%;
	}
	.cs-linkBtnLink {
		position: relative;
		padding: 5px 0;
		background-color: #a28e71;
		color: #fff;
		font-size: 13px;
		font-weight: bold;
		text-align: center;
		text-indent: 0.1em;
		letter-spacing: 0.1em;
		display: block;
	}
	.cs-linkBtnLink:after {
		content: '';
		position: absolute;
		top: 37%;
		right: 5%;
		width: 6px;
		height: 6px;
		border: 0px;
		border-top: solid 2px #fff;
		border-right: solid 2px #fff;
		border-radius: 1px;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	/*--- conceptImgWrap ----------------*/
	.conceptImgWrap {
		padding: 15px;
	}
}
/*-------------------------------------------------
|-  plan
|-  planBlock
|-
-------------------------------------------------*/
.planBlock {
	width: 100%;
	padding: 105px 0 120px;
	background-color: #f0efec;
}
.planArea {
	width: 74%;
	max-width: 1040px;
	margin: 0 auto;
}
/*--- blockdiagramWrap ----------------*/
.blockdiagramWrap {
	width: 100%;
	margin-bottom: 110px;
	padding: 80px 16% 60px;
	box-sizing: border-box;
	background-color: #fff;
}
.blockdiagram_img {
	margin-bottom: 60px;
}
.blockdiagram_txt {
	text-align: center;
	text-indent: 0.1em;
	letter-spacing: 0.1em;
}
/*--- floorplanContWrap ----------------*/
.floorplanTabArea {
	overflow-x: auto;
}
.floorplanTabArea::-webkit-scrollbar {
	height: 10px;
}
/*スクロールバーの背景色・角丸指定*/
.floorplanTabArea::-webkit-scrollbar-track {
	background: #d4d4d4;
}
/*スクロールバーの色・角丸指定*/
.floorplanTabArea::-webkit-scrollbar-thumb {
	background:#a28e71;
}



.floorplanTab {
	display: flex;
}
.floorplanTab_item {
	width: 170px;
	margin-right: 3px;
	padding: 15px 0;
	font-weight: bold;
	text-align: center;
	text-indent: 0.1em;
	letter-spacing: 0.1em;
	background-color: rgba(255,255,255,0.5);
	cursor: pointer;
}
.floorplanTab_item:last-of-type {
	margin-right: 0;
}
.floorplanTab_item.active {
	color: #a28e71;
	background-color: #fff;
}
.floorplanArea {
	width: 100%;
	background-color: #fff;
}
.floorplanCont {
	display: none;
	width: 90%;
	margin: 0 auto;
	padding: 45px 0 65px;
}
.floorplanCont.current {
	display: block;
}
.floorplanDetail {
	margin-bottom: 50px;
	padding-bottom: 30px;
	border-bottom: 1px solid #d4d4d4;
	display: flex;
	justify-content: space-between;
}
.floorplanDetail_txt {
	width: 60%;
	line-height: 180%;
}
.floorplanDetail_price {
	width: 37%;
	font-size: 33px;
	font-weight: bold;
	text-align: right;
	line-height: 210%;
}
/*.floorplanDetail_price .cs-priceTxt {
	font-size: 33px;
}*/
.floorplanDetail_price .cs-priceSubTxt {
	font-size: 19px;
}
.floorplanImg {
	width: 74%;
	margin: 0 auto 70px;
}
.floorplanListArea {
	width: 51%;
	float: right;
}
.floorplanList {
	padding: 10px 0;
	border-top: 1px solid #d4d4d4;
	display: flex;
}
.floorplanList:last-of-type {
	border-bottom: 1px solid #d4d4d4;
}
.floorplanList_ttl {
	width: 80px;
	color: #a28e71;
	font-weight: bold;
	text-indent: 0.1em;
	letter-spacing: 0.1em;
}
.floorplanList_txt {
	width: 85%;
}
.floorplanBtn {
	width: 45%;
	float: left;
}
.floorplanBtn_item {
	margin-bottom: 10px;
}
.cs-floorplanBtnLink {
	position: relative;
	width: 100%;
	padding: 25px 0;
	color: #fff;
	font-weight: bold;
	text-align: center;
	text-indent: 0.1em;
	letter-spacing: 0.1em;
	background-color: #a28e71;
	display: block;
	transition: all .2s;
}
.cs-floorplanBtnLink:hover {
	opacity: 0.8;
	transition: all .2s;
}
.cs-floorplanBtnLink:after {
	content: '';
	position: absolute;
	top: 45%;
    right: 6%;
	width: 6px;
	height: 6px;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	border-radius: 1px;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	transition: all .2s;
}
.cs-floorplanBtnLink:hover:after {
	right: 5%;
}
@media screen and (max-width: 1120px){
	.floorplanDetail_price {
		font-size: 3vw;
	}
	.floorplanDetail_price .cs-priceSubTxt {
		font-size: 1.8vw;
	}
}
@media screen and (max-width: 1100px){
	.cs-floorplanBtnLink {
		font-size: 1.3vw;
	}
}
@media screen and (max-width: 767px){
	.planBlock {
		padding: 60px 0 41px;
	}
	.planArea {
		width: 89%;
	}
	/*--- blockdiagramWrap ----------------*/
	.blockdiagramWrap {
		margin-bottom: 43px;
		padding: 15px 20px 20px;
	}
	.blockdiagram_img {
		margin-bottom: 20px;
	}
	.blockdiagram_txt {
		font-size: 13px;
		text-align: left;
	}
	/*--- floorplanContWrap ----------------*/
	.floorplanTab_item {
		width: 85px;
		margin-right: 4px;
		padding: 8px 0;
		font-size: 12px;
	}
	.floorplanCont {
		width: 91%;
		padding: 21px 0;
	}
	.floorplanDetail {
		margin-bottom: 20px;
		padding-bottom: 14px;
		display: block;
	}
	.floorplanDetail_txt {
		width: 100%;
		margin-bottom: 15px;
		font-size: 13px;
	}
	.floorplanDetail_price {
		width: 100%;
		font-size: 23px;
	}
	.floorplanDetail_price .cs-priceSubTxt {
		font-size: 13px;
	}
	.floorplanImg {
		width: 100%;
		margin-bottom: 23px;
	}
	.floorplanListArea {
		width: 100%;
		margin-bottom: 20px;
		float: none;
	}
	.floorplanList_ttl {
		width: 85px;
		margin-left: 2%;
		font-size: 13px;
	}
	.floorplanList_txt {
		width: 80%;
		font-size: 13px;
	}
	.floorplanBtn {
		width: 100%;
		float: none;
	}
	.cs-floorplanBtnLink {
		padding: 10px 0;
		font-size: 3.5vw;
	}
	.cs-floorplanBtnLink:after {
		top: 40%;
	}
}
/*-------------------------------------------------
|-  location
|-  locationBlock
|-
-------------------------------------------------*/
.locationBlock {
	width: 100%;
	padding: 105px 0 120px;
	background-color: #f0efec;
}
.locationArea {
	width: 74%;
	max-width: 1040px;
	margin: 0 auto;
}
.locationWrap {
	padding: 65px 0 125px;
	background-color: #fff;
}
.locationInner {
	border-bottom: 1px solid #d4d4d4;
}
.locationInner:last-of-type {
	border: 0;
}
/*--- accessMapArea ----------------*/
.accessMapArea {
	width: 90%;
	margin: 0 auto;
	padding-bottom: 70px;
}
.accessMap_ttl {
	margin-bottom: 50px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	line-height: 100%;
	clear: both;
}
.accessMap_item {
	width: 48%;
	margin-bottom: 25px;
	cursor: pointer;
}
.accessMap_item-1col {
	width: 64%;
	margin:0 auto 25px;
	cursor: pointer;
	float: none;
}
.accessMap_txt {
	text-align: center;
	text-indent: 0.1em;
	letter-spacing: 0.1em;
	line-height: 180%;
	clear: both;
}
/*--- accessRouteMapArea ----------------*/
.accessRouteMapArea {
	width: 90%;
	margin: 85px auto 0;
	padding-bottom: 90px;
}
.accessRouteMap_ttl {
	margin-bottom: 50px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	text-indent: 0.1em;
	letter-spacing: 0.1em;
	line-height: 100%;
}
.accessRouteMap_item {
	width: 64%;
	margin: 0 auto 25px;
	cursor: pointer;
}
.accessRouteMap_txt {
	text-align: center;
	text-indent: 0.1em;
	letter-spacing: 0.1em;
	line-height: 180%;
	clear: both;
}
/*--- surroundingsArea ----------------*/
.surroundingsArea {
	width: 90%;
	margin: 85px auto 0;
	/*padding-bottom: 90px;*/
}
.surroundingsTtl {
	margin-bottom: 50px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	text-indent: 0.1em;
	letter-spacing: 0.1em;
	line-height: 100%;
}
/*--- surroundingsList ----------------*/
.surroundingsList {
	width: 31%;
	margin: 0 3.5% 45px 0;
	float: left;
}
.surroundingsList:nth-child(3n){
	margin-right: 0;
}
.surroundingsList_photo {
	margin-bottom: 15px;
}
.surroundingsList_cate {
	display: inline-block;
}
.cs-listCate {
	min-width: 150px;
	margin-bottom: 5px;
	padding: 0 3%;
	box-sizing: border-box;
	color: #fff;
	text-align: center;
	display: block;
}
.cate01 {
	background-color: #d48f81;
}
.cate02 {
	background-color: #7faa93;
}
.cate03 {
	background-color: #dda03b;
}
.cate04 {
	background-color: #7598b4;
}
.cate05 {
	background-color: #a28e71;
}
.cate06 {
	background-color: #6a6a6a;
}
.surroundingsList_ttl {
	font-size: 16px;
	font-weight: bold;
}
.surroundingsList_distance {
	margin-bottom: 10px;
	font-size: 13px;
	font-weight: bold;
	line-height: 100%;
}
/*--- otherListArea ----------------*/
.otherListArea {
	margin-bottom: 80px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	clear: both;
}
.otherList {
	width: 48%;
	padding: 20px 0;
	border-top: 1px dotted #2a2a2a;
	border-bottom: 1px dotted #2a2a2a;
	display: flex;
	justify-content: space-between;
}
.otherList:nth-child(n + 3) {
	border-top: 0;
}
.otherList_cate {
	margin-right: 2%;
	display: inline-block;
}
.otherList_ttl {
	width: 42%;
	font-weight: bold;
}
.otherList_distance {
	width: 31%;
	font-size: 13px;
	text-align: right;
	font-weight: bold;
}
.locationLinkBtn {
	width: 34%;
	max-width: 323px;
	margin: 0 auto;
	background-color: #2a2a2a;
}
.cs-locationLink {
	position: relative;
	width: 100%;
	padding: 10px 0;
	color: #fff;
	font-weight: bold;
	text-align: center;
	text-indent: 0.1em;
	letter-spacing: 0.1em;
	display: block;
	transition: all .2s;
}
.cs-locationLink:hover {
	transition: all .2s;
	opacity: .8;
}
.cs-locationLink:after {
	content: '';
	position: absolute;
	top: 40%;
	right: 6%;
	width: 6px;
	height: 6px;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	border-radius: 1px;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	transition: all .2s;
}
.cs-locationLink:hover:after {
	right: 5%;
}
/* モーダル コンテンツエリア */
.modalImg {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform : translate(-50%,-50%);
	transform : translate(-50%,-50%);
	width: auto;
	max-width: 100%;
	margin: 0 auto;
	padding: 0;
	color: #666;
	position: fixed;
	z-index: 120;
}
/* モーダル 背景エリア */
#modalBg {
	display:none;
	width:100%;
	height:100%;
	background-color: rgba(0,0,0,0.5);
	position:fixed;
	top:0;
	left:0;
	z-index: 110;
}
@media screen and (max-width: 767px){
	.modalImg {
		width: 90%;
	}
}
@media screen and (max-width: 1000px){
	.cs-locationLink {
		font-size: 1.4vw;
	}
}
@media screen and (max-width: 767px){
	.locationBlock {
		padding: 58px 0 49px;
	}
	.locationArea {
		width: 89%;
	}
	.locationWrap {
		padding: 26px 0 0;
	}
	/*--- accessMapArea ----------------*/
	.accessMapArea {
		width: 91%;
		padding-bottom: 25px;
	}
	.accessMap_ttl {
		margin-bottom: 25px;
		font-size: 15px;
	}
	.accessMap_item {
		width: 100%;
		margin-bottom: 7px;
		float: none;
	}
	.accessMap_txt {
		margin: 10px 0;
		font-size: 13px;
		text-align: left;
	}
	/*--- accessRouteMapArea ----------------*/
	.accessRouteMapArea {
		width: 91%;
		margin: 30px auto 0;
		padding-bottom: 30px;
	}
	.accessRouteMap_ttl {
		margin-bottom: 25px;
		font-size: 15px;
	}
	.accessRouteMap_item {
		width: 100%;
		margin-bottom: 10px;
	}
	.accessRouteMap_txt {
		font-size: 13px;
		text-align: left;
	}
	/*--- surroundingsArea ----------------*/
	.surroundingsArea {
		width: 91%;
		margin: 30px auto 0;
	}
	.surroundingsTtl {
		margin-bottom: 25px;
		font-size: 15px;
	}
	/*--- surroundingsList ----------------*/
	.surroundingsList {
		width: 48%;
		margin: 0 4% 15px 0;
	}
	.surroundingsList:nth-child(odd){
		margin-right: 4%;
	}
	.surroundingsList:nth-child(even){
		margin: 0;
	}
	.cs-listCate {
		min-width: 75px;
		font-size: 10px;
	}
	.surroundingsList_ttl {
		font-size: 13px;
	}
	.surroundingsList_distance {
		font-size: 12px;
	}
	.surroundingsList_txt {
		display: none;
	}
	/*--- otherListArea ----------------*/
	.otherListArea {
		display: block;
	}
	.otherList {
		width: 100%;
		border-top: 0;
		padding: 10px 0;
		display: block;
	}
	.otherList:first-of-type {
		border-top: 1px dotted #2a2a2a;
	}
	.otherList_ttl {
		width: 100%;
		font-size: 13px;
	}
	.otherList_distance {
		width: 100%;
		font-size: 12px;
	}
	.viewmoreBtn {
		width: 39%;
		margin: 18px auto 44px;
	}
	.locationLinkBtn {
		width: 100%;
		max-width: none;
	}
	.cs-locationLink {
		font-size: 13px;
	}
	.cs-locationLink:after {
		width: 7px;
		height: 7px;
		border-top: solid 1px #fff;
		border-right: solid 1px #fff;
	}
}
/*-------------------------------------------------
|-  equipment
|-  equipmentBlock
|-
-------------------------------------------------*/
.equipmentBlock {
	width: 100%;
	padding: 105px 0 180px;
	background-color: #f0efec;
}
.equipmentArea {
	width: 74%;
	max-width: 1040px;
	margin: 0 auto;
}
.equipmentWrap {
	padding: 50px 0;
	background-color: #fff;
}
/*--- equipmentTab ----------------*/
.equipmentTab {
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.equipmentTab_item {
	width: 24.8%;
	padding: 15px 0;
	background-color: rgba(255,255,255,0.5);
	text-align: center;
	text-indent: 0.1em;
	letter-spacing: 0.1em;
	line-height: 100%;
	cursor: pointer;
}
.equipmentTab_item.active {
	color: #7598b4;
	font-weight: bold;
	background-color: #fff;
}
/*--- equipmentCont ----------------*/
.equipmentCont {
	width: 100%;
	margin: 0 auto;
}
.equipmentContTab {
	width: 90%;
	margin: 0 auto;
	display: flex;
	justify-content: center;
}
.equipmentContTab_item {
	position: relative;
	width: 50%;
	padding: 20px 0;
	background-color: rgba(117,152,180,0.6);
	color: #fff;
	font-weight: bold;
	text-align: center;
	text-indent: 0.1em;
	letter-spacing: 0.1em;
	line-height: 100%;
	cursor: pointer;
}
.equipmentContTab_item:after {
	content: '';
	position: absolute;
	top: 44%;
	right: 6%;
	width: 5px;
	height: 5px;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	border-radius: 1px;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	transition: all .2s;
}
.equipmentContTab_item:hover:after {
	right: 5%;
}
.equipmentContTab_item.active {
	background-color: #7598b4;
}
/*--- equipmentFeatureCont ----------------*/
.equipmentFeatureCont {
	margin: 60px 0 90px;
}
.equipmentFeature {
	margin-bottom: 60px;
	padding-bottom: 90px;
	border-bottom: 1px solid #d4d4d4;
}
.equipmentFeature:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border: 0;
}
.equipmentTtl {
	width: 90%;
	margin: 0 auto 50px;
}
.equipmentTtl_txt {
	margin-bottom: 15px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	line-height: 100%;
}
.cs-ttlCate {
	width: 11%;
	min-width: 100px;
	margin: 0 auto;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	text-indent: 0.1em;
	letter-spacing: 0.1em;
	background-color: #7598b4;
	display: block;
}
.equipmentContTop {
	width: 90%;
	margin: 0 auto;
	margin-bottom: 80px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.featureImg {
	position: relative;
	width: 50%;
	padding-top: 35%;
	background-color: #efefef;
}
.cs-featureImg {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 100%;
	margin: auto;
	display: block;
}
.featureTxt {
	width: 47%;
}
.noItem {
	width: 90%;
	margin: 20px auto;
	text-align: center;
}
/*--- equipmentaListArea ----------------*/
.equipmentaListArea {
	width: 90%;
	margin: 0 auto;
	padding: 30px 3% 20px;
	background-color: #f0efec;
}
.equipmentaList {
	width: 31%;
	margin: 0 5px;
}
.equipmentaList_item {
	position: relative;
	width: 100%;
	padding-top: 74%;
	background-color: #f7f7f7;
}
.cs-itemImg {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 100%;
	margin: auto;
	display: block;
}
.equipmentaList_caption {
	width: 100%;
	margin-top: 5px;
	text-align: center;
}
/*--- slick ----------------*/
.equipmentaListArea .slick-prev {
	left: -10px;
	background-image: url(/assets/img/btn_gallery_prev.svg);
}
.equipmentaListArea .slick-next {
	right: -10px;
	background-image: url(/assets/img/btn_gallery_next.svg);
}
.equipmentaListArea .slick-prev, .equipmentaListArea .slick-next {
	width: 24px;
	height: 24px;
	z-index: 10;
}
.equipmentaListArea .slick-prev:before,
.equipmentaListArea .slick-next:before {
	content: '';
}
/*--- equipmentOtherListArea ----------------*/
.equipmentOtherListArea {
	width: 90%;
	margin: 0 auto;
	padding: 30px 3% 0;
	box-sizing: border-box;
	background-color: #f0efec;
	display: flex;
	/*justify-content: space-between;*/
	flex-wrap: wrap;
}
.equipmentOther {
	width: 31%;
	margin: 0 5px 20px;
}
.equipmentOther_item {
	position: relative;
	width: 100%;
	padding-top: 74%;
	background-color: #f7f7f7;
}
.cs-itemImg {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 100%;
	margin: auto;
	display: block;
}
.equipmentOther_caption {
	width: 100%;
	margin-top: 5px;
	text-align: center;
}
@media screen and (max-width: 767px){
	.equipmentBlock {
		margin: 55px 0 0;
		padding: 40px 0 20px;
	}
	.equipmentArea {
		width: 89%;
	}
	.equipmentWrap {
		padding: 15px 0;
	}
	/*--- equipmentTab ----------------*/
	.equipmentContTab {
		width: 91%;
	}
	.equipmentTab_item {
		font-size: 12px;
		font-weight: bold;
		text-indent: 0;
		letter-spacing: 0;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	/*--- equipmentCont ----------------*/
	.equipmentContTab_item {
		width: 32.7%;
		padding: 10px 0;
		font-size: 11px;
	}
	.equipmentContTab_item:after {
		display: none;
	}
	/*--- equipmentFeatureCont ----------------*/
	.equipmentFeatureCont {
		margin: 35px 0 20px;
	}
	.equipmentFeature {
		margin-bottom: 30px;
		padding-bottom: 35px;
	}
	.equipmentTtl {
		margin: 0 auto 25px;
	}
	.equipmentTtl_txt {
		margin-bottom: 10px;
		font-size: 15px;
	}
	.cs-ttlCate {
		width: 30%;
		min-width: 93px;
	}
	.equipmentContTop {
		width: 91%;
		margin-bottom: 20px;
		display: block;
	}
	.featureImg {
		width: 100%;
		margin-bottom: 20px;
		padding-top: 75%;
	}
	.featureTxt {
		width: 100%;
		font-size: 13px;
	}
	/*--- equipmentaListArea ----------------*/
	.equipmentaListArea {
		width: 91%;
		padding: 0;
		background-color: #fff;
	}
	.equipmentaList_caption {
		margin-top: 10px;
		font-size: 12px;
	}
	/*--- slick ----------------*/
	.equipmentaListArea .slick-prev, .equipmentaListArea .slick-next {
		top: 45%;
		width: 30px;
		height: 30px;
	}
	.equipmentaListArea .slick-prev {
		left: -13px;
	}
	.equipmentaListArea .slick-next {
		right: -13px;
	}
	/*--- equipmentOtherListArea ----------------*/
	.equipmentOtherListArea {
		width: 91%;
		padding: 0;
		background-color: #fff;
	}
	.equipmentOther {
		width: 48%;
		margin: 0 0 10px;
	}
	.equipmentOther_caption {
		margin-top: 10px;
		font-size: 12px;
	}
}
/*-------------------------------------------------
|-  about
|-  aboutBlock
|-
-------------------------------------------------*/
.aboutBlock {
	width: 100%;
	padding: 105px 0 120px;
	background-color: #f0efec;
}
.aboutArea {
	width: 74%;
	max-width: 1040px;
	margin: 0 auto;
}
.newhouseAbout {
	width: 100%;
	border: 1px solid rgba(162, 142, 113, 0.5);
	box-sizing: border-box;
	border-collapse:collapse;
}
.newhouseAbout_list-ttl {
	width: 25%;
	padding: 15px 3%;
	box-sizing: border-box;
	color: #fff;
	/*background-color: #a28e71;*/
	background-color: rgba(162, 142, 113, 0.8);
	vertical-align: top;
	border: 1px solid rgb(162, 142, 113);
}
.newhouseAbout_list-txt {
	padding: 15px 3%;
	box-sizing: border-box;
	background-color: #fff;
	vertical-align: top;
	border: 1px solid rgba(162, 142, 113, 0.5);
}
.newhouseAboutRemarks-ttl {
	font-size: 85%;
	margin-top: 5px;
}
.newhouseAboutRemarks {
	font-size: 85%;
}
.newhouseAboutTxt {
	margin-top: 10px;
	text-align: right;
}
@media screen and (max-width: 767px){
	.aboutBlock {
		padding: 58px 0 49px;
	}
	.aboutArea {
		width: 89%;
	}
	.newhouseAbout_list-ttl,
	.newhouseAbout_list-txt {
		padding: 10px 3%;
		font-size: 13px;
	}
	.newhouseAboutTxt {
		font-size: 13px;
	}
}
/*--- intermediateFee ----------------*/
.intermediateFee {
	margin: 2% auto 0 auto;
	width: 90%;
}
@media screen and (max-width: 767px){
	.intermediateFee {
		width: 90%;
		margin: 30px auto;
	}
}


/*--- slideArea ----------------*/
.slideArea {
	width: 100%;
	padding: 10px 10px 50px;
	box-sizing: border-box;
	background: #fff;
}
.slider {
	width: 100%;
	max-width: 960px;
	margin: auto;
}
.slider_item {
	position: relative;
	background: #f0f0f0;
}
.slider_item:before {
	content: "";
	padding-top: 66.5%;
	display: block;
}
.slider_item_img {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 100%;
	margin: auto;
}
.cs-slideTxt {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 15px 3%;
	box-sizing: border-box;
	background-color: rgba(255, 255, 255, 0.75);
	display: block;
}
.thumbnail_slider {
	width: 100%;
	max-width: 960px;
	margin: 5px auto 0;
	padding-bottom: 40px;
}
.thumbnail_slider_item {
	position: relative;
	margin-right: 3px;
	background-color: #f0f0f0;
}
.thumbnail_slider_item:before {
	content: "";
	padding-top: 66.5%;
	display: block;
}
.thumbnail_slider_img {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	width: auto;
	max-width: 100%;
	height: 100%;
	margin: auto;
}
.thumbnail_slider .slick-track {
	margin-left: 0;
}

.thumbnail_slider .slick-prev,
.thumbnail_slider .slick-next {
	top: auto;
	bottom: 0;
	width: 73px;
	height: 8px;
	z-index: 50;
}
.thumbnail_slider .slick-prev {
	left: 30%;
}
.thumbnail_slider .slick-prev:before {
	content: "";
	width: 73px;
	height: 7px;
	background-image: url(/assets/img/btn_fithouse_prev.svg);
	background-repeat: no-repeat;
	display: block;
}
.thumbnail_slider .slick-next {
	right: 30%;
}
.thumbnail_slider .slick-next:before {
	content: "";
	width: 73px;
	height: 7px;
	background-image: url(/assets/img/btn_fithouse_next.svg);
	background-repeat: no-repeat;
	display: block;
}
.slideCount {
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	font-size: 10px;
	text-align: center;
}
.slideCount .cs-current {
	font-size: 10px;
}
.slideCount .cs-total {
	font-size: 10px;
}
.designTxt {
	width: 85%;
	max-width: 1190px;
	margin: 0 auto 150px;
	font-size: 13px;
	text-align: center;
}

/*-------------------*/
@media screen and (max-width: 767px){
	.designTxt {
		width: 89%;
		margin: 0 auto 75px;
		text-align: left;
	}
}

/*-------------------------------------------------
|-  間取り図
-------------------------------------------------*/

/*-------------------*/
.badge {
	width: fit-content;
	min-width: 144px;
	margin-bottom: 5px;
	padding: 0 8px;
	color: #fff;
	text-align: center;
	display: block;
}

@media screen and (max-width: 767px) {
	.badge{
		min-width: 75px;
		font-size: 10px;
	}
}

/*-------------------*/
.interiorCategory {
	font-size: 18px;
	font-weight: bold;
	text-indent: 0.1em;
	letter-spacing: 0.1em;
	line-height: 100%;
}
@media screen and (max-width: 767px) {
	.interiorCategory{
		font-size: 13px;
	}
}

/*-------------------------------------------------
|-  オススメ物件
-------------------------------------------------*/

/*-------------------*/
.pickUpLinkArea{
	display: flex;
	column-gap: 10px;
}