/* ヘッダー */ 

@media screen and (min-width:1200px) { 

body section#header{
border-bottom:8px solid #0d64b0;
position:fixed;
top:0;left:0;
z-index:10000;
background-color:white;
}

ul.gmenu{
position:absolute;
bottom:20px;
right:340px;
z-index:101;
}

ul.gmenu > li{
display:inline-block;
padding:0 20px;
border-left:1px solid #ddd;
position:relative;
}

ul.gmenu li:last-child{
border-right:none;
}

ul.gmenu li a{
color:#333;
font-size: 14px;
}

ul.gmenu li a:hover{
color:#999;
}

ul.gmenu > li.selected:after{
content:"●";
font-size:10px;
position:absolute;
bottom:-16px;
left:50%;
transform:translateX(-50%);
color:#0d64b0;
}

ul.gmenu > li.navHome{
padding-left:48px;
background-image:url(../images/icon_home.svg);
background-repeat:no-repeat;
background-size:15px 13px;
background-position:20px 4px;
}


ul.submenu{
position:absolute;
width:500px;
z-index:100;
display:none;
left:-250px;
top:53px;
}



ul.submenu li{
border:none;
float:left;
border-left:1px solid #005A8D;
width:50%;
}
ul.submenu li:first-child{
border:none;
}


ul.submenu li a{
color:white;
display:block;
background-color:rgba(0,128,199,0.8);
width:100%;height:100%;
padding:30px 0;
}
ul.submenu li a:hover{
color:white;
background-color:rgba(100,193,244,0.8);
}



a.navQA, a.navContact, a.navHUGroupe{
position:absolute;
height:90px;
bottom:0px;
display:block;
}

.navQA{
width:160px;
right:160px;
background-color:#0d64b0;
background-image:url(../images/icon_qa.png);
background-size:32px 26px;
background-repeat:no-repeat;
background-position:center 30%;
}

a.navQA{
color:white;
}

a.navQA:hover{
background-color:#0094E3;
}

.navContact{
width:160px;
right:160px;
background-color:#0d64b0;
background-image:url(../images/icon_mail.png);
background-size:22px 15px;
background-repeat:no-repeat;
background-position:center 35%;
}

a.navContact{
color:white;
}

a.navContact:hover{
background-color:#0094E3;
}


.navHUGroupe{
width:160px;
right:0px;
}


.navHUGroupe img{
width:86px;
height:62px;
position:relative;
top:18px;
left:0px;
transition:all 0.2s linear;
}

.navHUGroupe:hover img{
opacity:0.6;
}


.navQA span, .navContact span,.navHUGroupe span{
position:absolute;
display:block;
bottom:20px;
width:100%;
text-align:center;
}


h1{
width:320px;
height:90px;
}

h1 a{
display:block;
height:100%;
}
h1 img{
width:320px;
height:54px;
position:relative;
top:18px;
left:20px;
}
}


/*　画面サイズが1200pxまではここを読み込む　*/
@media screen and (max-width: 1199px){

section#header{
height:60px;
position:fixed;
top:0;left:0;
z-index:103;
background-color:white;
border-bottom:5px solid #0d64b0;
}
h1{
position:absolute;
top:50%;
left:10px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
h1 img{
width:240px;
height:40px;
}


.gmenu>li{
text-align:left;
}

.gmenu .submenu>li a:before{
content:"\025b6";
color:orange;
font-size:12px;
margin-right:3px;}



.gmenu>li a{
display:block;
padding:10px 20px;
border-top:1px #c7c7c7 solid;
color:#555555;
}


.gmenu .submenu>li a{
display:block;
padding:10px 20px 10px 40px;
border-top:1px #c7c7c7 solid;
color:#555555;
}

.drawer-nav>a{
display:block;
text-align:left;
padding:10px 20px;
border-top:1px #c7c7c7 solid;
color:#555555;
}
.drawer-nav>a.navHUGroupe{
border-bottom:1px #c7c7c7 solid;
text-align:left;
padding:20px 20px;
}
.drawer-nav>a.navHUGroupe img{
height:62px;
}

}