.ribbon-section {
  flex: 1;
  text-align: center;
  padding: 0.5rem;
  white-space: normal;          /* 改行を許可 */
  overflow-wrap: break-word;    /* 長い単語を途中で改行 */
  word-break: break-word;       /* Firefox対応 */
  /* font-size: 0.9rem;          フォントサイズは親のままでもOK */
}