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

Question

前提・実現したいこと

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

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

GoogleChrome・firefox・Edge

Safari

該当のソースコード

<div class="header center-space">
        <div class="header_logo">
            <img src="image/group1.png" alt="Ishii General Internal Medicine Clinic">
        </div>
        <div class="header_contact">
            <div class="header_contact_time" style="color:#444444;">
                受付時間 8:30~18:00 平日・土(日祝はお休み) 
            </div>
            <div class="header_tel_number">
                <img src="image/tel-call.png"><a href="tel:[phone]">000-0000-0000</a>
            </div>
        </div>
    </div>

.center-space{
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    text-align: center;
}

body{
    margin: 0;
    font-family:'Noto Sans JP',sans-serif;
}

p{
    margin: 0;
}

h1{
    margin: 0;
}

.header{
    display:flex;
}

.header_logo{
    padding-top: 23px;
}

.header_contact{
    margin-left: auto;
    -webkit-margin-left: auto;
    padding-top: 34px;
    padding-bottom: 35px;
}

.header_contact_time{
    font-size:14px;
}

.header_tel_number{
    padding-left: 23%;
    font-size: 24px;
    font-weight: bold;
    margin-top: 14px;
    a{
        color: #21A937;
        text-decoration: none;
    }
    img{
        margin-right: 5.8px
    }
}

試したこと

下記の記事に書いてあることは試しました。
http://www.htmq.com/csskihon/603.shtml
https://www.web-myoko.net/blog/web-production/css-hack-safari/

補足情報（FW/ツールのバージョンなど）

環境
・Windows10
・VSCode

Comments

[m.ts10806]

SCSSですかね。
可能ならコンパイル後のCSSを。

[ri1105]

sassではなく、cssの方が良いということですか？

Answer 1

Windows版Safariは開発が終了しているため、
古い状態のままで、
今後改善されることは100%無いので、
無視してください。

Safariの表示はmacOSで確認しましょう。