Safariで、表示崩れしないためにはどのようにすればよろしいのでしょうか？

前提・実現したいこと

サイト制作をしています。
GoogleChrome・firefox・Edgeのプラウザは表示崩れしなかったのですが、
Safariというプラウザだけは、なぜか表示崩れしてしまいます。
表示崩れしないためにはどのようにすればよろしいのでしょうか？

発生している問題・エラーメッセージ

GoogleChrome・firefox・Edge

Safari

該当のソースコード

html
1<div class="header center-space">
2        <div class="header_logo">
3            <img src="image/group1.png" alt="Ishii General Internal Medicine Clinic">
4        </div>
5        <div class="header_contact">
6            <div class="header_contact_time" style="color:#444444;">
7                受付時間 8:30~18:00 平日・土(日祝はお休み) 
8            </div>
9            <div class="header_tel_number">
10                <img src="image/tel-call.png"><a href="tel:000-0000-0000">000-0000-0000</a>
11            </div>
12        </div>
13    </div>

sass
1.center-space{
2    width: 100%;
3    max-width: 1180px;
4    margin: 0 auto;
5    text-align: center;
6}
7
8body{
9    margin: 0;
10    font-family:'Noto Sans JP',sans-serif;
11}
12
13p{
14    margin: 0;
15}
16
17h1{
18    margin: 0;
19}
20
21.header{
22    display:flex;
23}
24
25.header_logo{
26    padding-top: 23px;
27}
28
29.header_contact{
30    margin-left: auto;
31    -webkit-margin-left: auto;
32    padding-top: 34px;
33    padding-bottom: 35px;
34}
35
36.header_contact_time{
37    font-size:14px;
38}
39
40.header_tel_number{
41    padding-left: 23%;
42    font-size: 24px;
43    font-weight: bold;
44    margin-top: 14px;
45    a{
46        color: #21A937;
47        text-decoration: none;
48    }
49    img{
50        margin-right: 5.8px
51    }
52}