@charset "UTF-8";


#main-content img{ width: 100%; height: auto; }
#main-content .section-design{ max-width: 1400px; padding: 120px 5% 0; margin: 0 auto; }
#main-content .en-ttl{ font-size: 24px; line-height: 1.5; font-family: 'YakuHanMP', 'EB Garamond', 'Cormorant Garamond', 'Lora', 'Noto Serif JP', serif; color: #ada076; letter-spacing: 0.2em; font-weight: normal; padding-bottom: 60px; display: flex; display: -ms-flex; align-items: center; }
#main-content .en-ttl:before,
#main-content .en-ttl:after{ content: ""; height: 1px; flex: 1; background-color: #ada076; }
#main-content .en-ttl .word{ position: relative; padding: 0 1em; }
#main-content .en-ttl .word::before,
#main-content .en-ttl .word::after{ content: ""; position: absolute; top: 50%; height: 30px; width: 1px; background-color: #ada076; transform: translateY(-50%); }
#main-content .en-ttl .word::before{ left: 0; }
#main-content .en-ttl .word::after{ right: 0; }
#main-content .section-design .design{ overflow: hidden; }
#main-content .section-design .design .copy{ font-size: 24px; line-height: 1.5; color: #231815; text-align: center; }
#main-content .section-design .design .roof .copy{ font-size: 18px; line-height: 1.5; color: #231815; margin-top: 20px; }
#main-content .section-design .design .photo-body01{ position: relative; width: 100%; max-width: 1400px; margin: 50px auto 0; }
#main-content .section-design .design .design-box01{ margin: 50px auto 0; position: relative; }
#main-content .section-design .design .photo-body02{ position: relative; width: 100%; max-width: 1400px; margin: 0 auto; }
#main-content .section-design .design .photo-body03{ position: relative; width: 100%; max-width: 1400px; margin: 50px auto 0; }
#main-content .section-design .design .photo-body04{ position: relative; width: 100%; max-width: 1400px; margin: 50px auto 0; }
#main-content .section-design .design .design-box02{ margin: 50px auto 0; position: relative; }
#main-content .section-design .design .design-box01 .copy,
#main-content .section-design .design .design-box02 .copy{ font-size: 20px; font-weight: normal; position: absolute; left: 0; top: 50%; z-index: 10; background: linear-gradient(to right, rgba(0,0,0,0.8) 80%,rgba(0,0,0,0) 100%); color: #ffffff; padding: 5px 20px; text-align: left; transform: translateY(-50%); }
#main-content .section-design .design .photo-body05{ position: relative; width: 100%; max-width: 1400px; margin: 50px auto 0; }
#main-content .section-design .design .photo-body .caption{ position: absolute; left: 0; bottom: 0; padding: 2px 7px; background-color: rgba(0,0,0,0.8); color: #ffffff; }
#main-content .section-design .design .design-end{ text-align: center; margin: 0 auto 0; }
#main-content .section-design .design .design-end .txt{ font-size: 16px; line-height: 1.875; margin-top: 20px; }
#main-content .section-design .design .designer-list{ display: flex; display: -ms-flex; justify-content: space-between; width: 90%; max-width: 900px; margin: 70px auto 0; }
#main-content .section-design .design .designer-list .item{ width: 28.8889%; position: relative; }
#main-content .section-design .design .designer-list .item:nth-child(n+2)::before{ content: ""; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background-color: #e9d8ce; margin-left: -11.5384%; }
#main-content .section-design .design .designer-list .item *{ color: #a38a77; }
#main-content .section-design .design .designer-list .item .en{ font-family: 'YakuHanMP', 'EB Garamond', 'Cormorant Garamond', 'Lora', 'Noto Serif JP', serif; font-size: 24px; line-height: 1.5; }
#main-content .section-design .design .designer-list .item .name{ margin-top: 10px; font-size: 17px; line-height: 1.3; }
#main-content .section-design .design .designer-list .item .name .info{ font-size: 14px; display: block; }
#main-content .section-design .design .designer-list .item .txt{ margin-top: 5px; }

#main-content .section-design .landplan{ margin: 80px auto 0; background: url(../images/img_design/landplan/bg01.jpg) center 0 no-repeat; background-size: 100% auto; padding: 70px 5% 0; padding-bottom: 70px; }
#main-content .section-design .landplan .copy{ font-size: 24px; line-height: 1.5; color: #231815; text-align: center; }
#main-content .section-design .landplan .split-view{ display: flex; display: -ms-flex; justify-content: space-between; flex-direction: row-reverse; max-width: 1100px; margin: 50px auto 0; }
#main-content .section-design .landplan .split-view .illust-body{ width: 64.7273%; }
#main-content .section-design .landplan .split-view .illust-body .map{ mix-blend-mode: multiply; }
#main-content .section-design .landplan .split-view .inner-body{ width: 30%; }
#main-content .section-design .landplan .split-view .inner-body .item .photo{ mix-blend-mode: multiply; }
#main-content .section-design .landplan .split-view .inner-body .item .head{ font-size: 18px; line-height: 1.5; color: #796a56; }
#main-content .section-design .landplan .split-view .inner-body .item .txt{ margin-top: 10px; }
#main-content .section-design .landplan .split-view .inner-body .item+.item{ margin-top: 40px; }
#main-content .section-design .landplan .split-view .inner-body .item .photo-split{ display: flex; display: -ms-flex; justify-content: space-between; margin-top: 20px; }
#main-content .section-design .landplan .split-view .inner-body .item .photo-split .photo-body{ width: 31.5152%; }
#main-content .section-design .landplan .txt-split{ display: flex; display: -ms-flex; justify-content: space-between; max-width: 1100px; margin: 50px auto 0; }
#main-content .section-design .landplan .txt-split .item{ width: 21.8182%; position: relative; }
#main-content .section-design .landplan .txt-split .item:nth-child(n+2)::before{ content: ""; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background-color: #e9d8ce; margin-left: -9.5537%; }
#main-content .section-design .landplan .txt-split .item .head{ font-size: 18px; line-height: 1.4444; color: #796a56; }
#main-content .section-design .landplan .txt-split .item .txt{ line-height: 1.5714; margin-top: 5px; }






/*--レスポンシブ追加プロパティ--------------------------------------*/
@media screen and (max-width: 1112px){ /*1112px以下のcss*/
}
@media screen and (max-width: 768px){ /*768px以下のcss*/
	#main-content .en-ttl{ font-size: 4.8vw; padding-bottom: 7%; }
	#main-content .section-design{ padding: 0; }
	#main-content .section-design .design{ padding: 10% 5% 0; }
	#main-content .section-design .design .copy{ font-size: 5vw; }
	#main-content .section-design .design .photo-body01{ margin: 10% auto 0; }
	#main-content .section-design .design .design-box01{ padding: 0; margin: 10% auto 0; }
	#main-content .section-design .design .photo-body03{ margin: 10% auto 0; }
	#main-content .section-design .design .photo-body04{ margin: 10% auto 0; }
	#main-content .section-design .design .design-box02{ margin: 10% auto 0; }
	#main-content .section-design .design .photo-body05{ margin: 10% auto 0; }
	#main-content .section-design .design .design-box01 .copy,
	#main-content .section-design .design .design-box02 .copy{ font-size: 3vw; padding: 5px 2%; }
	#main-content .section-design .design .design-end{ margin: 10% auto 0; }
	#main-content .section-design .design .design-end .txt{ font-size: 14px; margin-top: 5%; }
	#main-content .section-design .design .designer-list{ display: block; width: 100%; margin: 5% auto 0; }
	#main-content .section-design .design .designer-list .item{ width: 100%; position: relative; padding: 5% 0; }
	#main-content .section-design .design .designer-list .item:nth-child(n+2)::before{ width: 100%; height: 1px; margin-left: 0; }
	#main-content .section-design .design .designer-list .item .en{ font-size: 18px; }
	#main-content .section-design .design .designer-list .item .name{ font-size: 16px; }
	#main-content .section-design .design .designer-list .item .name .info{ font-size: 12px; }

	#main-content .section-design .landplan{ margin: 15% auto 0; padding: 10% 5% 5%; }
	#main-content .section-design .landplan .copy{ font-size: 5vw; }
	#main-content .section-design .landplan .split-view{ display: block; margin-top: 1%; }
	#main-content .section-design .landplan .split-view .illust-body{ width: auto; padding: 0 5%; }
	#main-content .section-design .landplan .split-view .inner-body{ width: 100%; }
	#main-content .section-design .landplan .split-view .inner-body .item .txt{ margin-top: 5px; }
	#main-content .section-design .landplan .split-view .inner-body .item+.item{ margin-top: 5%; }
	#main-content .section-design .landplan .txt-split{ margin: 10% auto 0; flex-wrap: wrap; }
	#main-content .section-design .landplan .txt-split .item{ width: 48%; position: relative; }
	#main-content .section-design .landplan .txt-split .item:nth-child(n+2)::before{ display: none; }
	#main-content .section-design .landplan .txt-split .item:nth-child(n+3){ margin-top: 6%; }
}
@media screen and (max-width: 480px){ /*480px以下のcss*/
	#main-content .section-design .design .photo-body01{ margin: 5% auto 0; }
	#main-content .section-design .design .design-box01{ padding: 0; margin: 5% auto 0; }
	#main-content .section-design .design .photo-body03{ margin: 5% auto 0; }
	#main-content .section-design .design .photo-body04{ margin: 5% auto 0; }
	#main-content .section-design .design .design-box02{ margin: 5% auto 0; }
	#main-content .section-design .design .photo-body05{ margin: 5% auto 0; }
	#main-content .section-design .design .design-box01 .copy,
	#main-content .section-design .design .design-box02 .copy{ font-size: 5vw; position: relative; left: 0; top: 0; background: transparent; color: #000000; padding: 0; text-align: center; transform: none; }
}