@charset "UTF-8";

/*==================================================================

HEADER

==================================================================*/
@media screen and (min-width:1024px) {
header{
background:#FBFAF6;
width:100%;
height:100px;
position:fixed;
top:0;
right:0;
bottom:auto;
left:0;
z-index:9999;
}
.header_area{
width:1000px;
margin:0 auto;
}
header h1{
width:15%;
margin:0 auto;
padding-top:10px;
}
.contents_header div{
width:1000px;
margin:0 auto;
padding-top:200px;
}
.contents_header h2{
width:40%;
margin:50px auto 0;
padding-top:37px;
}
}
@media only screen and (min-width:768px) and (max-width:1023px) {
header{
background:#FBFAF6;
width:100%;
height:100px;
position:fixed;
top:0;
right:0;
bottom:auto;
left:0;
z-index:9999;
}
.header_area{
width:100%;
margin:0 auto;
}
header h1{
width:20%;
margin:0 auto;
padding-top:8px;
}
.contents_header div{
width:100%;
margin:0 auto;
padding-top:115px;
}
.contents_header h2{
width:40%;
margin:0px auto 0;
padding-top:37px;
}
}
@media only screen and (min-width:320px) and (max-width:767px) {
header{
background:#FBFAF6;
width:100%;
height:80px;
position:fixed;
top:0;
right:0;
bottom:auto;
left:0;
z-index:9999;
}
.header_area{
width:100%;
margin:0 auto;
}
header h1{
width:30%;
margin:0 auto;
padding-top:8px;
}
.contents_header div{
width:100%;
margin:0 auto;
padding-top:103px;
}
.contents_header h2{
width:80%;
margin:0px auto 0;
padding-top:0;
}
}