@charset "UTF-8";

.house-category .sec-detail {
	padding: 1rem 0;
}
.house-category .sec-title {
	margin-bottom: 1rem;
}
.house-category .sec-title span {
	display: block;
	font-size: 1rem;
	font-weight: normal;
}

.house-category .sec-detail-btn-area {
	text-align: right;
}

.relations {
	margin-top: 2rem;
}
.relation-title-area {
	margin-bottom: 1rem;
}
.relation-title {
	/*display: flex;*/
	margin-bottom: 2rem;
}
.relation-title:after {
	background-color: #595757;
	content: "";
	display: block;
	height: 1px;
	margin-top: -2.5rem;/*-12%;*/
	margin-bottom: 4rem;/*25%;*/
	width: initial;
}
.relation-title .title-e {
	background-color: #fff;
	color: #7698b4;
	display: inline-block;
	font-family: Oswald, sans-serif;
	font-size: 1.75rem;
	padding-right: .5rem;
}
.relation-title .title-j {
	display: block;
	font-size: .875rem;
	font-weight: 300;
}
.viewmore {
	border: 1px solid #595857;
	display: block;
	font-size: .625rem;
	margin: 0 auto;
	padding: 1rem;
	text-align: center;
	width: 70%;
}

.relations li {
	margin-bottom: 1rem;
}
.relations li:last-child {
	margin-bottom: 0;
}

@media screen and (min-width: 980px) {
	/* category */
	.house-category .content-wrapper {
		align-items: center;
		display: flex;
		flex-wrap: wrap;
		padding: 5% 0;
	}
	.house-category .sec-eyecatch {
		flex-basis: 50%;
	}
	.house-category .sec-detail {
		flex-basis: 50%;
		padding: 2.5%;
	}
	.house-category .sec-title {
		font-size: 1.75rem;
	}
	
	.relations {
		align-items: center;
		display: flex;
		flex-basis: 100%;
		justify-content: space-between;
		padding: 2%;
	}
	.relation-title-area {
		flex-basis: 25%;
	}
	.viewmore {
		display: inline-block;
		padding: 1rem;/*1rem 6rem;*//*5% 25%;*/
	}
	.relations ul {
		display: flex;
		flex-basis: 70%;
		justify-content: space-between;
	}
	.relations li {
		flex-basis: 49%;
		margin-bottom: 0;
	}
}
@media screen and (min-width: 1280px) {
	.house-category .sec-detail p {
		font-size: 1rem;
		line-height: 2.5;
	}
}