/* Course
=================================== */

#course main { padding:32px; }

#cs-total { margin:0 10px 20px 10px; background:#ffefe0; padding:15px 10px; text-align:center; border-radius:7px; }
#cs-total p { display:inline; font-size:110%; line-height:1.25; font-weight:bold; }
.cs-t-nm { color:#C70025; }
#cs-dgm { width:90%; margin:0 5% 30px 5%; }
#cs-dgm p { position:relative; width:100%; height:0; padding-top:46.315789%; }
#cs-dgm p span { display:block; position:absolute; display:block; left:0; top:0; width:100%; height:100%; background:url(../img/course/course_pic.png) center center no-repeat; background-size:cover; text-indent:-9999px; }

#cs-main { background:url(../img/course/bg_line.png) repeat-y 10px 0; }
#cs-main:after {content:"";clear:both;display:block;}
.p-point { font-size:90%; margin-left:40px; line-height:1.5; margin-bottom:1em; }
.p-point strong { color:#C70025; }
.bx-kakoi { background:#ffefe0; padding:15px; margin:0 0 20px 40px; border-radius:7px; }
.bx-kakoi p { font-size:90%; line-height:1.5; }
#cs-main h3 { background:#e33c7d; margin-bottom:1em; color:#fff; display:block; letter-spacing:.05em; line-height:1.25; padding:.5em 1em; border-radius:7px; }
#cs-main h3.sec1 { background:#d32d26;}
#cs-main h3.sec2 { background:#fc7e00;}
#cs-main h3.sec3 { background:#6dae47;}
#cs-main h3.sec4 { background:#ffb000;}
#cs-main h3.sec5 { background:#00c3ff;}
#cs-main h3.sec6 { background:#ce139e;}

.cs-mov { width:60%; margin:15px 20% 0 20%; }

/* ------------ Media Queries ------------ */

@media all and (max-width: 767px) {

#course main { padding:10px; }

#cs-total { margin:0 0 20px 0; padding:10px 10px 5px 10px; text-align:left; }
#cs-total p { display:block; font-size:90%; padding-bottom:5px; }
.cs-t-hd { display:block; }

#cs-dgm { width:100%; margin:0 auto 20px auto; }

.bx-kakoi { padding:10px; }

.cs-mov { width:100%; margin:10px 0 0 0; }

}