body {
    padding-top: 60px; /* ヘッダーの高さ分の余白をいれ、うしろの要素が隠れないようにする */
}

/******* ヘッダーのスタイル ********/
header {
    position: fixed; /*** ← fixedで固定 ***/
    width: 100%; 
    height: 60px; 
    background: #CCC; 
    padding: 20px 60px; 
    box-sizing: border-box;
    top: 0; 
    left: 0; 
    display: flex; 
    align-items: center; 
  
   /* ロゴとメニューを横並びにする */
    display: flex; 
    justify-content:space-between;
}

.header-nav {
	width : 50%;
}

.header-nav .btn {
    display: flex; 
}

.header-nav .btn li {
    list-style: none; 
    margin-left: 20px;
}

.header-nav .btn li a{
   color: #fff;
   font-weight:bold;
	font-size : 0.9em;
   text-decoration: none;
}

.cv-area-list-btn {
        height: 40px;
        padding: 0 15px;
}
.cv-area-btn-header-e{
       width: 300px;
    background: #0065d1;
    box-shadow: 0px 10px 0px 0px #0a3c83;
    letter-spacing: 0.3rem;
	height:40px;
}

.header-nav .cv-area-btn-header-r{
        width: 160px; 
    background: #c8000b;
    box-shadow: 0px 10px 0px 0px #7d0000;
	height:40px;
}

.cv-area-btn-header-e:hover{
	background: #007bff;
	box-shadow: 0px 0px 0px 0px #0a3c83;
	border:3px #fff solid;
}
.cv-area-btn-header-r:hover{
	background: #e21923;
	box-shadow: 0px 0px 0px 0px #7d0000;
	border:3px #fff solid;
}

@media screen and (max-width: 768px) {
	.header-nav {
	width : 60%;
}

	.header-nav .cv-area-btn-header-e{
        width: 100px;
        box-shadow: 0px 5px 0px 0px #0a3c83;
	font-size : 0.5em;
    }

	.header-nav .cv-area-btn-header-r {
        width: 80px;
        box-shadow: 0px 5px 0px 0px #7d0000;
	font-size : 0.5em;

    }


.cv-area-btn-header-e:hover{
	background: #007bff;
	box-shadow: 0px 0px 0px 0px #0a3c83;
	border:3px #fff solid;
}
.cv-area-btn-header-r:hover{
	background: #e21923;
	box-shadow: 0px 0px 0px 0px #7d0000;
	border:3px #fff solid;
}

    .header-nav .cv-area-btn-header-e,
    .header-nav .cv-area-btn-header-r{
        height: 40px;
        padding: 0 3px;
        font-size: 26px;
    }

.cv-area-list-btn {
        height: 40px;
        padding: 0 3px;
}

.header-nav .btn li a{
   color: #fff;
   font-weight:bold;
	font-size : 0.5em;
   text-decoration: none;
}

}

/******* ここからメインエリアのスタイル ********/