/*CONTENTS
---------------------------------------------------------------------------*/
ul.course-list{}
ul.course-list li{ float:left; margin:0 0 20px; width:49%;}
ul.course-list li:nth-child(2n){ float:right;}

@media (max-width: 768px) {
	h1{ margin-bottom:20px;}
	ul.course-list li{ float:none; width:100%;}
}



/*
#contents ul.courseList{}
#contents ul.courseList li{  margin:0 0 20px;  display:table;}
#contents ul.courseList li.course-01{ background:#E50044;}
#contents ul.courseList li.course-03{ background:#005BAB;}
#contents ul.courseList li.course-02{ background:#007457;}
#contents ul.courseList a{ color:#fff; display:block;}
#contents ul.courseList a:link{color: #fff;text-decoration:none;}
#contents ul.courseList a:visited{color: #ffff;text-decoration:none;}
#contents ul.courseList a:hover{ color:#ff; text-decoration:none;}
#contents ul.courseList a:active{color:#fff;text-decoration:none;}


#contents ul.courseList li .tmb{ width:30%;display:table-cell;}
#contents ul.courseList li .data{ width:70%;  padding:40px 30px; display:table-cell; vertical-align:middle;}

#contents ul.courseList li .data .sub-title{ color:#fff; font-weight:600; font-size:2.8rem; line-height:1; margin:0 0 20px;display: inline-block; margin-right:0.5em;}
#contents ul.courseList li .data .title{ color:#fff; font-weight:600; font-size:2.8rem; line-height:1; margin:0 0 20px;display: inline-block;}
#contents ul.courseList li .data .distance{ background:#FFF; font-weight:600; font-size:2.2rem; line-height:1; display:inline-block; padding:10px; border-radius:6px;}
#contents ul.courseList li.course-01 .data .distance{ color:#E50044;}
#contents ul.courseList li.course-03 .data .distance{ color:#005BAB;}
#contents ul.courseList li.course-02 .data .distance{ color:#007457;}

@media (max-width: 980px) {
#contents ul.courseList li .tmb{ width:45%;display:table-cell;}
#contents ul.courseList li .data{ width:55%;  padding:40px 30px; display:table-cell; vertical-align:middle;}
#contents ul.courseList li .data .sub-title{display: inline-block;}
#contents ul.courseList li .data .title{display:block;}
}


@media (max-width: 768px) {
#contents ul.courseList li .tmb{ width:45%;}
#contents ul.courseList li .data{ width:55%;  padding:10px 10px;}
#contents ul.courseList li .data .sub-title{font-size:1.4rem; margin:0 0 0.5em;}
#contents ul.courseList li .data .title{font-size:1.4rem; margin:0 0 0.5em;}
#contents ul.courseList li .data .distance{ font-size:1.2rem;  padding:5px;}

}
*/