@charset "utf-8";
@media (max-width: 1001px) {
}
@media (max-width: 801px) {
}
@media (max-width: 481px) {
}


#news-list .inner-sct { padding: 40px 0;}
#news-list .ctn { width: 92%; max-width: 1200px; margin: 0 auto;}
#news-list .ctn ul { font-size: 0px;}
#news-list .ctn li { display: inline-block; width: 25%; padding: 20px;}
#news-list .ctn li a { display: block; text-decoration: none;}
#news-list .ctn li a dl dt { position: relative; margin-bottom: 10px;}
#news-list .ctn li a dl dt span { display: block; width: 100%; padding-top: 100%; overflow: hidden; background: #eee;}
#news-list .ctn li a dl dt span img { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
#news-list .ctn li a dl dt span img.logo { width: 80%; height: auto;}
#news-list .ctn li a dl dd.cate { font-size: 12px; line-height: 1;}
#news-list .ctn li a dl dd.cate span { display: block; width: 80px; padding: 8px 0px; background: #eee; text-align: center;}
#news-list .ctn li a dl dd.tit { font-size: 16px;}
#news-list .ctn li a dl dd.update { color: #f00; font-size: 14px;}


#news .inner-sct { padding: 40px 0;}
#news article { width: 92%; max-width: 1200px; margin: 0 auto 50px;}
#news article .article-hd { margin: 0 auto; padding-bottom: 10px; border-bottom: solid 1px #f00;}
#news article .article-ctn{ margin: 0 auto; padding: 40px 0;} 



#course-list .inner-sct { padding: 40px 0;}
#course-list .ctn { width: 92%; max-width: 1200px; margin: 0 auto;}
#course-list .ctn ul { font-size: 0px;}
#course-list .ctn li { display: inline-block; width: 33%; padding: 20px;}
#course-list .ctn li a { display: block; color: #000; text-decoration: none;}
#course-list .ctn li a dl dt { position: relative; margin-bottom: 15px;}
#course-list .ctn li a dl dt span { display: block; width: 100%; padding-top: 65%; overflow: hidden; background: #eee;}
#course-list .ctn li a dl dt span img { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
#course-list .ctn li a dl dt span img.logo { width: 80%; height: auto;}
#course-list .ctn li a dl dd.update { margin-bottom: 10px; font-size: 14px;}
#course-list .ctn li a dl dd.update time { display: inline-block; margin-right: 10px; color: #e59097;}
#course-list .ctn li a dl dd.update span { display: inline-block; padding: 0px 10px; background: #c5a600; color: #fff; text-align: center;}
#course-list .ctn li a dl dd.tit { font-size: 16px;}