headerの固定がレスポンシブのみにしたいが、したらPC版でも消えた

前提・実現したいこと

1レスポンシブ対応でpositoion: fixedをheader-fixed親要素に適用したい
2conseptタグももslider対応になっているので、conceptタグはfvに含まれないようにしたいです

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

1headerがpc盤でも適用されない.
2.sliderの子要素はliタグで囲んだimg要素だけなのになぜかconseptセクションもsliderに反応している。

該当のソースコード

HTML
1<header class="header">
2        <div class="header-inner header-fixed">
3                    <h1 id="logo">Cresta Design</h1>
4                    <nav class="header-nav">
5                            <ul class="header-list">
6                                <li class="list-item"><a href="#">Concept</a></li>
7                                <li class="list-item"><a href="#">Service</a></li>
8                                <li class="list-item"><a href="#"> Works</a></li>
9                                <li class="list-item"><a href="./Contact.html">Contact</a></li>
10                            </ul>
11                    </nav>
12                    <button class="burger-btn">
13                        <span class="bar-bar_top"></span>
14                        <span class="bar-bar_mid"></span>
15                        <span class="bar-bar_bottom"></span>
16                    </button>
17        </div>
18            
19        
20            <div class="image-inner">
21                <div class="fv">
22                       <ul class="slider">
23                           <li><img src="./image/fv-bgi_01@2x.jpg" alt="1枚目"></li>
24                           <li><img src="./image/fv-bgi_02@2x.jpg" alt="2枚目"></li>
25                           <li><img src="./image/fv-bgi_03@2x.jpg" alt="3枚目"></li>
26                       </ul>
27                </div>
28                <div class="image-message">
29                        <p>Design for Smile. <br class="sp-br">快適なオフィスを  デザインする</p>
30                </div>
31            </div>
32        </div>
33    </header>
34
35
36    <!---->
37
38<!--メイン-->
39    <main class="main">
40        <!--コンセプト-->
41        <section class="concept">
42            <h2 class="sub-title ">CONCEPT</h2>
43            <div class="section-inner">
44                <p class="message">
45                “働きたくなる空間”をデザインすることで <br class="pc-br">
46                    人々を幸せにする。"
47                </p>
48                <div class="explain">
49                    <p class="text">私たちは、オフィスに特化した空間デザイン専門としております。その理由は、「働きたくなる空間で仕事ができれば多くの人を
50                        幸せにできるのではないか」と考えるためです。そんな想いの株式会社Cresta Designだからこそできる空間デザインを提供させて
51                        いただきます。
52                    </p>
53                    <div class="concept-image">
54                            <img src="image/concept-image@2x.jpg"  alt="コンセプトイメージ">
55                    </div>
56                   
57                </div>
58                <div class="section-bottom concept-bottom text-right">Our concept </div>
59            </div>
60            
61 
62        </section>

CSS
1header {
2  padding: 19px 30px;
3  -webkit-box-sizing: border-box;
4          box-sizing: border-box;
5  width: 1440px;
6  height: 752px;
7  position: absolute;
8  top: 0;
9  left: 0;
10  z-index: 1;
11}
12
13@media print, screen and (max-width: 768px) {
14  .header .header {
15    padding: 30px 4vw;
16  }
17}
18
19.header .header-inner {
20  display: -webkit-box;
21  display: -webkit-flex;
22  display: -ms-flexbox;
23  display: flex;
24  -webkit-box-pack: justify;
25  -webkit-justify-content: space-between;
26      -ms-flex-pack: justify;
27          justify-content: space-between;
28  -webkit-box-align: center;
29  -webkit-align-items: center;
30      -ms-flex-align: center;
31          align-items: center;
32  max-width: 1200px;
33  margin: 0 auto;
34  z-index: 99;
35}
36
37.header .header-inner #logo {
38  padding-left: 120px;
39  margin-top: 19px;
40  font-family: 'Noto Serif';
41  font-size: 2.6rem;
42  color: #fff;
43}
44
45@media print, screen and (max-width: 768px) {
46  .header .header-nav {
47    display: none;
48    position: fixed;
49    top: 0;
50    left: 0;
51    width: 100%;
52    height: 100vh;
53    background-color: #282f35;
54  }
55}
56
57.header .header-nav .header-list {
58  display: -webkit-box;
59  display: -webkit-flex;
60  display: -ms-flexbox;
61  display: flex;
62  -webkit-box-pack: end;
63  -webkit-justify-content: flex-end;
64      -ms-flex-pack: end;
65          justify-content: flex-end;
66  -webkit-box-align: center;
67  -webkit-align-items: center;
68      -ms-flex-align: center;
69          align-items: center;
70  margin-right: 0px;
71}
72
73.header .header-nav .header-list .list-item {
74  display: -webkit-box;
75  display: -webkit-flex;
76  display: -ms-flexbox;
77  display: flex;
78  -webkit-box-pack: justify;
79  -webkit-justify-content: space-between;
80      -ms-flex-pack: justify;
81          justify-content: space-between;
82  -webkit-box-align: center;
83  -webkit-align-items: center;
84      -ms-flex-align: center;
85          align-items: center;
86}
87
88.header .header-nav .header-list .list-item > a {
89  text-transform: inherit;
90  font-size: 16px;
91  color: #fff;
92  -webkit-transition: .3s;
93  transition: .3s;
94  font-weight: bold;
95  font-style: italic;
96}
97
98.header .header-nav .header-list .list-item + .list-item {
99  padding-left: 30px;
100}
101
102/*ボタン*/
103.burger-btn {
104  display: -webkit-box;
105  display: -webkit-flex;
106  display: -ms-flexbox;
107  display: flex;
108}
109
110.image-inner .fv {
111  height: 100vh;
112  min-height: 550px;
113  position: relative;
114}
115
116.image-inner .fv .img {
117  height: 100vh;
118  min-height: 550px;
119  -o-object-fit: cover;
120     object-fit: cover;
121}
122
123@media print, screen and (max-width: 768px) {
124  .image-inner .fv {
125    width: 100%;
126  }
127}
128
129.image-inner .image-message {
130  position: absolute;
131  top: 400px;
132  left: 177px;
133  padding-bottom: 170px;
134}
135
136.image-inner .image-message > p {
137  font-size: 5rem;
138  line-height: 1.4;
139  color: #fff;
140}
141
142.image-inner .image-message .sp-br {
143  display: block;
144}
145
146@media print, screen and (max-width: 768px) {
147  .image-inner .image-message .sp-br .sp-br {
148    display: none;
149  }
150}
151
152.slick-arrow {
153  display: none !important;
154}
155
156.concept {
157  max-height: 811px;
158  margin: 10rem 12rem 7rem 22rem;
159}
160
161.section-inner {
162  text-align: center;
163}
164
165.section-inner .message {
166  text-align: center;
167  font-size: 3rem;
168  margin-bottom: 60px;
169  font-weight: bold;
170  line-height: 1.6;
171  font-size: 3rem;
172}
173
174@media print, screen and (max-width: 768px) {
175  .section-inner .message {
176    font-size: 2rem;
177    padding: 70px 45px 30px;
178  }
179}
180
181.section-inner .explain {
182  display: -webkit-box;
183  display: -webkit-flex;
184  display: -ms-flexbox;
185  display: flex;
186  -webkit-justify-content: space-around;
187      -ms-flex-pack: distribute;
188          justify-content: space-around;
189  margin: 0 auto;
190}
191
192@media print, screen and (max-width: 768px) {
193  .section-inner .explain {
194    display: block;
195    -webkit-box-align: center;
196    -webkit-align-items: center;
197        -ms-flex-align: center;
198            align-items: center;
199    margin-bottom: 40px;
200  }
201}
202
203.section-inner .explain .text {
204  display: block;
205  max-width: 440px;
206  line-height: 1.9;
207  font-weight: bold;
208  margin-top: 10px;
209  margin-left: 15px;
210}
211
212@media print, screen and (max-width: 768px) {
213  .section-inner .explain .text {
214    padding: 20px 15px;
215  }
216}
217
218.section-inner .explain .concept-image {
219  max-width: 440px;
220  height: 240px;
221  margin-left: 30px;
222}
223
224@media print, screen and (max-width: 768px) {
225  .section-inner .explain .concept-image {
226    max-width: 100%;
227    display: -webkit-box;
228    display: -webkit-flex;
229    display: -ms-flexbox;
230    display: flex;
231    -webkit-flex-shrink: 0;
232        -ms-flex-negative: 0;
233            flex-shrink: 0;
234    padding: 20px 15px;
235    margin: 0;
236  }
237}
238
239@media print, screen and (max-width: 768px) {
240  .section-inner .pc-br {
241    display: none;
242  }
243}
244