@charset "utf-8";


/* RESET
----------------------------------------------------------------------------------------------------*/



/* ----------------------------------------------

 * アンカータグの設定

---------------------------------------------- */


#gNav a,a:hover,#gNav a:hover img {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  text-decoration: none;
}

#gNav a:hover {
filter: alpha(opacity=80);
-moz-opacity:0.80;
opacity:0.80;
}


/* ----------------------------------------------

 * 要素を左右中央寄せ

---------------------------------------------- */



*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;*behavior:url(/scripts/boxsizing.htc)}.container{margin:0 auto}.clr:after,.col:after,.container:after,.group:after,.row:after{content:"";display:table;clear:both}.row{padding-bottom:0}.col{display:block;float:left;width:100%}@media (min-width:769px),print{.gutters .col{margin-left:2%}.gutters .col:first-child{margin-left:0}.gutters .colR:first-child{margin-right:0}.sp{display:none}}@media(max-width:769px){.sp_none{display:none !important;}}


/* ---------------------------------------------------------------------------------------------

　   HEADER

--------------------------------------------------------------------------------------------- */


#gNav { /*　リロード時のナビ表示対策 */
display: none;
}

#gNav > ul > li > a {
font-size: 14px;
letter-spacing: 0.2em;
height: 71px;
padding-top: 35px;
}

#gNav > ul > li > a:hover {
color: #000;
border-bottom: 5px solid #00a0e9;
height: 71px;
}

#gNav > ul > li {
padding: 0 22px;
border-left: 1px solid #FFF;
height: 71px;

}

#gNav > ul > li:last-child {
border-left: 1px solid #FFF;
border-right: 1px solid #FFF;
}


nav .sub-menu,.mean-container .mean-nav ul ul {
background: #EEE;
}

/*
#gNav ul.nav {
position: relative;
margin: 0 auto;
text-align: center;
background: #E222EE;
}
*/

#gNav ul.nav .sub-menu {
visibility: hidden;
opacity: 0;
z-index: 1;
display: block;
position: absolute;
top: 71px;
left: -25%;
width: 150%;
-webkit-transition: all .2s ease;
transition: all .2s ease;
}

#gNav li:hover ul.sub-menu {
top: 71px;
visibility: visible;
opacity: 1;
z-index: 9999;
}




/* max-width: 1268px
* * * * * * * * * * * * * * * * * * * * */
@media only screen and (max-width: 1170px){



nav li a {
font-size: 12px;
}

#gNav > ul > li {
height: 60px;
padding: 0 12px;
}

#gNav > ul > li > a {
font-size: 12px;
height: 60px;
white-space: nowrap; /*横幅806px以降にナビが改行しないように。*/
}

#gNav > ul > li > a:hover {
height: 60px;
}

#header {
height: 60px;
}



#gNav li:hover ul.sub-menu {
top: 60px;
}

}
/* max-width: 1268px @end */

/* max-width: 1213px ※IE11とEdge用
* * * * * * * * * * * * * * * * * * * * */
@media only screen and (max-width: 1213px){

_:-ms-fullscreen, :root #gNav > ul > li > a {
font-size: 10px;
white-space: normal;
}

@supports (-ms-ime-align:auto) {
#gNav > ul > li > a {
font-size: 10px;
}
}

}
/* max-width: 1213px @end */

/* max-width: 808px ※Chrome用
* * * * * * * * * * * * * * * * * * * * */
@media only screen and (max-width: 873px){

#gNav > ul > li > a {
font-size: 10px;
white-space: normal;
}


}
/* max-width: 808px @end *



/* min-width : 768px
* * * * * * * * * * * * * * * * * * * * */
@media print, screen and ( min-width : 768px ) {

#gNav ul {
position: relative;
display: flex;
}

#gNav li {
position: relative;
}


#gNav li i {
font-size: 14px;
margin-left: 5px;
}
#gNav li a {
position: relative;
display: block;
text-align: center;
}




#gNav .sub-menu a {
padding: 10px;
display: block;
border-bottom: none;
padding: 20px 15px;
line-height: 1.2em;
text-align: left;
background: #f0f8ff;
}

#gNav .sub-menu a:hover:after {
content: none;
}

#gNav .sub-menu li {
display: block;
font-size: 14px;
padding: 0;
margin: 0;
}

#gNav .sub-menu li a:after {
content: '\f054';
font-family: 'FontAwesome';
padding-left: 8px;
color: #00a0e9;
}

#gNav .sub-menu li a:hover:after {
content: '\f054';
font-family: 'FontAwesome';
padding-left: 10px;
color: #00a0e9;
}


#gNav .sub-menu li:last-child {
border-bottom: none;
}

#gNav ul > li:hover {
-webkit-transition: all .5s;
transition: all .5s;
}

#gNav .current-menu-item a,#gNav .current-menu-parent a {
color: #bfd0ff;
}

#gNav li ul li:after {
content: none;
}
#gNav li:hover ul.sub-menu a {
color: #000;
}
#gNav .sub-menu li a:hover {
background: #fff;
}
#gNav .contact_btn a:hover {
color: #fff;
}
}
/* max-width : 768px @end */

/* max-width : 767px
* * * * * * * * * * * * * * * * * * * * */
@media only screen and ( max-width : 767px ) {
#header {
padding: 10px 0;
height: 60px;
}

#gNav .nav {
overflow-y: auto;
height: 100vh;
}
.mean-nav .container {
padding: 0;
}
nav li .fa {
display: none;
}

nav li a {
font-size: 14px;
}

#gNav .sub-menu {
width: 150%;
}

}
/* max-width : 768px @end */