@charset "utf-8";


/* 法律・敷地の基礎知識
=========================================================================*/
.contentsBoxSection{
	margin:20px 0 0 10px;
	padding:0;
	width:671px;
	clear:both;
	}
.contentsBoxSection p{
	margin:0;
	line-height:180%;
	}

p.knowledgeLead{
	margin:0 0 15px 0;
	line-height:180%;
	}


.knowledgeContetnsArea{
	margin:20px 0 0 0;
	padding:0 0 18px 0;
	width:669px;
	border:1px solid #CCC;
	background:url(/unithouse/support/img/contents_bg.jpg) no-repeat 2px 2px;
	overflow:hidden;
	}
.knowledgeContetnsArea .stit{
	margin:0 0 16px 7px;
	padding:12px 0 0 5px;
	width:650px;
	height:27px;
	border-bottom:2px solid #30527A;
	}

p.planImg{
	margin:0 0 30px 0;
	text-align:center;
	}
p.planTxt{
	margin:0 0 15px 0;
	}

.pointContetnsArea{
	margin:20px 0 0 0;
	padding:12px 12px 18px 12px;
	width:645px;
	border:1px solid #CCC;
	background:url(/unithouse/support/img/contents_bg.jpg) no-repeat 2px 2px;
	overflow:hidden;
	}
.pointContetnsArea h4{
	margin:0 0 12px 0;
	}
.pointContetnsArea .onePointList{
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
	}
.pointContetnsArea .onePointList li{
	margin:0;
	padding:0 0 0 1em;
	text-indent:-1em;
	line-height:200%;
	}

.spaceTable{
	margin:0 0 0 7px;
	width:650px;
	}
.spaceTable td.img{
	padding:2px 0 0 0;
	width:173px;
	text-align:center;
	vertical-align:middle;
	}
.spaceTable td.txt{
	padding:10px;
	vertical-align:top;
	}
.spaceTable td.txt .note{
	margin:10px 0 0 0;
	font-size:80%;
	}

@media screen and (max-width: 750px) {
	.mainBox {
		padding: 0 10px;
	}
	.productNavi,
	.contentsImg,
	.contentsLeft,
	.contentsBox,
	.footstepBox {
		width: 100%;
	}
	.contentsImg {
		overflow: hidden;
	}
	.contentsImg img {
		width: 500px;
	}

	.contentsBoxSection {
		width: 100%;
		margin: 20px 0 0;
	}
	p.planImg img,
	.pointContetnsArea {
		width: 100%;
	}

	.knowledgeContetnsArea,
	.knowledgeContetnsArea .stit,
	.spaceTable {
		width: 100%;
	}
	.spaceTable tr {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}
	.spaceTable td:nth-of-type(3) {
		grid-column-start: 1;
		grid-column-end: 3;
	}

	.bottomTel-sp {
		margin: 0 15px 40px;
	}
}