@charset "utf-8";
/* RESET
----------------------------------------------------------------------------------------------------*/

header,nav{
  display:block;
  /* font-size : 15px;
*/
}
ol,ul{
  list-style:none;
}
/* ----------------------------------------------

 * アンカータグの設定

---------------------------------------------- */
a,a:hover,a:hover img{
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  text-decoration: none;
}
a:hover {
  filter: alpha(opacity=80);
  -moz-opacity:0.80;
  opacity:0.80;
}
/* ----------------------------------------------

 * 要素を左右中央寄せ

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

.taC{
  text-align: center !important;
}
.taR{
  text-align: right !important;
}
.taL{
  text-align: left !important;
}
*{
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
*behavior:url(/scripts/boxsizing.htc)
}
.menus{
  margin:0 auto;
}
.clr::after,.col::after,.container::after,.group::after,.row::after{
  content:"";
  display:table;
  clear:both;
}
@media (min-width:769px),print{
  }
@media(max-width:768px){
  }
/* ---------------------------------------------------------------------------------------------

　   HEADER

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

#header{
  box-shadow: 0px 3px 15px rgba(0,0,0,0.2);
  z-index: 99;
  width : 100%;
  position: fixed;
  top: 0;
  left: 0;
  padding-right : 20px;
  padding-top : 5px;
  padding-left : 20px;
  padding-bottom : 5px;
  background-image : url(../img_common/back_white1.png);
  background-repeat : repeat;
}
#header{
  padding-top : 10px;
  padding-bottom : 20px;
  border-bottom-width : 1px;
  border-bottom-style : solid;
  border-bottom-color : #666666;
  height : 90px;
}
#gNav a:hover{
  color: #fff;
}
nav .sub-menu,.mean-container .mean-nav ul ul{
  background-image : linear-gradient(to top, #000 0%, #666 100%);
  background-repeat : repeat;
  background-attachment : scroll;
  background-position : 0% 0%;
  background-size : auto auto;
  background-origin : padding-box;
  background-clip : border-box;
}
@media only screen and ( max-width : 768px ) {
  .h_logo{
  width : 62px;
  position: absolute;
  top: 0px;
  left : 0px;
  z-index: 100;
  padding-right : 1px;
}
#gNav .nav{
  overflow-y: auto;
  height: 100vh;
}
.mean-nav .container{
  padding : 0px;
}
nav li .fa{
  display: none;
}
}
@media print, screen and ( min-width : 769px ) {
  #h_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#gNav ul{
  position: relative;
  display: flex;
}
#gNav li{
  position: relative;
  margin-right : 1.5em;
}
#gNav li:last-child{
  margin-right: 0;
}
#gNav li i{
  font-size : 15px;
  margin-left: 5px;
}
#gNav li a{
  position: relative;
  display: block;
  text-align: center;
  line-height : 70px;
  color : #396599;
  font-weight : bold;
  font-size : 15px;
}
#gNav .sub-menu{
  visibility: hidden;
  opacity: 0;
  z-index: 1;
  display: block;
  position: absolute;
  top : 90px;
  left: 50%;
  margin-left : -100px;
  width : 200px;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  text-align : left;
}
#gNav .sub-menu a{
  padding : 20px;
  display: block;
  line-height: 1.2em;
  font-weight : bold;
  font-size : 100%;
  color : #eca453;
}
#gNav .sub-menu a:hover::after{
  content: none;
}
#gNav .sub-menu li{
  display: block;
  padding: 0;
  margin: 0;
}
#gNav .sub-menu li:last-child{
  border-bottom: none;
}
#gNav ul > li:hover {
  -webkit-transition: all .5s;
  transition: all .5s;
}
#gNav ul > li:hover a,#gNav .current-menu-item a,#gNav .current-menu-parent a{
  color : #eca453;
}
#gNav li:hover ul.sub-menu{
  top : 60px;
  visibility: visible;
  opacity: 1;
  z-index: 9999;
}
#gNav li ul li::after{
  content: none;
}
#gNav li:hover ul.sub-menu a{
  color : #396599;
}
#gNav .sub-menu li a:hover{
  background: #fff;
}
#gNav .contact_btn a:hover{
  color: #fff;
}
}
/* ---------------------------------------------------------------------------------------------

　   CONTENTS

--------------------------------------------------------------------------------------------- */
@media only screen and ( max-width : 768px ) {
  }
@media only screen and ( max-width : 480px ) {
  }
@media print, screen and ( min-width : 769px ) {
  }
/* ---------------------------------------------------------------------------------------------

　   FOOTER

--------------------------------------------------------------------------------------------- */
@media only screen and ( max-width : 768px ) {
  }
@media only screen and ( max-width : 480px ) {
  }
@media print, screen and ( min-width : 769px ) {
  .copy {
  }
}