brを使用するとsafariなどで余計な余白ができる問題
safari、firefoxなどでbrを使用すると余計な余白ができて、文章がずれることがあるのでcommonやreset.cssなどで
・display: flex;（firefox対策）
・line-height: 0;（safari、ios対策）
を今後は指定しておきます。
参考：https://bashalog.c-brains.jp/16/03/14-103934.php
記事ではinline-block ですがどこかの記事でflexでも消えるとみたのでflexにしてます。
line-heighetは何かできました。
