@charset "UTF-8";




/*********** 共通・背景 *************/

.design_bg01 {
	background-image: url("../../design/images/design_bg01.jpg");
	background-position: center top;
	background-size: cover;
	padding-top: 120px;
	padding-bottom: 120px;
	margin-top: 140px;
}

/*********** ↑共通・背景 *************/




.design_01-wrap {
	margin-top: 80px;
}


.landscape_mp-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 60px;
}

.landscape_mp-wrap > li:nth-child(1) {
	width: 65%;
}

.landscape_mp-wrap > li:nth-child(2) {
	width: 33.33%;
}

.landscape_mp-wrap .landscape_mp .cap-cover {
	right: 5%;
}

.landscape_pickup-wrap {
	background: #eeebe1;
	padding: 20px;
}

.num-box-no1 dl {
	display: flex;
	align-items: center;
	background: #000;
	padding: 5px;
}

.num-box-no1 dt {
	display: inline-block;
	color: #fff;
	font-size: 16px;
	text-align:center;
	line-height: 18px;
	width: 20px;
	height: 20px;
	background: #a86b4f;
	margin-right: 10px;
}

.num-box-no1 dd {
	color: #fff;
	font-size: 1.8rem;
	line-height: 1.0;
	letter-spacing: 0;
	width: calc(100% - 30px);
}

.num-box-no1 .copy {
	font-size: 1.3rem;
	line-height: 1.5;
	letter-spacing: 0;
	text-align: center;
	background: #fff;
	border: 1px solid #000;
	padding: 3px;
}

.landscape_p01 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 10px;
}

.landscape_p01 li:nth-child(1) {
	width: 61.11%;
}

.landscape_p01 li:nth-child(2) {
	width: 36.11%;
}

.landscape_p01 .txt {
	font-size: 1.4rem;
	line-height: 1.5;
	letter-spacing: 0;
}

.num-box dl {
	display: flex;
	align-items: center;
	border-bottom: 1px solid #999;
	padding-bottom: 10px;
	margin-bottom: 10px;
	margin-top: 30px;
}

.num-box dt {
	display: inline-block;
	color: #fff;
	font-size: 16px;
	text-align:center;
	line-height: 18px;
	width: 20px;
	height: 20px;
	background: #a86b4f;
	margin-right: 10px;
}

.num-box dd {
	color: #a86b4f;
	font-size: 1.8rem;
	line-height: 1.5;
	letter-spacing: 0;
	width: calc(100% - 30px);
}

.num-box .txt {
	font-size: 1.4rem;
	line-height: 1.5;
	letter-spacing: 0;
}

.landscape_p08-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
}

.landscape_p08-wrap > li {
	width: 33.33%;
	margin-left: 4%;
}

.landscape_p08-wrap .copy-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 10px;
}

.landscape_p08-wrap .copy-wrap li:nth-child(1) {
	width: 61.11%;
}

.landscape_p08-wrap .copy-wrap li:nth-child(2) {
	width: 36.11%;
}



/*********** plant *************/

.plant-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	background: #eeebe1;
	padding: 60px;
	padding-bottom: 45px;
	margin-top: 60px;
}

.plant-wrap li:nth-child(1) {
	width: 52.41%;
}

.plant-wrap li:nth-child(2) {
	width: 42.59%;
}

.plant-wrap .photo {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.plant-wrap .photo dl {
	width: 32%;
}

.plant-wrap .photo dl:nth-child(n+4) {
	margin-top: 10px;
}

/*********** ↑plant *************/



/*********** entrance *************/

.entrance_02-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 80px;
}

.entrance_02-wrap li:nth-child(1) {
	width: 53.33%;
}

.entrance_02-wrap li:nth-child(2) {
	width: 41.67%;
}

/*********** ↑entrance *************/




/*********** architect *************/

.architect-area {
	border: 1px solid #816627;
	padding: 40px;
	margin-top: 80px;
}

.architect-area .ttl {
	font-family: "Cormorant Garamond", serif;
	color: #816627;
	font-size: 3.0rem;
	text-align: center;
}

.architect-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 20px;
}

.architect-wrap > li:nth-child(1) {
	width: 29.46%;
}

.architect-wrap > li:nth-child(2) {
	width: 67.86%;
}

.architect_01 {
	display: flex;
	align-items: flex-end;
}

.architect_01 li:nth-child(1) {
	width: 43.94%;
}

.architect_01 li:nth-child(2) {
	width: 51.52%;
	margin-left: 4%;
}

.architect_01 dt {
	font-family: "Cormorant Garamond", serif;
	color: #816627;
	font-size: 1.7rem;
}

.architect_01 dd:nth-of-type(1) {
	font-size: 1.2rem;
	line-height: 1.3;
	letter-spacing: 0;
}

.architect_01 dd:nth-of-type(2) {
	font-size: 1.8rem;
	margin-top: 10px;
}

.architect-wrap .copy .txt {
	font-size: 1.4rem;
	line-height: 1.5;
	text-align: justify;
	margin-top: 20px;
}

/*********** ↑architect *************/