@charset "UTF-8";


html, body { height: auto; }

#main-content{  }
#main-content img{ width: 100%; height: auto; }
#main-content .section-landplan{ padding: 120px 0 0; }
#main-content .section-landplan .section-intro .en{ font-size: 32px; line-height: 1.5; color: #6e7385; font-weight: normal; font-family: 'YakuHanMP', 'EB Garamond', 'Cormorant Garamond', 'Lora', 'Noto Serif JP', serif; text-align: center; }
#main-content .section-landplan .section-intro .copy{ margin-top: 50px; font-size: 20px; line-height: 1.5; color: #565e5b; text-align: center; }
#main-content .section-landplan .shikichi{ max-width: 1228px; width: 90%; margin: 0 auto; position: relative; z-index: 10; }
#main-content .section-landplan .shikichi .caption{ margin-top: -50px; }
#main-content .section-landplan .shikichi .list-item{ max-width: 840px; margin: 20px auto 0; display: flex; display: -ms-flex; flex-wrap: wrap; }
#main-content .section-landplan .shikichi .list-item .item{ font-size: 16px; line-height: 1.5; color: #4c4c4c; white-space: nowrap; }
#main-content .section-landplan .shikichi .list-item .item01,
#main-content .section-landplan .shikichi .list-item .item05,
#main-content .section-landplan .shikichi .list-item .item09,
#main-content .section-landplan .shikichi .list-item .item13{ width: 196px; }
#main-content .section-landplan .shikichi .list-item .item02,
#main-content .section-landplan .shikichi .list-item .item06,
#main-content .section-landplan .shikichi .list-item .item10,
#main-content .section-landplan .shikichi .list-item .item14{ width: 180px; margin-left: 50px; }
#main-content .section-landplan .shikichi .list-item .item03,
#main-content .section-landplan .shikichi .list-item .item07,
#main-content .section-landplan .shikichi .list-item .item11,
#main-content .section-landplan .shikichi .list-item .item15{ width: 148px; margin-left: 50px; }
#main-content .section-landplan .shikichi .list-item .item04,
#main-content .section-landplan .shikichi .list-item .item08,
#main-content .section-landplan .shikichi .list-item .item12,
#main-content .section-landplan .shikichi .list-item .item16{ width: 164px; margin-left: 50px; }
#main-content .section-landplan .shikichi .list-item .item .num{ font-size: 12px; width: 16px; line-height: 16px; background-color: #927d3f; color: #ffffff; text-align: center; margin-right: 0.2em; display: inline-block; }
#main-content .section-landplan .landplan-info{ max-width: 1100px; margin: 80px auto 0; padding: 0 5%; display: flex; display: -ms-flex; justify-content: space-between; flex-wrap: wrap; }
#main-content .section-landplan .landplan-info .item{ width: 50%; box-sizing: border-box; padding-bottom: 30px; }
#main-content .section-landplan .landplan-info .item:nth-child(n+3){ padding-top: 30px; padding-bottom: 0; border-top: 1px solid #e4e4e4; }
#main-content .section-landplan .landplan-info .item:nth-child(2n+1){ padding-right: 30px; }
#main-content .section-landplan .landplan-info .item:nth-child(2n+2){ padding-left: 30px; border-left: 1px solid #e4e4e4; }
#main-content .section-landplan .landplan-info .item .head{ font-size: 20px; line-height: 1.2; color: #927d3f; }
#main-content .section-landplan .landplan-info .item .txt{ line-height: 1.7142; margin-top: 10px; }
#main-content .section-landplan .garden{ max-width: 1050px; margin: 70px auto 0; position: relative; z-index: 10; }
#main-content .section-landplan .garden .head{ display: flex; display: -ms-flex; align-items: center; font-size: 22px; line-height: 1.5; color: #4c4c4c; position: relative; }
#main-content .section-landplan .garden .head .word{ padding: 0 0.5em; }
#main-content .section-landplan .garden .head::before,
#main-content .section-landplan .garden .head::after{ content: ""; flex: 1; height: 1px; background-color: #c3c3c3; }
#main-content .section-landplan .garden .split-view{ display: flex; display: -ms-flex; justify-content: space-between; margin: 20px auto 0; }
#main-content .section-landplan .garden .split-view .txt-body{ width: 38.2857%; }
#main-content .section-landplan .garden .split-view .txt-body .txt{ font-size: 14px; line-height: 2.42; }
#main-content .section-landplan .garden .split-view .photo-list{ width: 58.1905%; display: flex; display: -ms-flex; justify-content: space-between; }
#main-content .section-landplan .garden .split-view .photo-list .item{ width: 32.0786%; }
#main-content .section-landplan .landplan-end{ position: relative; margin-top: -200px; }
#main-content .section-landplan .landplan-end .photo{ position: relative; }
#main-content .section-landplan .landplan-end .photo::before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 75.7536%; background: linear-gradient(to bottom, rgba(255,255,255,1) 30%, rgba(255,255,255,0) 100%); margin-top: -1px; }
#main-content .section-landplan .landplan-end .caption{ position: absolute; right: 5%; bottom: 0; margin-bottom: 4%; }







/*--レスポンシブ追加プロパティ--------------------------------------*/
@media screen and (max-width: 1112px){ /*1112px以下のcss*/
}
@media screen and (max-width: 768px){ /*768px以下のcss*/
	#main-content .section-landplan{ padding: 15% 0 0; }
	#main-content .section-landplan .section-intro .copy{ margin-top: 10%; padding: 0 5%; }
	#main-content .section-landplan .shikichi{ width: 100%; margin-top: 10%; }
	#main-content .section-landplan .shikichi .caption{ margin: -5% 0 0; padding: 0 5%; }
	#main-content .section-landplan .shikichi .list-item{ margin: 10px auto 0; width: 90%; }
	#main-content .section-landplan .shikichi .list-item .item{ font-size: 14px; width: 50%; margin-left: 0; white-space: normal; }
	#main-content .section-landplan .landplan-info{ margin: 10% auto 0; display: block; }
	#main-content .section-landplan .landplan-info .item{ width: 100%; padding-bottom: 0; }
	#main-content .section-landplan .landplan-info .item:nth-child(n){ padding: 0; border: none; }
	#main-content .section-landplan .landplan-info .item:nth-child(n+2){ padding-top: 5%; margin-top: 5%; border-top: 1px solid #e4e4e4; }
	#main-content .section-landplan .landplan-info .item .head{ font-size: 18px; }
	#main-content .section-landplan .landplan-info .item .txt{ margin-top: 5px; }
	#main-content .section-landplan .garden{ margin-top: 10%; padding: 0 5%; }
	#main-content .section-landplan .garden .head{ font-size: 20px; }
	#main-content .section-landplan .garden .split-view{ display: block; margin-top: 5%; }
	#main-content .section-landplan .garden .split-view .txt-body{ width: 100%; }
	#main-content .section-landplan .garden .split-view .txt-body .txt{ line-height: 2; }
	#main-content .section-landplan .garden .split-view .photo-list{ width: 100%; margin-top: 5%; }
	#main-content .section-landplan .landplan-end{ margin-top: -10%; }
	#main-content .section-landplan .landplan-end .caption{ margin-bottom: 0; }
}
@media screen and (max-width: 480px){ /*480px以下のcss*/
}