ul.comn-recr {
  list-style: none;
  margin:0 0 3% -25px;
}

li {
  margin:0 0 1% 0;
  position: relative;
}

li.syst1 {
  margin:0 0 1% 0;
  padding-left: 1em;
  position: relative;
}
li.syst1:before {
  display: block;
  content: "\0203B";
  width: 1em;
  height: 1em;
  position: absolute;
  left: 0;
  top: 0;
}

li.syst2 {
  margin:0 0 1% 0;
  padding-left: 1em;
  position: relative;
}
li.syst2:before {
  display: block;
  content: "■";
  width: 1em;
  height: 1em;
  position: absolute;
  left: 0;
  top: 0;
}

li.syst3 {
  margin:0 0 1% 0;
  padding-left: 1em;
  position: relative;
}
li.syst3:before {
  display: block;
  content: "○";
  width: 1em;
  height: 1em;
  position: absolute;
  left: 0;
  top: 0;
}

li.syst4 {
  margin:0 0 1% 0;
  padding-left: 1em;
  position: relative;
}
li.syst4:before {
  display: block;
  content: "◎";
  width: 1em;
  height: 1em;
  position: absolute;
  left: 0;
  top: 0;
}