/* 木造建築の強み */

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

#woo {
	line-height: 200%;
	margin: 0px 0px -130px 0px;
	}

#woo .main {
	width: 90%;
	max-width: 1400px;
	font-size: 21px;
	line-height: 200%;
	margin: 0px auto;
	text-align: center;
	}

#woo section {
	padding: 130px 0px;
	}

#woo section h2.title {
	width: 90%;
	max-width: 1400px;
	text-align: center;
	}

#woo section ul {
	width: 90%;
	max-width: 1400px;
	margin: 0px auto 30px auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	}

#woo section ul li {
	width: 30.952%;
	line-height: 150%;
	margin: 0px 3.571% 50px 0px;
	display: block;
	}

#woo section ul li:nth-child(3n),
#woo section ul li:last-child {
	margin: 0px 0px 50px 0px;
	}

#woo section ul li img {
	width: 100%;
	margin: 0px 0px 20px 0px;
	}

#woo section ul li h3 {
	font-size: 21px;
	line-height: 120%;
	margin: 0px 0px 20px 0px;
	}

#woo section .ben {
	width: 90%;
	max-width: 1400px;
	font-size: 36px;
	font-weight: bold;
	line-height: 150%;
	color: #EC6D37;
	margin: 0px auto;
	text-align: center;
	}

#woo .cop {
	width: 90%;
	max-width: 1400px;
	font-size: 21px;
	line-height: 200%;
	margin: 0px auto 50px auto;
	text-align: center;
	}

#woo .law {
	width: 100%;
	background: #FFF8F3;
	}

#woo .law #mor {
	margin: 80px auto 0px auto;
	}

}

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

#woo {
	line-height: 200%;
	margin: 0px 0px -70px 0px;
	}

#woo .main {
	width: 90%;
	max-width: 1400px;
	font-size: 16px;
	line-height: 200%;
	margin: 0px auto;
	}

#woo .main h2.title {
	text-align: center;
	}

#woo section {
	padding: 70px 0px;
	}

#woo section h2.title {
	width: 90%;
	text-align: center;
	}

#woo section ul {
	width: 90%;
	margin: 0px auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	}

#woo section ul li {
	width: 100%%;
	line-height: 150%;
	margin: 0px 0px 30px 0px;
	display: block;
	}

#woo section ul li:last-child {
	margin: 0px 0px 50px 0px;
	}

#woo section ul li img {
	width: 100%;
	margin: 0px 0px 20px 0px;
	}

#woo section ul li h3 {
	font-size: 18px;
	line-height: 120%;
	margin: 0px 0px 10px 0px;
	}

#woo section .ben {
	width: 90%;
	font-size: 21px;
	font-weight: bold;
	line-height: 150%;
	color: #EC6D37;
	margin: 0px auto;
	}

#woo section .ben br:nth-child(1),
#woo section .ben br:nth-child(3) {
	display: none;
	}

#woo .cop {
	width: 90%;
	font-size: 16px;
	line-height: 200%;
	margin: 0px auto 30px auto;
	}

#woo .cop br:nth-child(3) {
	display: none;
	}

#woo .law {
	width: 100%;
	background: #FFF8F3;
	}

#woo .law #mor {
	margin: 40px auto 0px auto;
	}

}