@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 .section01 .en{ font-size: 28px; line-height: 1.5; font-family: 'EB Garamond','Cormorant Garamond', serif; color: #000000; text-align: center; letter-spacing: 0.2em; font-weight: normal; }
#main-content .section01 .photo-body{ position: relative; padding: 0; margin: 90px -65px 0 -130px; }
#main-content .section01 .photo-body .copy{ font-size: 36px; line-height: 1.5; color: #ffffff; font-weight: normal; position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 10; margin-left: 65px; padding-left: 40px; white-space: nowrap; }
#main-content .section01 .photo-body .photo{ position: relative; }
#main-content .section01 .photo-body .photo::before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); }
#main-content .section01 .photo-body .caption{ position: absolute; right: 0; bottom: 0; padding: 2px 7px; background-color: rgba(0,0,0,0.9); color: #ffffff; }
#main-content .section02{ margin: 0 -65px 0 -130px; padding: 70px 65px 70px 130px; background-color: #f4f2eb; }
#main-content .section02 .split-view .txt-body{ flex: 1; }
#main-content .section02 .split-view .txt-body .en{ font-family: 'EB Garamond','Cormorant Garamond', serif; font-size: 14px; line-height: 1.5; color: #140700; }
#main-content .section02 .split-view .txt-body .ttl{ font-size: 24px; line-height: 1.416; color: #86774f; font-weight: normal; }
#main-content .section02 .split-view .txt-body .txt{ font-size: 16px; line-height: 2.25; margin-top: 10px; }
#main-content .section02 .split-view01{ display: flex; display: -ms-flex; flex-direction: row-reverse; }
#main-content .section02 .split-view01 .photo-body{ width: 59.9782%; padding-left: 40px; }
#main-content .section02 .split-view02{ display: flex; display: -ms-flex; margin-top: 50px; }
#main-content .section02 .split-view02 .photo-body{ width: 55.6161%; padding-right: 40px; }
#main-content .section03{ border: solid #86774f; border-width: 4px 0; max-width: 670px; margin: 80px auto 0; position: relative; }
#main-content .section03::before{ content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; height: calc(100% - 4px); border: solid #86774f; border-width: 1px 0; box-sizing: border-box; }
#main-content .section03 .inner-body{ position: relative; display: flex; display: -ms-flex; flex-wrap: wrap; align-items: center; padding: 40px 0; }
#main-content .section03 .inner-body .ttl{ flex: 1; text-align: center; font-size: 36px; line-height: 1.2; color: #86774f; font-weight: normal; }
#main-content .section03 .inner-body .ttl .s-size{ font-size: 50%; }
#main-content .section03 .inner-body .logo{ width: 123px; }
#main-content .section03 .inner-body .txt{ width: 100%; margin-top: 20px; font-size: 16px; line-height: 2.25; }
#main-content .section04{ margin: 80px auto 0; position: relative; }
#main-content .section04 .intro{ text-align: center; }
#main-content .section04 .intro .ttl{ font-size: 24px; line-height: 1.416; color: #86774f; font-weight: normal; }
#main-content .section04 .intro .copy{ font-size: 20px; line-height: 1.416; color: #606060; margin-top: 20px; }
#main-content .section04 .main-photo{ position: relative; margin: 50px -65px 0 -130px; }
#main-content .section04 .main-photo .caption{ position: absolute; right: 0; bottom: 0; padding: 2px 7px; background-color: rgba(0,0,0,0.9); color: #ffffff; }
#main-content .section04 .lsit-item{ display: flex; display: -ms-flex; justify-content: space-between; margin-top: 30px; }
#main-content .section04 .lsit-item .item{ width: 21.374%; }
#main-content .section04 .lsit-item .item:nth-child(n+2){ padding-left: 2.4173%; border-left: 1px solid #cccccc; }
#main-content .section04 .lsit-item .item .ttl{ font-size: 18px; line-height: 1.44; color: #86774f; font-weight: normal; text-align: center; height: 80px; display: flex; display: -ms-flex; justify-content: center; align-items: center; }
#main-content .section04 .lsit-item .item .txt{ font-size: 16px; line-height: 1.5; margin-top: 10px; }
#main-content .section04 .split-view01{ display: flex; display: -ms-flex; margin-top: 50px; }
#main-content .section04 .split-view01 .photo-body{ width: 46.892%; margin-right: 40px; }
#main-content .section04 .split-view01 .txt-body{ flex: 1; }
#main-content .section04 .split-view01 .txt-body .ttl{ font-size: 18px; line-height: 1.44; color: #86774f; font-weight: normal; }
#main-content .section04 .split-view01 .txt-body .txt{ font-size: 16px; line-height: 1.5; margin-top: 10px; }
#main-content .section04 .split-view01 .txt-body .plan{ max-width: 360px; margin: 30px auto 0; }
#main-content .section04 .note{ background-color: #231815; display: flex; display: -ms-flex; padding: 20px; margin-top: 50px; }
#main-content .section04 .note .photo-body{ width: 255px; padding-right: 20px; }
#main-content .section04 .note .txt-body{ flex: 1; }
#main-content .section04 .note .txt-body .ttl{ font-size: 18px; line-height: 1.44; color: #ffefac; font-weight: normal; }
#main-content .section04 .note .txt-body .txt{ font-size: 16px; line-height: 1.5; margin-top: 10px; color: #ffffff; }
#main-content .section04 .note .txt-body .caption{ color: #ffffff; }




/*--レスポンシブ追加プロパティ--------------------------------------*/
@media screen and (max-width: 1112px){ /*1112px以下のcss*/
	#main-content .section01 .photo-body{ margin: 90px -40px 0 -95px; }
	#main-content .section01 .photo-body .copy{ margin-left: 40px; }
	#main-content .section02{ margin: 0 -40px 0 -95px; padding: 70px 40px 70px 95px; }
	#main-content .section04 .intro .photo-body{ margin: 50px -40px 0 -95px; }
}
@media screen and (max-width: 768px){ /*768px以下のcss*/
	#main-content img{ width: 100%; height: auto; }
	#main-content .section01 .en{ font-size: 20px; }
	#main-content .section01 .photo-body{ margin: 7% 0 0; }
	#main-content .section01 .photo-body .copy{ font-size: 24px; margin-left: 5%; padding-left: 0; }
	#main-content .section01 .photo-body .photo{ position: relative; }
	#main-content .section02{ margin: 10% 0 0; padding: 7% 5%; }
	#main-content .section02 .split-view .txt-body{ margin-top: 10px; }
	#main-content .section02 .split-view .txt-body .ttl{ font-size: 20px; line-height: 1.5; }
	#main-content .section02 .split-view .txt-body .txt{ font-size: 14px; margin-top: 10px; }
	#main-content .section02 .split-view01{ display: block; }
	#main-content .section02 .split-view01 .photo-body{ width: 100%; padding: 0; }
	#main-content .section02 .split-view02{ display: block; margin-top: 7%; }
	#main-content .section02 .split-view02 .photo-body{ width: 100%; padding: 0; }
	#main-content .section03{ border-width: 2px 0; max-width: none; margin: 10% auto 0; }
	#main-content .section03 .inner-body{ padding: 7% 0; display: block; }
	#main-content .section03 .inner-body .ttl{ font-size: 28px; }
	#main-content .section03 .inner-body .logo{ margin: 10px auto 0; }
	#main-content .section03 .inner-body .txt{ margin-top: 10px; font-size: 14px; line-height: 2; }
	#main-content .section04{ margin: 10% auto 0; }
	#main-content .section04 .intro{ text-align: center; }
	#main-content .section04 .intro .ttl{ font-size: 20px; }
	#main-content .section04 .intro .copy{ font-size: 16px; margin-top: 10px; }
	#main-content .section04 .main-photo{ margin: 7% auto 0; }
	#main-content .section04 .lsit-item{ margin-top: 5%; display: block; }
	#main-content .section04 .lsit-item .item{ width: 100%; }
	#main-content .section04 .lsit-item .item:nth-child(n+2){ padding: 15px 0 0; margin-top: 15px; border-left: none; border-top: 1px solid #cccccc; }
	#main-content .section04 .lsit-item .item .ttl{ height: auto; text-align: left; }
	#main-content .section04 .lsit-item .item .txt{ font-size: 14px; }
	#main-content .section04 .split-view01{ display: block; margin-top: 7%; }
	#main-content .section04 .split-view01 .photo-body{ width: 100%; margin-right: 0; }
	#main-content .section04 .split-view01 .txt-body{ margin-top: 10px; }
	#main-content .section04 .split-view01 .txt-body .txt{ font-size: 14px; }
	#main-content .section04 .split-view01 .txt-body .plan{ margin-top: 5%; }
	#main-content .section04 .note{ padding: 7% 5%; margin-top: 7%; display: block; }
	#main-content .section04 .note .photo-body{ width: 100%; max-width: 255px; padding-right: 0; margin: 0 auto; }
	#main-content .section04 .note .txt-body{ margin-top: 10px; }
	#main-content .section04 .note .txt-body .txt{ font-size: 14px; }
	#main-content .section04 .note .txt-body .caption{ color: #ffffff; }
}
@media screen and (max-width: 480px){ /*480px以下のcss*/
}