@charset "utf-8";


/*-------------------------------------------------------------------
	mainVisual
-------------------------------------------------------------------*/

#mainVisual.apartmentPage {
	background: url("../image/business/apartment/main_bg.jpg") center center no-repeat;
	background-size: cover;
	color: #fff;
}

#mainVisual.estatePage {
	background: url("../image/business/estate/main_bg.jpg") center center no-repeat;
	background-size: cover;
	color: #fff;
}

#mainVisual.estatePage .pageMainTitle {
	line-height: 1.4;
}



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


/*-------------------------------------------------------------------
	apartmentPage
-------------------------------------------------------------------*/

#apartmentPage {
	
}

.aptTitle {
	font-size: 4.0rem;
	margin-bottom: 80px;
}

.aptFlex {
	display: flex;
	justify-content: space-between;
	margin-bottom: 150px;
}


.aptFlex .aptSame {
	width: 48%;
}


.tabArea {
	margin-bottom: 100px;
}


#tabs {
	display: flex;
	justify-content: space-between;
}


#tabs li {
	cursor: pointer;
	width: 32.5%;
	color: #252525;
	text-align: center;
	padding: 25px 0;
	font-size: 2.4rem;
	line-height: 1.2;
	font-weight: 500;
	box-sizing: border-box;
	border: 1px solid #252525;
}

#tabs li.tabOn {
	background: #660000;
	border: 1px solid #660000;
	color: #fff;
}

.contentArea {
	display: none;
	padding: 80px 0 0;
}

.contentArea.areaOpen {
	display: block;
}


.acWrap {
	margin: 0;
}

.acWrap .acTop {
	display: none;
}

.acWrap .acBtm {
	display: block;
}

.trdFlex {
	display: flex;
	justify-content: space-between;
}


.trdFlex .trdSame {
	width: 32.5%;
	background: #f2eee8;
}

.trdFlex .trdSame dt {
	background: #252525;
	text-align: center;
	color: #e0c490;
	padding: 25px 0;
}

.trdFlex .trdSame dd {
	padding: 35px 5% 40px;
}

.imgFlex {
	display: flex;
}

.imgFlex .imgSame {
	width: 32%;
}

.imgFlex .imgSame:nth-child(n + 2) {
	margin-left: 2%;
}



@media screen and (max-width: 767px){
	
	#apartmentPage.contInner {
		width: 100%;
	}
	
	
	.aptTitle {
		font-size: 2.8rem;
		width: 90%;
		margin:0 auto 40px;
	}

	.aptFlex {
		display: block;
		width: 90%;
		margin: 0 auto 70px;
	}


	.aptFlex .aptSame {
		width: auto;
	}
	
	.aptFlex .aptSame:nth-child(n + 2) {
		margin-top: 40px;
	}

	.tabArea {
		margin-bottom: 70px;
	}
	
	#tabs {
		display: none;
	}

	.contentArea {
		display: block;
		padding: 0;
		margin: 50px 0 0;
	}

	.contentArea.areaOpen {
		display: block;
		margin: 0;
	}
	
	/* acordion */
	
	.acWrap {
	}

	.acWrap .acTop {
		display: block;
		cursor: pointer;
		position: relative;
		background: #660000;
		color: #fff;
		line-height: 1.2;
		padding: 25px 0;
		text-align: center;
		font-size: 2.0rem;
		font-weight: 500;
		z-index: 30;
	}

	.acWrap .acTop::after {
		content: "";
		position: absolute;
		right: 1em;
		top: 1.2em;
		width: 15px;
		height: 15px;
		border: 2px solid;
		border-color:  transparent transparent #fff #fff;
		transform: rotate(-45deg);
	}

	.acWrap .acTop.acOpen::after {
		top: 1.5em;
		width: 15px;
		height: 15px;
		border: 2px solid;
		border-color: #fff #fff transparent transparent;
		transform: rotate(-45deg);
	}


	.acWrap .acBtm {
		display: none;
		padding: 50px 5% 0;
	}

	.acWrap .acBtm.opened {
		display: block;
	}
	
	.trdFlex {
		display: block;
	}

	.trdFlex .trdSame {
		width: auto;
	}
	
	.trdFlex .trdSame:nth-child(n + 2) {
		margin-top: 30px;
	}

	.trdFlex .trdSame dt {
		background: #252525;
		text-align: center;
		color: #e0c490;
		padding: 20px 0;
	}

	.trdFlex .trdSame dd {
		padding: 30px 3% 25px;
	}

	.imgFlex {
		display: block;
	}

	.imgFlex .imgSame {
		width: auto;
	}

	.imgFlex .imgSame:nth-child(n + 2) {
		margin: 30px 0 0;
	}
	
	
	
	
}



/*-------------------------------------------------------------------
	estatePage
-------------------------------------------------------------------*/

.iconFlex {
	display: flex;
	margin-bottom: 100px;
}

.iconFlex .iconSame {
	text-align: center;
	max-width: 200px;
}

.iconFlex .iconSame dd {
	margin-top: 10px;
}

.iconFlex .iconSame:nth-child(n + 2) {
	margin-left: 40px;
}

.linkFlex {
	display: flex;
}

.linkFlex li {
	width: 460px;
}


.linkFlex li:nth-child(n + 2) {
	margin-left: 30px;
}

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

	.linkFlex.ext li:nth-child(n + 2) {
		margin-left: 10px;
	}
}


@media screen and (max-width: 1270px){
	.linkFlex.ext {
		display: block;
	}

	.linkFlex.ext li {
		width: auto;
	}


	.linkFlex.ext li:nth-child(n + 2) {
		margin: 30px 0 0;
	}
}


@media screen and (max-width: 767px){
	
	.mb100 {
		margin-bottom: 70px !important;
	}
	
	.mb150 {
		margin-bottom: 80px !important;
	}
	
	.iconFlex {
		display: block;
		margin-bottom: 70px;
	}

	.iconFlex .iconSame {
		text-align: left;
		max-width: inherit;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	
	.iconFlex .iconSame dt {
		width: 30%;
	}

	.iconFlex .iconSame dd {
		margin-top: 0;
		width: 65%;
	}

	.iconFlex .iconSame:nth-child(n + 2) {
		margin: 30px 0 0;
	}

	.linkFlex {
		display: block;
	}

	.linkFlex li {
		width: auto;
	}


	.linkFlex li:nth-child(n + 2) {
		margin: 30px 0 0;
	}

}