@charset "utf-8";
/* CSS Document */

/* menu追加
------------------------------------------------------------*/
.spimg{display:none;}
#headerTopicContainer {
  position: relative;
}
#headerContainer {
  position: absolute;
  z-index: 100;
  width: 100%;
  background: rgba(74,147,249,1);
  behavior: url(PIE.htc);
height:51px;

}

.topinner {
  position: relative;
  max-width: 1100px;
  min-width: 1100px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;

}

/*ナビゲーションの装飾*/

#navigation ul{display: flex;justify-content: center;}

#navigation ul,
#navigation li {
  list-style: none;
  margin: 0;
  padding: 0;

}
#navigation li {display: flex;align-items: center;border-left:1px solid #e3e3e3;}
nav#navigation li:last-child{border-right:1px solid #e3e3e3;}
#navigation a{
  color: #fff;
  font-size: 100%;
font-weight:bold;
  line-height: 1;
  text-align: center;
  padding:20px 0px 15px;
width: 183px;
transition:all 0.3s;
}
#navigation a:hover {
  color: #fff;
  background: rgb(33,124,248);
}
#navigation li:last-child{border-right:1px dotted #fff;}


.menu_item{margin-top:10px;}
.menu_link{margin-bottom:20px;}
.menu_logo{margin:30px 0 50px;}
.menu_tel{float:right;padding:15px 0 0;}
.menu_tel img{width:240px;}
.logoimg{float:left;padding:0 10px 0 0;}
.logoimg img{width:300px;}



/* 幅644px以下から ヘッダー等微調節
------------------------------------------------------------*/
@media only screen and (max-width: 1099px){
.menu_tel{float:none;text-align:center;}
.logoimg{float:none;padding:0 0 15px;text-align:center;}

}