ヘッダーの　ロゴとナビゲーションメニューが横並びにできません。

一番上の右側にお問合せやアクセスなどのメニュー　facebook、instagramのアイコン
ロゴとナビゲーションメニュー　その右横に問い合わせのメールアイコンを入れたいのですが、ズレてしまいます。

######HTML　PHP

html
1<!doctype html>
2<html <?php language_attributes(); ?> class="no-js">
3    <head>
4        <meta charset="<?php bloginfo('charset'); ?>">
5        <meta name="viewport" content="width=device-width,initial-scale=1"/>
6        <meta name="description" content="<?php bloginfo('description'); ?>">
7
8        <link rel="apple-touch-icon" type="image/png" href="<?php echo get_template_directory_uri(); ?>/img/favicon.png">
9        <link rel="icon" type="image/png" href="<?php echo get_template_directory_uri(); ?>/img/favicon.png">
10
11        <?php /*<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/loading.css?<?php echo time(); ?>"/> */?>
12        <link rel="preload" as="style" onload="this.rel='stylesheet'" href="<?php echo get_template_directory_uri(); ?>/css/style.css?<?php echo time(); ?>"/>
13        <link rel="preload" as="style" onload="this.rel='stylesheet'" href="https://unpkg.com/aos@2.3.1/dist/aos.css"/>
14        <link rel="preload" as="style" onload="this.rel='stylesheet'" href="//cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css"/>
15        <link rel="preload" as="style" onload="this.rel='stylesheet'" href="<?php echo get_template_directory_uri(); ?>/fullcalendar/main.css"/>
16        <noscript>
17          <link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/style.css?<?php echo time(); ?>"/>
18        </noscript>
19        <script>!function(f){f.loadCSS||(f.loadCSS=function(){});var e=loadCSS.relpreload={};if(e.support=function(){var b;try{b=f.document.createElement("link").relList.supports("preload")}catch(c){b=!1}return function(){return b}}(),e.bindMediaToggle=function(c){function b(){c.addEventListener?c.removeEventListener("load",b):c.attachEvent&&c.detachEvent("onload",b),c.setAttribute("onload",null),c.media=d}var d=c.media||"all";c.addEventListener?c.addEventListener("load",b):c.attachEvent&&c.attachEvent("onload",b),setTimeout(function(){c.rel="stylesheet",c.media="only x"}),setTimeout(b,3000)},e.poly=function(){if(!e.support()){for(var d=f.document.getElementsByTagName("link"),b=0;b<d.length;b++){var c=d[b];"preload"!==c.rel||"style"!==c.getAttribute("as")||c.getAttribute("data-loadcss")||(c.setAttribute("data-loadcss",!0),e.bindMediaToggle(c))}}},!e.support()){e.poly();var a=f.setInterval(e.poly,500);f.addEventListener?f.addEventListener("load",function(){e.poly(),f.clearInterval(a)}):f.attachEvent&&f.attachEvent("onload",function(){e.poly(),f.clearInterval(a)})}"undefined"!=typeof exports?exports.loadCSS=loadCSS:f.loadCSS=loadCSS}("undefined"!=typeof global?global:this);</script>
20
21    </head>
22    <body <?php body_class(); ?>>
23
24        <!-- header -->
25            <div class="header-container">
26                <div class="p-header__nuv-top">
27                        <ul>
28                            <li><a href="">> お知らせ</a></li>
29                            <li><a href="">> 採用情報</a></li>
30                            <li><a href="">> English</a></li>
31                            <li><a href=""><img src="<?php echo get_template_directory_uri(); ?>/image/Icon-facebook.svg" alt="facebook" class=""></a></li>
32                            <li><a href=""><img src="<?php echo get_template_directory_uri(); ?>/image/Icon-instagram.svg" alt="instagram" class=""></a></li>
33                        </ul>
34                </div>
35                    <div class="p-header__bottom">
36                        <div class="area_logo ">
37                            <a href=""<?php echo home_url(); ?>>
38                            <img src="<?php echo get_template_directory_uri(); ?>/image/logo.svg" alt="＊＊＊＊＊＊＊＊" class="logo">
39                            </a>
40                    </div>
41                        <nav class="area_nav p-header__nav-bottom">
42                        <ul class="">
43                                <li><a href="">こだわり</a></li>
44                                <li><a href="">商品紹介</a></li>
45                                <li><a href="">企業情報</a></li>
46                                <li><a href="">商品取扱をご検討の方</a></li>
47                                <li><a href="">おうちごはん</a></li>
48                        </ul>
49                        </nav>
50		<div class="p-header__button">
51                            <a href="" target="_blank">
52                                <img src="<?php echo get_template_directory_uri(); ?>/image/icon-mail2.svg" alt="メール">
53                            </a>
54                </div>
55                    </div>
56            </div>
57                <button class="p-nav__open js-nav_open u-spShow">
58                      <span></span>
59                      <span></span>
60                      <span></span>
61                </button>
62            </header>
63            <main role="main">
64

######SCSS

SCSS
1
2.p-header{
3    padding-bottom: 55px;
4    height: 300px;
5    position: relative;
6    //animation: nav_hide .5s;
7}
8.header-container{
9max-width: 1366px;
10padding: 0 40px;
11margin: 0 auto;
12}
13
14/*.p-header__top{
15    display: flex;
16    justify-content: space-between;
17    align-items: center;
18    width: 100%;
19    padding: 0 50px;
20    margin-bottom: 65px;
21    //animation: to_show .5s ease;
22}*/
23
24
25.p-header__nuv-top{
26    ul {
27        display: flex;
28        justify-content:flex-end;
29        margin: 0 auto;
30        padding: 0;
31        li {
32            margin: 0 30px;
33            &:before {
34                display: none;
35                list-style: none;
36            }
37        }
38    }
39}
40
41.p-header__bottom{
42    width: 1130px;
43    height: 74px;
44    background-color:#000;
45    border-radius: 40px;
46}
47
48.area_logo{
49    display: block;
50}
51.area_logo .logo{
52	width: 177.02px;
53	height:33.04px;
54	vertical-align: bottom;
55}
56
57.p-header__logo {
58    width: 177.02px;
59    height: 33.04;
60}
61
62.p-header__button {
63    width: 130px;
64    height: 72px;
65}
66
67
68/*ナビゲーション*/
69
70.area_nav{
71    margin-left : auto;
72}
73
74.font_noto{
75font:"Noto Sans JP";
76}
77
78
79.p-header__nav-bottom{
80    display: flex;
81	align-items: center;
82    ul {
83        display: flex;
84        justify-content:end;
85        list-style: none;
86		position: relative;
87        li {
88            margin: 0 30px;
89            &:before {
90                display: none;
91            }
92            a {
93                padding: 8px 0;
94                text-decoration: none;
95                font-weight: 600;
96                display: block;
97                letter-spacing: .16em;
98                min-width: 100px;
99            }
100        }
101    }
102}
103