@charset "UTF-8";


html, body { height: auto; }

#main-content{  }
#main-content img{ width: 100%; height: auto; }
#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; }







/*--レスポンシブ追加プロパティ--------------------------------------*/
@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-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%; }
}
@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; }
}






