@charset "utf-8";

/* 外観 */
#designContainer #headTitBox {
	margin-top: 0;
	padding-top: 40px;
}

#designContainer #copyContent {max-width: 100%; padding-bottom: 80px; }

#designContainer #copyContent h3 {
	width: 100%;
}


div.designMainBox {
	margin-top: 60px;
	width: 100%;
	height: auto;
}
div.designMainBox img {
	width: 100%;
	height: auto;
}

.designSection {
	margin: 0 auto;
	width: 100%;
	max-width: 960px;
}
.designSection h4 {	border-bottom: 1px solid #003a36; }
.designSection .descBox { padding-top: 20px; }
.designSection p.wordBox {
	width: 48%;
	height: auto;
	float: left;
	font-size: 13px;
	line-height: 17px;
}
.designSection p.wordBox span.wordSmall {
	padding-top: 10px;
	font-size: 11px;
	line-height: 13px;
	color: #777;
}
.designSection .imgBox {
	width: 48%;
	height: auto;
	float: right;
}
.designSection .imgBox img {
	width: 100%;
	height: auto;
}


#designPage #footWrap { margin-top: 0px; }


/* 風景 */
.lsMainBox { margin-top: 20px; }
.lsMainBox img { width: 100%; height: auto; }

.lsSection {
	margin: 80px auto 0;
	width: 100%;
	max-width: 960px;
}
.lsSection h4 {	border-bottom: 1px solid #003a36; }
.lsSection p {
	margin-top: 10px;
	font-size: 13px;
	line-height: 17px;
}
.lsSection .lsColumnBoxL {
	width: 48%;
	float: left;
}
.lsSection .lsColumnBoxR {
	width: 48%;
	float: right;
}

.lsSection2 {
	margin: 80px auto 0;
	width: 100%;
	max-width: 960px;
}
.lsSection2 h4 {	border-bottom: 1px solid #003a36; }
.lsSection2 .descBox { padding-top: 20px; }
.lsSection2 p.wordBox {
	height: auto;
	font-size: 13px;
	line-height: 17px;
}
.lsSection2 .imgBox { margin-top: 10px; width: 100%;	height: auto; }
.lsSection2 .imgBox div { float: left; margin-left: 7.5px; }
.lsSection2 .imgBox div:first-child { margin-left: 0; }

.lsSection2 .imgBox img:first-child { margin-left: 0; }

.entMainBox { margin-top: 80px; text-align: center; }
.entMainBox img { width: 912px; height: auto; }


@media screen and (max-width: 960px) {
/* 外観 */
.designSection {
	max-width: 90%;
	margin: 0 auto;
}

/* 風景 */
.lsSection { width: 90%; }
.lsSection .lsColumnBoxL { width: 100%; float: none; }
.lsSection .lsColumnBoxR { margin-top: 40px; width: 100%; float: none; }
.lsSection2 { width: 90%; }
.lsSection2 .imgBox div { margin-left: 1%; width: 10.2%; }
.lsSection2 .imgBox div img { width: 100%; height: auto; }


/* エントランス */
.entMainBox img { width: 100%; height: auto; }

}
@media screen and (max-width: 840px) {
/* 外観 */
#designContainer #copyContent h3 img { width: 70%; }
#copyContent h3 + p img { width: 90%; }
}
@media screen and (max-width: 640px) {
/* 外観 */
.designSection .imgBox {
	width: 100%;
	float: none;
}
.designSection p.wordBox {
	width: 100%;
	float: none;
}
	

/* 風景 */
.lsSection2 p.wordBox {
	width: 100%;
	float: none;
}
.lsSection2 .imgBox {
	margin-top: 40px;
	width: 100%;
	float: none;
}
.lsSection2 .imgBox div { margin-left: 1%; width: 19.2%; }
.lsSection2 .imgBox div.flower06 { margin-left: 0; margin-top: 1% }
.lsSection2 .imgBox div.flower07,
.lsSection2 .imgBox div.flower08,
.lsSection2 .imgBox div.flower09 { margin-top: 1% }

}
@media screen and (max-width: 480px) {
.lsSection h4 img { width: 90%; }
.lsSection2 h4 img { width: 90%; }

/* 風景 */
.lsSection2 .imgBox div { margin-left: 1%; width: 32.6%; }
.lsSection2 .imgBox div.flower04,
.lsSection2 .imgBox div.flower07 { margin-left: 0; margin-top: 1% }

.lsSection2 .imgBox div.flower05 { margin-top: 1% }
.lsSection2 .imgBox div.flower06 { margin-left: 1% }


}