@charset "utf-8";


/*==============================================
header
================================================*/
header {
width: 100%;
position: absolute;
top: 0;
background-color: rgba(6,13,45,.8);
box-sizing: border-box;
color: #FFF;
padding: 1% 5%;
z-index: 2;
}

p.logo img {
float: left;
margin-right: 30px;
}

h1 a {
color: #FFF;
font-size: 24px;
line-height: 50px;
}

h1 span {
font-size: 16px;
}

/*==============================================
footer
================================================*/
footer {
width: 100%;
background-color: #0f1441;
color: #FFF;
font-size: 10px;
text-align: center;
padding: 5px 0;
}

/*==============================================
sp
================================================*/

@media screen and (max-width: 500px) {
p.logo img {
width: 70px;
margin-right: 10px;
}

h1 a {
font-size: 14px;
line-height: 35px;
}

h1 span {
font-size: 12px;
}
}

@media screen and (max-width: 350px) {
h1 span {
font-size: 10px;
}
}