• IE11のバグまとめ – Qiita
• IE11 の flexbox の中央揃えが難しい

display: flex; justify-content:center; align-items:center;とすると2つ目のサイトのように右寄せになってしまってツラい……という話。

やりたくはないですが、left: 50%; transform: translateX(-50%);で乗り切るという力技に……。