@charset "UTF-8";
/* ######################################################################################

　敷地配置図

###################################################################################### */
/* ====================================================
  共通
==================================================== */
.pageLandplan .wallBelt.topZero{
    padding-top: 0;
}
.pageLandplan .landplan {
	
}
.pageLandplan .landplan .main {
	padding: 40px;
	position: relative;
	background-image: linear-gradient(45deg, #000000, #3d2b0e);
}
.pageLandplan .landplan .main span {
	position: absolute;
	color: #fff;
	bottom: 5%;
	right: 5%;
	font-size: 14px;
}
.pageLandplan .landplan h3 { margin-top: 80px; margin-bottom: 60px; font-size: 230%; font-weight: normal; line-height: 1.7;}
.pageLandplan .landplan .contents p { line-height: 1.8; font-size: 130%; text-align: center; /*margin-bottom: 50px;*/}

.pageLandplan .landplan .contents.shikichi { padding: 0px 15px;}

.pageLandplan .landplan .att.contents { padding-top: 0; }
.pageLandplan .landplan .att {
	font-size: 11px;
    line-height: 1.5;
}


.pageLandplan .landplan .point.contents { padding-top: 0;}
.pageLandplan .landplan .point ul {
	display: flex;
	justify-content:space-between;
	flex-wrap: wrap;
	margin-top: 40px;
}
.pageLandplan .landplan .point ul li { width: 23%; margin: 10px; color: #221814;}
.pageLandplan .landplan .point ul li.one h3 { position: relative;}
/*.pageLandplan .landplan .point ul li.one { width: 73%;}*/
.pageLandplan .landplan .point ul li.one em { font-size: 150%; line-height: 1; padding-right: 5px;}
.pageLandplan .landplan .point ul li.one h3 .nidaime { position: absolute; right: -5px; top: 34px; width: 33%;}
.pageLandplan .landplan .point ul:before {
	content:"";
	display: block;
	width:23%;
	order:1;
}
.pageLandplan .landplan .point ul:after {
	content:"";
	display: block;
	width:23%;
}

.pageLandplan .landplan .point ul li span {
	font-size: 100%;
    background: #475980;
    line-height: 1;
    padding: 2px 12px;
    margin-right: 10px;
	color: #fff;
}
.pageLandplan .landplan .point ul li h3 { margin-top: 0; /*border-bottom: solid 1px #fff; padding-bottom: 10px;*/ color: #475980; margin-bottom: 20px; font-weight: normal; font-size: 150%; text-align: left;}
.pageLandplan .landplan .point ul li p { font-size: 110%; text-align: left; margin-bottom: 10px;}
.pageLandplan .landplan .point ul li p.photo { }
.pageLandplan .landplan .point ul li p em { font-size: 10px; font-style: normal; display: block;}


@media screen and (max-width: 767px) {
	.pageLandplan .landplan .main { padding: 10px;}
	.pageLandplan .landplan .main span { bottom: 6%; right: 6%;}
	.pageLandplan .landplan h3 { margin-top: 40px; margin-bottom: 30px; font-size: 190%;}
	.pageLandplan .landplan .contents p img { width: 100%;}
	.pageLandplan .landplan .point.contents { padding: 20px;}
	.pageLandplan .landplan .point ul {}
	.pageLandplan .landplan .point ul li,
	.pageLandplan .landplan .point ul li.one{ width: 100%;}	
	.pageLandplan .landplan .point ul li h3 { font-size: 190%;}
	.pageLandplan .landplan .point ul li.one h3 .nidaime {
		right: -5px;
		top: 4px;
		width: 33%;
	}
	.pageLandplan .landplan .point ul li p { font-size: 140%;}
}

/* end */