.title{
  font-size: 20px;
  padding: 40px;
  text-align: center;
}
.title .inner{
  quotes: "「" "」";
  position: relative;
  font-size: 20px;
  padding: 40px;
  text-align: center;
}
.title .inner::before {
  content: open-quote;
  position: absolute;
  left: -0.5em;
}
.title .inner::after {
  content: close-quote;
  position: absolute;
  right: -0.5em;
}

/*----- title2 -----*/
.title2{
  font-size: 20px;
  padding: 40px;
  text-align: center;
}
.title2 .inner{
  quotes: "【" "】""「" "」";
  position: relative;
  font-size: 20px;
  text-align: center;
}
.title2 .inner::before {
  content: open-quote;
}
.title2 .inner::after {
  content: close-quote;
}

/*----- title3 -----*/
.title3{
  font-size: 20px;
  padding: 40px;
  text-align: center;
}
.title3 .inner{
  quotes: "①" "①""②" "②""③""③";
  position: relative;
  font-size: 20px;
  text-align: center;
}
.title3 .inner::before {
  content: open-quote;
}
.title3 .inner::after {
  content: close-quote;
}

See the Pen waEOBy by ziyudom (@ziyudom) on CodePen.