@charset "UTF-8";


html, body { height: auto; }

#main-content{  }
#main-content img{ max-width: 100%; height: auto; }
#main-content .hero{ position: relative; margin-bottom: 0; }
#main-content .hero .photo-body{ position: relative; }
#main-content .hero .en-ttl{ font-size: 32px; line-height: 1.5; color: #ffffff; font-weight: normal; font-family: 'YakuHanMP', 'EB Garamond', 'Cormorant Garamond', 'Lora', 'Noto Serif JP', serif; text-align: left; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; padding-left: 8%; box-sizing: border-box; }
#main-content .hero .photo{ position: relative; }
#main-content .hero .photo::before{ content: ""; position: absolute; left: 0; bottom: -1px; width: 100%; padding-top: 10.1569%; background: linear-gradient(to bottom, rgba(35,24,21,0) 0%, rgba(35,24,21,1) 100%); }
#main-content .hero .caption{ background-color: transparent; }
#main-content .section .section-ttl{ font-size: 32px; line-height: 1.5; color: #8c782f; padding-bottom: 50px; font-weight: normal; text-align: center; font-family: 'YakuHanMP', 'EB Garamond', 'Cormorant Garamond', 'Lora', 'Noto Serif JP', serif; }
#main-content .section .plan-body{ max-width: 940px; margin: 0 auto; display: flex; display: -ms-flex; flex-wrap: wrap; }
#main-content .section .plan-body+.plan-body{ margin-top: 80px; }
#main-content .section .plan-body .info{ flex: 1; background-color: #ffffff; }
#main-content .section .plan-body .info .head{ font-size: 18px; line-height: 1.3; color: #ffffff; background-color: #292a1d; padding: 10px 15px; }
#main-content .section .plan-body .info .info-body{ padding: 20px 35px 25px; }
#main-content .section .plan-body .info .info-body .info-split01{ display: flex; display: -ms-flex; align-items: center; }
#main-content .section .plan-body .info .info-body .info-split01 .type{ font-family: 'YakuHanMP', 'EB Garamond', 'Cormorant Garamond', 'Lora', 'Noto Serif JP', serif; font-size: 24px; line-height: 1.5; color: #292a1d; margin-right: 0.5em; }
#main-content .section .plan-body .info .info-body .info-split01 .type .marker{ font-size: 160%; line-height: 0; }
#main-content .section .plan-body .info .info-body .info-split01 .ldk{ font-family: 'YakuHanMP', 'EB Garamond', 'Cormorant Garamond', 'Lora', 'Noto Serif JP', serif; font-size: 18px; line-height: 1.5; color: #292a1d; }
#main-content .section .plan-body .info .info-body .info-split01 .ldk .marker{ font-size: 175%; line-height: 0; }
#main-content .section .plan-body .info .info-body .info-split02{ display: flex; display: -ms-flex; margin-top: 10px; }
#main-content .section .plan-body .info .info-body .info-split02 .area{ font-size: 36px; line-height: 1.3; font-family: 'YakuHanMP', 'EB Garamond', 'Cormorant Garamond', 'Lora', 'Noto Serif JP', serif; color: #8c782f; }
#main-content .section .plan-body .info .info-body .info-split02 .area .marker{ font-size: 200%; line-height: 0.5; }
#main-content .section .plan-body .info .info-body .info-split02 .area .area-caption{ font-size: 10px; line-height: 1.6; margin-top: 10px; font-family: 'YakuHanJP', Lato, "メイリオ", "游ゴシック", YuGothic, "メイリオ", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif; color: #666666; display: block; margin-top: -3px; }
#main-content .section .plan-body .info .info-body .info-split02 .txt-body{ flex: 1; border-left: 1px solid #cccccc; margin-left: 4%; padding-left: 4%; }
#main-content .section .plan-body .info .info-body .info-split02 .txt-body .spec{ font-size: 14px; line-height: 1.4; color: #231815; }
#main-content .section .plan-body .info .info-body .info-split02 .txt-body .spec-caption{ font-size: 10px; line-height: 1.6; margin-top: 5px; }
#main-content .section .plan-body .info .info-body .caption{ font-size: 10px; line-height: 1.6; margin-top: 10px; }
#main-content .section .plan-body .info .info-body .caption+.caption{ margin-top: 5px; }
#main-content .section .plan-body .info .info-body .caption .icon{ width: 36px; height: 13px; display: inline-block; line-height: 0; vertical-align: middle; margin-right: 0.3em; }
#main-content .section .plan-body .info .info-body .caption .icon01{ background-color: #f3f0e7; }
#main-content .section .plan-body .info .info-body .caption .icon02{ background-color: #e9e5e2; }
#main-content .section .plan-body .plan{ margin-top: 30px; order: 3; width: 100%; text-align: center; }
#main-content .section .plan-body .plan .caption{ font-size: 10px; line-height: 1.5; margin-top: 10px; text-align: left; }

#main-content .section01{ background-color: #ccc7c4; padding: 80px 50px; }
#main-content .section01 .plan-body .box01{ width: 250px; background-color: #f3f0e7; margin-left: 5px; }
#main-content .section01 .plan-body .box01 .head{ font-size: 18px; line-height: 1.3; color: #ffffff; background-color: #8e6814; text-align: center; padding: 10px 0; }
#main-content .section01 .plan-body .box01 .split-view{ overflow: hidden; padding: 7px; }
#main-content .section01 .plan-body .box01 .split-view .photo{ width: 54.1666%; max-width: 130px; float: left; padding: 0 7px 7px 0; }
#main-content .section01 .plan-body .box01 .split-view .txt{ font-size: 12px; line-height: 1.3333; }
#main-content .section01 .plan-body .box01 .split-view .caption{ font-size: 10px; line-height: 1.3333; }
#main-content .section02 .plan-body .info{ background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 80%); }
#main-content .section02{ background-color: #ffffff; padding: 80px 50px; }
#main-content .section03{ background-color: #ccc7c4; padding: 80px 50px; }
#main-content .section .plan-k{ align-items: flex-start; }
#main-content .section .plan-k .plan{ width: 58.2979%; margin: 0 0 0 30px; }
#main-content .section .plan-k .info .info-body .info-split02{ display: block; }
#main-content .section .plan-k .info .info-body .info-split02 .txt-body{ border: none; border-top: 1px solid #cccccc; margin: 4% 0 0; padding: 4% 0 0; }
#main-content .section03 .note{ border: 1px solid #c39b6f; max-width: 920px; margin: 80px auto 0; box-sizing: border-box; background-color: #ffffff; }
#main-content .section03 .note .split-view{ width: 95.207%; /*width: 874px;*/ display: flex; display: -ms-flex; justify-content: space-between; margin: 0 auto; padding: 3% 0; }
#main-content .section03 .note .split-view .txt-body{ flex: 1; }
#main-content .section03 .note .split-view .txt-body .ttl{ font-size: 24px; line-height: 1.3; color: #c7ba9a; background-color: #231815; padding: 5px 15px; margin-right: 10px; font-weight: normal; }
#main-content .section03 .note .split-view .txt-body .txt{ font-size: 20px; line-height: 1.3333; color: #b1a689; border-top: 1px solid #231815; margin-top: 5px; padding: 10px 10px 0 0; }
#main-content .section03 .note .split-view .txt-body .caption{ font-size: 10px; line-height: 1.5; margin-top: 10px; }
#main-content .section03 .note .split-view .photo-body{ width: 100%; max-width: 219px; position: relative; }
#main-content .section03 .note .split-view .photo-body .caption{ font-size: 10px; line-height: 1.5; padding: 5px 7px; position: absolute; left: 0; bottom: 0; color: #ffffff; }

#main-content .end-util{ display: flex; display: -ms-flex; justify-content: center; width: 90%; margin: 0 auto; padding: 84px 0 96px; }
#main-content .end-util .navi{ max-width: 286px; width: 48%; }
#main-content .end-util .navi:nth-child(n+2){ margin-left: 3.6697%; }
#main-content .end-util .navi a{ display: block; text-align: center; background-color: #ffffff; border: 1px solid #aaaaaa; color: #606060; text-decoration: none; font-size: 16px; line-height: 1.5; padding: 20px 0; position: relative; padding-right: 5%; }
#main-content .end-util .navi a::before{ content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%) rotate(45deg); width: 10px; padding-top: 10px; border: solid #aaaaaa; border-width: 1px 1px 0 0; margin-right: 5%; }







/*--レスポンシブ追加プロパティ--------------------------------------*/
@media screen and (max-width: 1112px){ /*1112px以下のcss*/
}
@media screen and (max-width: 768px){ /*768px以下のcss*/
	#main-content .hero .photo::before{ display: none; }
	#main-content .hero .caption{ position: static; color: #666666; padding: 5px; }

	#main-content .section .section-ttl{ font-size: 28px; padding-bottom: 7%; }
	#main-content .section .plan-body{ align-items: flex-start; }
	#main-content .section .plan-body+.plan-body{ margin-top: 10%; }
	#main-content .section .plan-body .plan{ width: 100%; margin: 5% 0 0; }
	#main-content .section .plan-body .info .info-body .info-split02{ display: block; }
	#main-content .section .plan-body .info .info-body .info-split02 .txt-body{ border: none; border-top: 1px solid #cccccc; margin: 4% 0 0; padding: 4% 0 0; }
	#main-content .section01{ background-color: #ccc7c4; padding: 10% 5%; }
	#main-content .section01 .plan-body .box01{ width: 100%; order: 5; margin-top: 5%; }
	#main-content .section02{ background-color: #ffffff; padding: 10% 5%; }
	#main-content .section03{ background-color: #ccc7c4; padding: 10% 5%; }
	#main-content .section03 .note{ margin-top: 10%; }
	#main-content .section03 .note .split-view{ display: block; }
	#main-content .section03 .note .split-view .txt-body .ttl{ font-size: 20px; margin-right: 0; }
	#main-content .section03 .note .split-view .txt-body .txt{ font-size: 18px; padding: 10px 0 0 0; }
	#main-content .section03 .note .split-view .photo-body{ margin: 10px auto 0; }

	#main-content .end-util{ padding: 15% 0; display: block; }
	#main-content .end-util .navi{ max-width: 480px; width: 100%; margin: 0 auto; }
	#main-content .end-util .navi:nth-child(n+2){ margin: 3% auto 0; }
}
@media screen and (max-width: 480px){ /*480px以下のcss*/
	#main-content .hero{ overflow: hidden; }
	#main-content .hero .photo{ margin: 0 -20%; }

}