@charset "UTF-8";

/* icon -------------------------------------*/
.system-category span{display: block;padding: 10px 20px;text-align: center;}
.system-contents .system-category{ display: block; margin-bottom: 20px; }
.system-contents .system-category span{display: inline-block;padding: 10px 20px;text-align: center;margin-right: 20px;}
.system-tag span{display: block;padding: 10px 0;text-align: center;border: solid 1px #333;}


#works .icon01{ background: #003547; color: #fff; }
#works .icon02{ background: #005E54; color: #fff; }
#works .icon03{ background: #C2BB00; color: #fff; }
#works .icon04{ background: #E1523D; color: #fff; }
#works .icon05{ background: #ED8B16; color: #fff; }
#works .icon06{ background: #f0f0f0; color: #fff; }

#interview .icon01{ background: #003547; color: #fff; }
#interview .icon02{ background: #005E54; color: #fff; }
#interview .icon03{ background: #C2BB00; color: #fff; }
#interview .icon04{ background: #E1523D; color: #fff; }
#interview .icon05{ background: #ED8B16; color: #fff; }
#interview .icon06{ background: #f0f0f0; color: #fff; }


#topics .icon01{background: #000 !important;color: #fff;display: inline-block;margin-right: 20px;}
#topics .icon02{background: #111 !important;color: #fff;display: inline-block;margin-right: 20px;}
#topics .icon03{ background: #222 !important; color: #fff; display: inline-block; margin-right: 20px; padding: 4px 20px; }
#topics .icon04{ background: #333 !important; color: #fff; display: inline-block; margin-right: 20px; padding: 4px 20px; }
#topics .icon05{ background: #444 !important; color: #fff; display: inline-block; margin-right: 20px; padding: 4px 20px; }
#topics .icon06{ background: #555 !important; color: #fff; display: inline-block; margin-right: 20px; padding: 4px 20px; }