.quo,[class*=" quo-"],[class^=quo-] {
   position: relative; display: block; max-width:100%; margin: 3rem 2rem;
   padding: 2rem;;
 }
[class*=" quo-"]:before,[class^=quo-]:before {
  display: inline-block;
  position: absolute;
  content: attr(data-quol);
  top: -1rem; left: -2rem;
  line-height: 1;
  font-weight: 900;
  font-size: 6rem;
  color: #cfcfcf;
}
[class*=" quo-"]:after,[class^=quo-]:after {
  display: inline-block;
  position: absolute;
  content: attr(data-quor);
  bottom: -2rem; right: 0;
  line-height: 1;
  font-weight: 900;
  font-size: 6rem;
  color: #cfcfcf;
}
.quo-mark {
    box-sizing: border-box;
    font-style: italic;
}
.quo-mark:before{
}

/*  カラー設定  */