@charset "utf-8";
/* -----------------------------------------------------------
    dweling-for-sale
-------------------------------------------------------------- */
.cmn-sec-ttl .ja {
	color: var(--service1);
}

.cmn-sec-ttl .en {
	color: #93adce;
}

.cmn-ttldeco span::before {
	background: #93adce;
}

@media screen and (min-width: 769px) {

	#service #menu-box .menu-list li {
		width: calc( 100% / 6 );
	}

}



/* -----------------------------------------------------------
    .top-area
-------------------------------------------------------------- */
.top-area .catch-img {
	width: 490px;
	height: 220px;
}

/* -----------------------------------------------------------
    .feature-area
-------------------------------------------------------------- */
.feature-wrap .cmn-boxttl {
	border-top: 2px solid var(--service1);
}

.feature-wrap .cmn-boxttl .num {
	background: var(--service1);
}

.feature-wrap .cmn-boxttl .cmn-catch {
	color: var(--service1);
}

.feature-wrap .feature-cmn-box-ttl,
.feature-wrap .feature-cmn-box-ttl::before {
	color: var(--service1);
}

.feature-wrap.feature01 .wrap-ttl {
	color: var(--service1);
}

.feature-wrap.feature02 .feature-cmn-box-ttl {
	color: var(--service1);
}

.feature-wrap.feature02 .feature-housing-adviser-point li .txt::before {
	color: var(--service1);
}

/*Area information*/
.area-information {
	background-color: #e5ecf4;
}

.area-information-ttl .ja,
.area-information .area-information-ttl .en {
	color: var(--service1);
}

.area-information .area-information-ttl .en::before {
	background: url("../img/dweling-for-sale-area-information-icon.png") no-repeat center center /cover;
}

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

	.feature-wrap .cmn-boxttl {
		border-top: 3px solid var(--service1);
		margin: 0 0 20px 0;
	}

	#service.dweling-for-sale .feature-wrap.feature03 .cmn-boxttl .cmn-catch {
		font-size: 2.3rem;
	}

}

/* -----------------------------------------------------------
    rooftop-area
-------------------------------------------------------------- */
.rooftop-box-ttl {
	color: var(--service1);
}

.rooftop-box-ttl::before {
	color: var(--service1);
}

.rooftop-point li::before {
	background-color: var(--service1);
}

.gallary-subttl {
	color: var(--service1);
}

.gallary-subttl::before, .gallary-subttl::after {
	background: var(--service1);
}

.rooftop-area .sub-catch {
	color: var(--service1);
}



/* -----------------------------------------------------------
    performance-area
-------------------------------------------------------------- */
.performance-point-ttl {
	color: var(--service1);
}



/* -----------------------------------------------------------
    flow-area
-------------------------------------------------------------- */
.flow-area .flow-step::before {
	border-left: 10px dotted #e5ecf4;
}

.flow-step .small-ttl {
	color: var(--service1);
}

.flow-step .small-ttl .num {
	background-color: var(--service1);
}

.flow-step .descript .descript-point {
	background-color: #e5ecf4;
}

.flow-step .descript .descript-point::before {
	color: var(--service1);
}

@media screen and (max-width: 768px) {
	.flow-step .small-ttl {
		background: var(--service1);
	}
}