@charset "UTF-8";


#main-content .hero .photo-body::before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; border: solid #aaaaaa; border-width: 0 1px 1px; }
#main-content .lounge .ttl-body{ text-align: center; }
#main-content .lounge .ttl-body .ja{ font-size: 36px; line-height: 1.5; color: #140700; letter-spacing: 0.3em; }
#main-content .lounge .ttl-body .ja .word{ writing-mode: vertical-rl; }
#main-content .lounge .ttl-body .en{ font-size: 24px; line-height: 1.2; position: relative; color: #ae803a; letter-spacing: 0.2em; font-family: 'EB Garamond','Cormorant Garamond', serif; }
#main-content .lounge .photo-body{ position: relative; padding: 0; margin: 80px -65px 0 -130px; }
#main-content .lounge .photo-body .photo img{ width: 100%; height: auto; }
#main-content .lounge .photo-body .caption{ position: absolute; right: 0; bottom: 0; padding: 2px 7px; background-color: rgba(0,0,0,0.9); color: #ffffff; }
#main-content .lounge .intro{ text-align: center; margin-top: 80px; }
#main-content .lounge .intro .copy{ font-size: 24px; line-height: 1.2; position: relative; color: #ae803a; letter-spacing: 0.2em; font-weight: normal; }
#main-content .lounge .intro .txt{ font-size: 16px; line-height: 1.75; margin-top: 40px; }
#main-content .lounge .garden{ background-color: #eae6dc; padding: 40px; position: relative; overflow: hidden; max-width: 780px; margin: 50px auto 0; }
#main-content .lounge .garden .en{ font-family: 'EB Garamond','Cormorant Garamond', serif; font-size: 14px; line-height: 1.5; color: #140700; }
#main-content .lounge .garden .ttl{ font-size: 22px; line-height: 1.5; color: #847856; font-weight: normal; }
#main-content .lounge .garden .txt{ font-size: 16px; line-height: 1.75; margin-top: 10px; }
#main-content .lounge .garden .photo-split{ margin: 20px auto 0; display: flex; display: -ms-flex; justify-content: space-between; }
#main-content .lounge .garden .photo-split .item{ width: 48.7179%; position: relative; }
#main-content .lounge .garden .photo-split .item .caption{ position: absolute; right: 0; bottom: 0; padding: 2px 7px; background-color: rgba(0,0,0,0.9); color: #ffffff; }
#main-content .lounge .garden .about{ background-color: #dacab5; margin-top: 10px; padding: 20px; }
#main-content .lounge .garden .about .name{ font-size: 24px; line-height: 1.75; color: #140700; }
#main-content .lounge .garden .about .name .s-size{ font-size: 75%; }
#main-content .lounge .garden .about .txt{ color: #140700; }
#main-content .space{ margin-top: 140px; }
#main-content .space .intro{ text-align: center; }
#main-content .space .intro .en{ font-size: 24px; line-height: 1.2; position: relative; color: #140700; letter-spacing: 0.2em; font-family: 'EB Garamond','Cormorant Garamond', serif; }
#main-content .space .intro .copy{ font-size: 24px; line-height: 1.2; position: relative; color: #ae803a; letter-spacing: 0.2em; font-weight: normal; margin-top: 20px; }
#main-content .space .list-item{ margin: 50px auto 0; }
#main-content .space .list-item .item .photo-body{ position: relative; }
#main-content .space .list-item .item .photo-body .photo img{ width: 100%; height: auto; }
#main-content .space .list-item .item .photo-body .caption{ position: absolute; right: 0; bottom: 0; padding: 2px 7px; background-color: rgba(0,0,0,0.9); color: #ffffff; }
#main-content .space .list-item .item .txt-body .en{ font-family: 'EB Garamond','Cormorant Garamond', serif; font-size: 14px; line-height: 1.5; color: #140700; }
#main-content .space .list-item .item .txt-body .ttl{ font-size: 22px; line-height: 1.5; color: #847856; font-weight: normal; }
#main-content .space .list-item .item .txt-body .txt{ font-size: 16px; line-height: 1.75; margin-top: 10px; }
#main-content .space .list-item .item01 .txt-body{ margin-top: 20px; }
#main-content .space .list-item .item02{ display: flex; display: -ms-flex; flex-direction: row-reverse; align-items: center; justify-content: space-between; margin-top: 50px; }
#main-content .space .list-item .item02 .photo-body{ width: 423px; margin-left: 20px; }
#main-content .space .list-item .item02 .txt-body{ flex: 1;  }
#main-content .architect{ margin: 140px -65px 0 -130px; padding: 80px 65px 80px 130px; background: url(../images/img_parts/content/bg02.jpg) center center no-repeat; background-size: cover; }
#main-content .architect .intro{ text-align: center; }
#main-content .architect .intro .en{ font-size: 24px; line-height: 1.2; position: relative; color: #140700; letter-spacing: 0.2em; font-family: 'EB Garamond','Cormorant Garamond', serif; }
#main-content .architect .intro .copy{ font-size: 24px; line-height: 1.2; position: relative; color: #ae803a; letter-spacing: 0.2em; font-weight: normal; margin-top: 20px; }
#main-content .architect .split-view{ display: flex; display: -ms-flex; justify-content: space-between; margin-top: 50px; }
#main-content .architect .split-view .photo-body{ width: 255px; }
#main-content .architect .split-view .photo-body{ position: relative; }
#main-content .architect .split-view .photo-body .photo img{ width: 100%; height: auto; }
#main-content .architect .split-view .photo-body .caption{ position: absolute; right: 0; bottom: 0; padding: 2px 7px; background-color: rgba(0,0,0,0.9); color: #ffffff; }
#main-content .architect .split-view .txt-body{ flex: 1; margin-right: 50px; }
#main-content .architect .split-view .txt-body .en{ font-family: 'EB Garamond','Cormorant Garamond', serif; font-size: 14px; line-height: 1.5; color: #140700; }
#main-content .architect .split-view .txt-body .ttl{ font-size: 22px; line-height: 1.5; color: #847856; font-weight: normal; }
#main-content .architect .split-view .txt-body .txt{ font-size: 16px; line-height: 1.75; color: #140700; margin-top: 10px; }
#main-content .architect .person{ display: flex; display: -ms-flex; justify-content: space-between; background: rgba(4,0,0,0.5); padding: 15px; margin-top: 20px; }
#main-content .architect .person .photo{ width: 195px; }
#main-content .architect .person .txt-body{ position: relative; flex: 1; margin-left: 20px; }
#main-content .architect .person .txt-body *{ color: #ffffff; }
#main-content .architect .person .txt-body .logo{ position: absolute; right: 20px; top: 10px; width: 102px; }
#main-content .architect .person .txt-body .head{ font-size: 18px; line-height: 1.5; }
#main-content .architect .person .txt-body .head .s-size{ font-size: 66.6666%; display: block; }
#main-content .architect .person .txt-body .name{ font-size: 24px; line-height: 1.5; margin-top: 15px; }
#main-content .architect .person .txt-body .name .s-size{ font-size: 58.3333%; display: block; }
#main-content .architect .person .txt-body .name .en{ font-size: 50%; display: block; font-family: 'EB Garamond','Cormorant Garamond', serif; }
#main-content .architect .person .txt-body .txt{ font-size: 16px; line-height: 1.5; margin-top: 15px; }
#main-content .landplan .intro{ text-align: center; margin-top: 100px; }
#main-content .landplan .intro .copy{ font-size: 24px; line-height: 1.2; position: relative; color: #ae803a; letter-spacing: 0.2em; }
#main-content .landplan .intro .map-body{ position: relative; }
#main-content .landplan .intro .map-body .map{ margin: 0 -65px 0 -130px; }
#main-content .landplan .intro .map-body .txt-body{ position: absolute; left: 0; bottom: 70px; }
#main-content .landplan .intro .map-body .txt-body .ext-txt01{ font-size: 30px; line-height: 1.2; color: #927d3f; position: relative; }
#main-content .landplan .intro .map-body .txt-body .ext-txt01 sup{ position: absolute; right: 0; bottom: 100%; color: #140700; font-size: 50%; }
#main-content .landplan .intro .map-body .txt-body .ext-txt02{ font-size: 16px; line-height: 1.2; color: #847856; margin-top: 10px; }
#main-content .landplan .intro .map-body .txt-body .ext-txt03{ font-size: 18px; line-height: 1.2; color: #927d3f; border: solid #c9bfa5; border-width: 1px 0; padding: 5px 0; margin-top: 10px; }
#main-content .landplan .intro .map-body .txt-body .ext-txt03+.ext-txt03{ margin-top: -1px; }
#main-content .landplan .intro .txt{ font-size: 16px; margin-top: 40px; }
#main-content .landplan .list-item{ display: flex; display: -ms-flex; justify-content: space-between; flex-wrap: wrap; margin-top: 50px; }
#main-content .landplan .list-item .item{ width: 32%; }
#main-content .landplan .list-item .item:nth-child(n+4){ margin-top: 20px; }
#main-content .landplan .list-item .item .head{ border: solid #9c845b; border-width: 1px 0; display: flex; display: -ms-flex; align-items: center; padding: 5px 0; }
#main-content .landplan .list-item .item .head .num{ width: 30px; height: 30px; background-color: #9c845b; color: #ffffff; text-align: center; line-height: 30px; margin-right: 10px; font-size: 20px; font-family: 'EB Garamond','Cormorant Garamond', serif; }
#main-content .landplan .list-item .item .head .ttl{ flex: 1; font-size: 18px; line-height: 1.5; color: #9c845b; }
#main-content .landplan .list-item .item .txt{  line-height: 1.7; color: #606060; margin-top: 10px; }




/*--レスポンシブ追加プロパティ--------------------------------------*/
@media screen and (max-width: 1112px){ /*1112px以下のcss*/
	#main-content .landplan .intro .map-body .map{ margin: 0 -40px 0 -95px; }
}
@media screen and (max-width: 768px){ /*768px以下のcss*/
	#main-content .hero .photo-body{ border: none; }
	#main-content .lounge .ttl-body{ text-align: center; }
	#main-content .lounge .ttl-body .ja{ font-size: 30px; }
	#main-content .lounge .ttl-body .en{ font-size: 20px; }
	#main-content .lounge .photo-body{ margin: 10% 0 0; }
	#main-content .lounge .intro{ margin-top: 10%; }
	#main-content .lounge .intro .copy{ font-size: 20px; letter-spacing: 0; }
	#main-content .lounge .intro .txt{ font-size: 14px; margin-top: 5%; text-align: left; }
	#main-content .lounge .garden{ padding: 7% 5%; margin: 10% auto 0; }
	#main-content .lounge .garden .ttl{ font-size: 20px; line-height: 1.5; }
	#main-content .lounge .garden .txt{ font-size: 14px; margin-top: 10px; }
	#main-content .lounge .garden .photo-split{ margin: 5% auto 0; }
	#main-content .lounge .garden .about{ margin-top: 5%; padding: 5%; }
	#main-content .lounge .garden .about .name{ font-size: 20px; }
	#main-content .space{ margin-top: 15%; }
	#main-content .space .intro .en{ font-size: 20px; letter-spacing: 0; }
	#main-content .space .intro .copy{ font-size: 20px; letter-spacing: 0; }
	#main-content .space .list-item{ margin: 10% auto 0; }
	#main-content .space .list-item .item .txt-body .ttl{ font-size: 20px; line-height: 1.5; }
	#main-content .space .list-item .item .txt-body .txt{ font-size: 14px; margin-top: 10px; }
	#main-content .space .list-item .item .txt-body{ margin-top: 10px; }
	#main-content .space .list-item .item02{ display: block; margin-top: 10%; }
	#main-content .space .list-item .item02 .photo-body{ width: 100%; margin-left: 0; }
	#main-content .architect{ margin: 10% 0 0; padding: 7% 5%; }
	#main-content .architect .intro .en{ font-size: 20px; letter-spacing: 0; }
	#main-content .architect .intro .copy{ font-size: 20px; letter-spacing: 0; }
	#main-content .architect .split-view{ display: block; margin-top: 5%; }
	#main-content .architect .split-view .photo-body{ max-width: 255px; width: 100%; margin: 5% auto 0; }
	#main-content .architect .split-view .txt-body{ margin-right: 0; }
	#main-content .architect .split-view .txt-body .ttl{ font-size: 20px; line-height: 1.5; }
	#main-content .architect .split-view .txt-body .txt{ font-size: 14px; margin-top: 10px; }
	#main-content .architect .person{ display: block; padding: 5%; margin-top: 5%; }
	#main-content .architect .person .photo{ max-width: 195px; width: 100%; margin: 0 auto; }
	#main-content .architect .person .txt-body{ margin: 10px 0 0; }
	#main-content .architect .person .txt-body .logo{ position: static; max-width: 102px; width: 100%; margin: 0 auto; }
	#main-content .architect .person .txt-body .head{ font-size: 14px; margin-top: 10px; }
	#main-content .architect .person .txt-body .name{ font-size: 20px; margin-top: 10px; }
	#main-content .architect .person .txt-body .txt{ font-size: 14px; margin-top: 10px; }
	#main-content .landplan .intro .copy{ font-size: 20px; letter-spacing: 0; }
	#main-content .landplan .intro .map-body{ margin-top: 5%; }
	#main-content .landplan .intro .map-body .map{ margin: 0 -5.55% 0 -20%; }
	#main-content .landplan .intro .map-body .txt-body{ position: static; margin-top: 5%; }
	#main-content .landplan .intro .map-body .txt-body .ext-txt01{ font-size: 26px; display: inline-block; }
	#main-content .landplan .intro .map-body .txt-body .ext-txt02{ font-size: 14px; }
	#main-content .landplan .intro .map-body .txt-body .ext-txt03{ font-size: 16px; }
	#main-content .landplan .intro .txt{ font-size: 14px; margin-top: 7%; }
	#main-content .landplan .list-item{ margin-top: 10%; }
	#main-content .landplan .list-item .item{ width: 48%; }
	#main-content .landplan .list-item .item:nth-child(n+3){ margin-top: 4%; }
	#main-content .landplan .list-item .item .head .num{ font-size: 18px; }
	#main-content .landplan .list-item .item .head .ttl{ font-size: 16px; }
}
@media screen and (max-width: 480px){ /*480px以下のcss*/
	#main-content .landplan .list-item{ display: block; }
	#main-content .landplan .list-item .item{ width: 100%; }
	#main-content .landplan .list-item .item:nth-child(n+2){ margin-top: 4%; }
}