@charset "utf-8";
/* CSS Document */
.topinner{margin: 0 auto 0;width:100%;overflow:hidden;}
.topinner_page{  position: fixed; top: 0; left:50%;transform: translateX(-50%); z-index: 100;  margin:0 auto;width:100%;background:#fff;border-bottom:2px solid #1A3975;}
.headinner{width:1100px;margin:0 auto;display:flex;align-items:center;background:#fff;justify-content:space-between;}
.logo_box{display:flex;align-items:center;}
.menu_logo{margin:20px 0 20px;width:400px;}
.menu_logo img{width:100%;}
.menu_tel{width:250px;}
.menu_tel img{width:100%;}
.sp_logo{display:none;}
#nav{background:#2e69b3;}


.gnav{
    display: flex;
justify-content:space-between;flex-wrap:wrap;
    margin: 0 auto;
    width:1100px;
position: relative;
z-index:100;

background:#2e69b3;
}





.gnav li {
  position: relative;
  display: inline-block;
  text-decoration: none;
text-align:center;
border-left:1px solid #fff;
font-size:1.5rem;
width:calc(100%/4);
}

.gnav li:nth-of-type(4n){border-right:1px solid #fff;}


.gnav li a {display:flex;align-items:center;justify-content:center;
    color: #fff;
padding:25px 0;
    line-height:1;
    text-align: center;

}

.gnav li a::after {
  position: absolute;
 bottom: 0px;
  content: '';
  width: 100%;
  height: 8px;
    left:0;
  background: #1A3975;
  transform: scale(0, 1);
  transform-origin: center top;
  transition: transform .3s;
}

.gnav li a:hover::after{ transform: scale(1, 1);}
.mainmenu_on{background:#1A3975;width:100%;margin:0 auto;}


/*999px以下から 1カラム表示
------------------------------------------------------------*/
@media only screen and (max-width:1099px){
.tel{display:none;}
#nav{display:none;}
.topinner{display:none;}
.menu_tel{display:none;}
}

/* 幅644px以下から ヘッダー等微調節
------------------------------------------------------------*/
@media only screen and (max-width: 644px){
.sp_logo{display:block;width:290px;margin:20px auto 0;}
.sp_logo img{width:100%;}
}