@charset "utf-8";



/******************* #curriculum *******************/
#kanzei_gakuen #curriculum{color:#231815;text-align:center;}
#kanzei_gakuen #curriculum img{ max-width:100%;vertical-align: baseline;}


/******************* 全体効果 *******************/
#kanzei_gakuen #curriculum .small,#kanzei_gakuen #curriculum .comment .midashi,.orange,.blue{font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif; font-weight:normal; margin:0;}

#kanzei_gakuen #curriculum section{ max-width:1200px; margin:auto;}
#kanzei_gakuen #curriculum .small{ font-size:20px; line-height:1.5em;text-align: justify; letter-spacing:0.02em; width:70% !important;margin:0 auto 3% !important;}




/***** sectionラベル *****/

#kanzei_gakuen #curriculum h3.blue{font-size:36px;line-height:1.8em;margin: 0.5em auto 0;;letter-spacing:0.1em;font-weight:normal; color:#005bab;width: 94%;
}
#kanzei_gakuen #curriculum h3.orange{font-size:36px;line-height:1.8em;margin: 0.5em auto 0;;letter-spacing:0.1em;font-weight:normal; color:#ef8200;width: 94%;
}
#kanzei_gakuen #curriculum h3.gray{ font-size:36px;line-height:1.8em; vertical-align:middle;margin:0.5em auto 1em;font-weight:normal; color:#323232;width: 94%;font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体" !important;
}
#kanzei_gakuen #curriculum .top .title{ margin: 2% 0 0 4%;}
#kanzei_gakuen #curriculum .top>div{ margin:20px auto;}
#kanzei_gakuen #curriculum .top .top_blue{ margin:2% auto 0%;}
#kanzei_gakuen #curriculum .top .top_orange{ margin:2% auto 0%;}
#kanzei_gakuen #curriculum .top .wrap h3{ text-align:center}
#kanzei_gakuen #curriculum .top .wrap h3.blue{ text-align:center; color:#005bab;}
#kanzei_gakuen #curriculum .top .wrap h3.orange{ text-align:center;color:#ef8200}
#kanzei_gakuen #curriculum .top .wrap p{width:90% !important; padding:0 2%; margin:auto !important;}
#kanzei_gakuen #curriculum .top .wrap .midashi{font-size: 28px;padding: 0; width:96%;}
#kanzei_gakuen #curriculum .top .wrap .honbun{font-size:18px; letter-spacing:0.02em;padding-top:0.2em; vertical-align:top;}
#kanzei_gakuen #curriculum .top .wrap .name{ font-size:18px !important; padding-top: 1em;}
#kanzei_gakuen #curriculum .top .wrap span.name{ font-size:26px !important;}


/***** wrap *****/
#kanzei_gakuen #curriculum .wrap{ width:100%;margin:0% auto 4%; text-align:left}
#kanzei_gakuen #curriculum .wrap h2{ padding:0;width:auto;}


#kanzei_gakuen #curriculum .wrap td{padding: 0;}
#kanzei_gakuen #curriculum .wrap .left_img{ width:50%;max-width:500px; text-align:left;vertical-align: top;}
#kanzei_gakuen #curriculum .wrap .right_text{width:50%; max-width:500px;vertical-align: top; position:relative;margin-right:5%; height:1em;}

#kanzei_gakuen #curriculum .wrap .right_img{ width:50%;max-width:500px; text-align:right ;vertical-align: top;}
#kanzei_gakuen #curriculum .wrap .left_text{width:50%; max-width:500px;vertical-align: top; position:relative;height:1em;}

#kanzei_gakuen #curriculum .left p{width:100% ; padding:0% 0 0 4%; margin:0;box-sizing: border-box;text-align: justify;}
#kanzei_gakuen #curriculum .right p{width:100%; padding:0% 4% 0 0; margin:0 0 0 auto;box-sizing: border-box;text-align: justify;}

#kanzei_gakuen #curriculum .wrap .midashi{ font-size:24px; line-height:1.6em;color:#323232;letter-spacing:0.05em; font-weight:bold;width:100%; padding:6% 0 2% 4% ;box-sizing: border-box;}
#kanzei_gakuen #curriculum .wrap .midashi span{ display:inline-block;}
#kanzei_gakuen #curriculum .wrap .left_text .midashi{padding:6% 4% 2% 0% ;}
#kanzei_gakuen #curriculum .wrap .honbun{font-size:18px; letter-spacing:0.02em;padding-top:0.2em; vertical-align:top;}

#kanzei_gakuen #curriculum .wrap .td_bottom{font-size:20px;vertical-align:bottom; line-height:1.5em; letter-spacing:0.1em;}
#kanzei_gakuen #curriculum .wrap .td_bottom .name{ font-size:26px;}

@media (max-width:1230px){
#kanzei_gakuen #curriculum .left p{width:95% ; }
#kanzei_gakuen #curriculum .right p{width:95% }
#kanzei_gakuen #curriculum .wrap .midashi{width:95%; }	
}


#kanzei_gakuen #curriculum .sec1{ margin-bottom:6em;}

#kanzei_gakuen #curriculum .sec2{ text-align:left;margin: 6% auto 0;}
#kanzei_gakuen #curriculum .sec2 .wrap{ width:96%;max-width: 1000px;}
#kanzei_gakuen #curriculum .sec2 .wrap .left_img{ width:50%;max-width:500px; text-align:left;vertical-align: top; display:inline-block; margin:0;}
#kanzei_gakuen #curriculum .sec2 .wrap .right_text{ width:50%;max-width:500px; text-align:left;vertical-align: top; display:inline-block; margin:0; height:auto;}
#kanzei_gakuen #curriculum .sec2 .wrap p{ margin:0 !important; width:100% !important; padding: 0 4%;box-sizing: border-box;}
#kanzei_gakuen #curriculum .sec2 .wrap .midashi{ color:#f08300; padding:0 0 6px;font-size: 28px;}
#kanzei_gakuen #curriculum .sec2 .wrap .honbun{font-size:18px;letter-spacing:0.02em;padding-top:0.2em; vertical-align:top; padding-bottom:8em;}
#kanzei_gakuen #curriculum .sec2 .wrap .name{font-size:20px;vertical-align:bottom; line-height:1.5em; letter-spacing:0.1em;}
#kanzei_gakuen #curriculum .sec2 .wrap .name span{ font-size:26px;}
#kanzei_gakuen #curriculum .sec2 div:first-of-type .honbun{padding-bottom:9.5em;}

/******************* top *******************/
#kanzei_gakuen #curriculum .top { padding-bottom:2em;}
#kanzei_gakuen #curriculum .glay_text{ text-align:center !important;}
#kanzei_gakuen #curriculum .top .name{ padding-top:1em; text-align:right;margin-bottom: 2em;}
/******************* top *******************/


@media (max-width:769px){
	

#kanzei_gakuen #curriculum .glay_text{ text-align:left !important;}

#kanzei_gakuen h2.blue{font-size:22px !important;}
#kanzei_gakuen h2.orange{font-size:22px !important;}


#kanzei_gakuen #curriculum .top { padding-bottom:1em;}
#kanzei_gakuen #curriculum .top .top_blue{ margin:4% auto 8%;}
#kanzei_gakuen #curriculum .top .top_orange{ margin:4% auto 8%;}

#kanzei_gakuen #curriculum .top .wrap .midashi{ padding:2% 2% 1% ; text-align:center; font-size:18px}
#kanzei_gakuen #curriculum .top .wrap .honbun{font-size:16px; letter-spacing:0.02em;padding-top:0.2em; margin:auto;width: 92%;}
#kanzei_gakuen #curriculum .top .wrap .td_bottom{ font-size:16px !important; text-align:right; padding-top:1em}
#kanzei_gakuen #curriculum .top .wrap span.name{ font-size:20px !important;}

#kanzei_gakuen #curriculum .wrap{ margin:0 auto 12%}
#kanzei_gakuen #curriculum .wrap .midashi{ font-size:18px; line-height:1.6em;color:#323232;letter-spacing:0.05em; font-weight:bold;width:90% !important; padding:2% 0% 1% ; text-align:center;}
#kanzei_gakuen #curriculum .wrap .honbun{font-size:16px; letter-spacing:0.02em;padding-top:0.2em; margin:auto;width: 92%;}
#kanzei_gakuen #curriculum .wrap .td_bottom{width: 92%;}

#kanzei_gakuen #curriculum .wrap .td_bottom{font-size:16px; margin:6% auto 0% ;line-height:1.5em; letter-spacing:0.1em;}
#kanzei_gakuen #curriculum .wrap .td_bottom .name{ font-size:18px;}



#kanzei_gakuen #curriculum .top h3.glay{ margin-bottom:0.5em}

#kanzei_gakuen #curriculum .sec2{ margin:0 auto 14%;}
#kanzei_gakuen #curriculum .sec2 .wrap{margin:4% auto  10%;}
#kanzei_gakuen #curriculum .sec2 .wrap .img{text-align:left; margin:auto !important;width:96%;}
#kanzei_gakuen #curriculum .sec2 .wrap .left_img{ width:100%; text-align:left;vertical-align: top; display:block; margin:auto;}
#kanzei_gakuen #curriculum .sec2 .wrap .right_text{ width:100%;text-align:left;vertical-align: top; display:block; margin:auto; }
#kanzei_gakuen #curriculum .sec2 .wrap .midashi{ font-size:5vw; line-height:1.6em;color:#f08300;letter-spacing:0.05em; font-weight:bold;padding:4% 0% 2% 2% ; text-align:left;}
#kanzei_gakuen #curriculum .sec2 .wrap .honbun{font-size:16px; letter-spacing:0.02em;padding-top:0.8em; margin:auto !important;width: 100%;padding-bottom:1em;}

#kanzei_gakuen #curriculum .sec2 .wrap .name{font-size:16px;}
#kanzei_gakuen #curriculum .sec2 .wrap .name span{ font-size:20px;}

#kanzei_gakuen #curriculum .sec2 div:first-of-type .honbun{padding-bottom:1em;}
#kanzei_gakuen #curriculum h2.gray{line-height: 1.3em;padding: 0.4em 0 0.2em !important;font-size: 20px;font-weight: 600;margin: 0 !important;letter-spacing: 0.2em;}


#kanzei_gakuen #curriculum .sec1 .wrap.right tr{display: flex; flex-wrap: wrap-reverse;}
#kanzei_gakuen #curriculum .sec1 .wrap.left tr{display: flex; flex-wrap: wrap;}
#kanzei_gakuen #curriculum .sec1 .wrap tr{display: flex; flex-wrap: wrap;}
#kanzei_gakuen #curriculum .sec1 .wrap tr td{ display:block;width: 100%;}
#kanzei_gakuen #curriculum .sec1 .wrap .right_img,
#kanzei_gakuen #curriculum .sec1 .wrap .left_img{width: 100%; max-width:683px;}
#kanzei_gakuen #curriculum .sec1 .wrap .right_text,
#kanzei_gakuen #curriculum .sec1 .wrap .left_text{width: 100%;max-width: 750px;margin:1em auto;height: auto;}
#kanzei_gakuen #curriculum .sec1 .wrap .midashi{ margin:auto;width: 92% !important;}
#kanzei_gakuen #curriculum .sec1 .wrap .td_bottom{ margin:1em auto 0;}
#kanzei_gakuen #curriculum .sec1 .wrap .td_bottom > p { text-align:right;}

}
	
	
@media (min-width:480px) and (max-width:769px) {
		
		
#kanzei_gakuen h2.blue{font-size:26px !important;}
#kanzei_gakuen h2.orange{font-size:26px !important;}
#kanzei_gakuen h2.gray{ font-size:26px;}


#kanzei_gakuen #curriculum .top .wrap .midashi{ padding:2% 2% 1% ; text-align:center; font-size:125% !important;}

#kanzei_gakuen #curriculum .sec2 .wrap .midashi{ font-size:22px; line-height:1.6em;color:#f08300;letter-spacing:0.05em; font-weight:bold;width:90% !important; padding:4% 2% 1% ; text-align:center;}
#kanzei_gakuen #curriculum .sec2 .wrap .honbun{font-size:18px; letter-spacing:0.02em;padding-top:0.2em; margin:auto !important;width: 92%;}

#kanzei_gakuen #curriculum .sec2 .wrap .td_bottom{font-size:18px;line-height:1.5em; letter-spacing:0.1em; margin:0.75em auto 1em !important; width:92%}
#kanzei_gakuen #curriculum .sec2 .wrap .td_bottom .name{ font-size:22px;}
		
		
		}