@charset "UTF-8";




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

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

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


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



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



	
.landscape_mp-wrap {
	margin-top: 30px;
}

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

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

.landscape_mp-wrap .landscape_mp .cap-cover {
	position: relative;
	right: 0;
}


.num-box-no1 dt {
	font-size: 14px;
	line-height: 16px;
	width: 18px;
	height: 18px;
	margin-right: 5px;
}

.num-box-no1 dd {
	font-size: 1.6rem;
	width: calc(100% - 28px);
}

.landscape_p01 .txt {
	font-size: 1.3rem;
}

.num-box dl {
	padding-bottom: 5px;
	margin-bottom: 5px;
	margin-top: 20px;
}

.num-box dt {
	font-size: 14px;
	line-height: 16px;
	width: 18px;
	height: 18px;
	margin-right: 5px;
}

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

.num-box .txt {
	font-size: 1.3rem;
}

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

.landscape_p08-wrap > li {
	width: 100%;
	margin-left: 0;
}

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



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

.plant-wrap {
	padding: 20px;
	margin-top: 30px;
}

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

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

.plant-wrap .photo {
	margin-top: 20px;
}


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

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

.entrance_02-wrap {
	margin-top: 40px;
}

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

.entrance_02-wrap li:nth-child(2) {
	width: 80%;
	margin: 0 auto;
	margin-top: 30px
}

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


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

.architect-area {
	padding: 20px;
	margin-top: 40px;
}

.architect-area .ttl {
	font-size: 2.0rem;
}

.architect-wrap {
	margin-top: 10px;
}

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

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

.architect_01 {
	margin-top: 20px;
}

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



	
	
	
	
	
	
	
	




	
	
	
	
/********** scroll-box ***********/	

.scroll-box {
  overflow-x: auto;
  padding-bottom: 10px;
  -webkit-overflow-scrolling: touch;
}
	
.scroll-box div img {
  max-width: 100%;
  vertical-align: top;
}

.position_03-wrap .scroll-box div img {
  min-width: 700px;
}


	

	
.scroll-box::-webkit-scrollbar {
  height: 4px;
}
.scroll-box::-webkit-scrollbar-track {
  background: #fff;
}
.scroll-box::-webkit-scrollbar-thumb {
  background: #aaa;
  border: none;
}
.scroll-box::-webkit-scrollbar-thumb:hover {
  background: #999;
}
	
/********** ↑scroll-box ***********/
	
	
	
	
	
	
	
	
	
	

	
	
	
}