/* -----------------------------------------------------------

#courseCatch

----------------------------------------------------------- */
      
#courseCatch { padding:0px 0 30px; text-align:center; }
@media only screen and (max-width: 800px) { 
#courseCatch { padding:0px 5% 30px; }
}
@media only screen and (max-width: 738px) { 
#courseCatch { padding: 0px 5% 30px;}
}
@media only screen and (max-width: 414px) { 
#courseCatch { padding: 0px 5% 20px;}
}

/* --- h3 --- */
#courseCatch h3 { font-size:24px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;letter-spacing:2px;line-height:1.6; color: #BE0014; font-weight: 600; margin: auto 10%; }
#courseCatch br.spblock { display:none; }
#courseCatch h3 span { font-size: 14px; margin-top: -2px; }
@media only screen and (max-width: 800px) { 
#courseCatch h3 { margin-top:15px; font-size: 20px;}
}
@media only screen and (max-width: 738px) { 
#courseCatch h3 { font-size: 18px; letter-spacing: 2px; line-height: 1.8; margin-top:10px;}
#courseCatch h3 br.spblock { display:block; }
}
@media only screen and (max-width: 414px) { 
#courseCatch h3 { font-size: 16px; letter-spacing: 2px; line-height: 1.8; text-align: center; }
}

/* --- .txtArea --- */
#courseCatch .txtArea { margin: 25px 12.5% 0; }
#courseCatch .txtArea p{font-size:14px; line-height:2; letter-spacing:2px; margin-top:1em;}

@media only screen and (max-width: 738px) { 
#courseCatch .txtArea { margin: 20px auto 0; padding:0 2.5%; text-align:left; }
#courseCatch .txtArea p { font-size: 13px; line-height: 2; letter-spacing: 1px; margin-top: 1em; }
}
@media only screen and (max-width: 414px) { 
#courseCatch .txtArea p { font-size: 12px;}
}

/* -----------------------------------------------------------

#courseBox

----------------------------------------------------------- */

#courseBox { padding: 0px 12.5% 30px;}
@media only screen and (max-width: 800px) { 
#courseBox { padding:0px 5% 80px; }
}
@media only screen and (max-width: 738px) { 
#courseBox { padding: 0px 5% 30px;}
}
@media only screen and (max-width: 414px) { 
#courseBox { padding: 0px 5% 10px;}
}

/* --- .txtArea --- */
#courseBox .txtArea { margin: 25px 10px 0; }
#courseBox .txtArea .courseImg { float:left; margin: 0px; width: 30%; }
#courseBox .txtArea .courseTxt { float:right; margin: 0px; width: 68%; }
#courseBox .txtArea p{font-size:14px; line-height:1.6; letter-spacing:2px; text-align: left;}
@media only screen and (max-width: 738px) { 
#courseBox .txtArea { margin: 20px auto 0; padding:0 2.5%; text-align:left; }
#courseBox .txtArea p { font-size: 12px; line-height: 1.6; letter-spacing: 1px; }
#courseBox .txtArea .courseImg { float: none; margin-bottom: 15px; width: 100%; }
#courseBox .txtArea .courseTxt { float: none; margin: 0px; width: 100%; }
}
@media only screen and (max-width: 414px) { 
#courseBox .txtArea p { font-size: 12px;}
}

/* -----------------------------------------------------------

.MenuImg

----------------------------------------------------------- */
.menuImg { width: 100%; margin: 10px 0px }


/* -----------------------------------------------------------

#PriceList

----------------------------------------------------------- */

.PriceList { font-size: 21px !important; margin-top: 15px !important; }
@media only screen and (max-width: 800px) { 
.PriceList { font-size: 18px !important; margin-top: 15px !important;}
}
@media only screen and (max-width: 738px) { 
.PriceList { font-size: 18px !important; margin-top: 10px !important;}
}
@media only screen and (max-width: 414px) { 
.PriceList { font-size: 16px !important; margin-top: 10px !important;}
}


.clearbox { clear:both; }