@charset "UTF-8";


html, body { height: auto; }

#main-content{  }
#main-content img{ width: 100%; height: auto; }
#main-content .section-plan .section-intro{ padding: 94px 0 64px; }
#main-content .section-plan .section-intro .en-ttl{ font-size: 32px; line-height: 1.5; color: #333333; font-weight: normal; font-family: 'YakuHanMP', 'EB Garamond', 'Cormorant Garamond', 'Lora', 'Noto Serif JP', serif; text-align: center; }
#main-content .section-plan .section-intro .copy{ margin-top: 20px; font-size: 20px; line-height: 1.5; color: #565e5b; text-align: center; }
#main-content .section-plan .hero{ position: relative; }
/*#main-content .section-plan .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: center; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; }*/
#main-content .section-plan .section-content{ /*margin-top: 50px;*/ }
#main-content .section-plan .section-content .plan-root{ max-width: 1000px; margin: 0 auto; padding: 0 5%; }
#main-content .section-plan .section-content .plan-root .navi-list{ display: flex; display: -ms-flex; justify-content: flex-start; flex-wrap: wrap; }
#main-content .section-plan .section-content .plan-root .navi-list .navi{ width: 32%; margin-left: 2%; }
#main-content .section-plan .section-content .plan-root .navi-list .navi:nth-child(3n+1){ margin-left: 0; }
#main-content .section-plan .section-content .plan-root .navi-list .navi:nth-child(n+4){ margin-top: 2%; }
#main-content .section-plan .section-content .plan-root .navi-list .navi a{ display: block; position: relative; overflow: hidden; }
#main-content .section-plan .section-content .plan-root .navi-list .navi a .hanbai{ position: absolute; right: 0; top: 0; background-color: #990f0f; color: #ffffff; padding: 2px 5px; font-size: 14px; line-height: 1.5; }
#main-content .section-plan .section-content .plan-root .navi-list .navi a .icon-new{ position: absolute; left: 0; top: 0; transform: rotate(-30deg); margin-top: 10px; line-height: 0; }
#main-content .section-plan .section-content .plan-root .navi-list .navi a .icon-new::before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #817712; transform-origin: center center; transform: scaleX(3); }
#main-content .section-plan .section-content .plan-root .navi-list .navi a .icon-new .word{ position: relative; z-index: 10; color: #ffffff; padding: 2px 5px; font-size: 16px; line-height: 1.5; padding-left: 0.5em; font-weight: bold; }

#main-content .section-plan .section-content .plan-root .ttl{ border: solid #695940; border-width: 1px 0; text-align: center; font-weight: normal; font-size: 28px; color: #695940; margin: 70px 0 30px; padding: 10px 0; }
#main-content .section-plan .section-content .plan-root .ttl:first-child{ margin-top: 0; }
#main-content .section-plan .section-content .plan-root .split-bnr{ margin: 0 auto; display: flex; display: -ms-flex; justify-content: space-between; max-width: 1112px; }
#main-content .section-plan .section-content .plan-root .split-bnr+.split-bnr{ margin-top: 30px; }
#main-content .section-plan .section-content .plan-root .split-bnr .bnr{ width: 32%; }
#main-content .section-plan .section-content .plan-root .split-bnr .bnr.len2{ width: 48.1115%; }
#main-content .section-plan .section-content .plan-root .split-bnr .bnr a{ display: block; }
#main-content .section-plan .section-content .plan-root .split-bnr .bnr img{ max-width: 100%; height: auto; }


#main-content .section-plan .section-content .plan-root .premiumplan-navi{ margin: 70px auto 0; max-width: 420px; }
#main-content .section-plan .section-content .plan-root .premiumplan-navi a{ display: block; background-color: #140600; color: #ffffff; font-size: 18px; line-height: 1.5; padding: 20px 0; text-decoration: none; text-align: center; position: relative; }
#main-content .section-plan .section-content .plan-root .premiumplan-navi a .arrow{ position: absolute; right: 15px; top: 50%; width: 26px; height: 26px; background-color: #ac9a75; transform: translateY(-50%); border-radius: 50%; }
#main-content .section-plan .section-content .plan-root .premiumplan-navi a .arrow::before{ content: ""; position: absolute; left: 50%; top: 50%; transform: translateX(-25%) translate(-50%,-50%) rotate(45deg); width: 7px; height: 7px; border: solid #000000; border-width: 1px 1px 0 0; }





/*--レスポンシブ追加プロパティ--------------------------------------*/
@media screen and (max-width: 1112px){ /*1112px以下のcss*/
}
@media screen and (max-width: 768px){ /*768px以下のcss*/
	#main-content .section-plan .hero{ overflow: hidden; }
	#main-content .section-plan .hero .photo{ margin: 0 -20%; }
	#main-content .section-plan .section-intro{ padding: 10% 0; }
	#main-content .section-plan .section-intro .copy{ margin-top: 10px; padding: 0 5%; }
	#main-content .section-plan .section-content{ /*margin-top: 10%;*/ }
	#main-content .section-plan .section-content .plan-root .navi-list .navi:nth-child(n){ width: 48%; margin: 0; }
	#main-content .section-plan .section-content .plan-root .navi-list .navi:nth-child(even){ margin-left: 4%; }
	#main-content .section-plan .section-content .plan-root .navi-list .navi:nth-child(n+3){ margin-top: 4%; }
	#main-content .section-plan .section-content .plan-root .navi-list .navi a .hanbai{ font-size: 1.8229vw; padding: 0.2604vw 0.6510vw; }
	#main-content .section-plan .section-content .plan-root .navi-list .navi a .icon-new{ margin-top: 1.3020vw; }
	#main-content .section-plan .section-content .plan-root .navi-list .navi a .icon-new .word{ padding: 0.2604vw 0.6510vw; font-size: 2.0833vw; }
	
	#main-content .section-plan .section-content .plan-root .ttl{ font-size: 20px; margin: 12% 0 5%; padding: 5px 0; }
	#main-content .section-plan .section-content .plan-root .ext-ttl{ font-size: 26px; line-height: 1.5; }
	#main-content .section-plan .section-content .plan-root .split-bnr{ display: block; max-width: 535px; }
	#main-content .section-plan .section-content .plan-root .split-bnr .bnr{ width: 100%; }
	#main-content .section-plan .section-content .plan-root .split-bnr .bnr:nth-child(n+2){ margin-top: 3%; }
	#main-content .section-plan .section-content .plan-root .split-bnr .bnr.len2{ width: 100%; }
	#main-content .section-plan .section-content .plan-root .premiumplan-navi{ margin: 7% auto 0; }
	#main-content .section-plan .section-content .plan-root .premiumplan-navi a{ font-size: 16px; }
}
@media screen and (max-width: 480px){ /*480px以下のcss*/
	#main-content .section-plan .fixed-bg .bg .bg-fill{ background-position: center center; }
	/*#main-content .section-plan .fixed-bg.ttl-body .en-ttl{ max-width: none; left: auto; }*/
	#main-content .section-plan .section-content .plan-root{ margin: 0 auto; }
	#main-content .section-plan .section-content .plan-root .ext-ttl{ font-size: 20px; }
}