.clear {
	clear:both;　/*floatの解除、ここがポイント*/
}

.btn_arrow::after {
    position: absolute;
    top: 50%;
    right: 1em;
    width: 0.5em;
    height: 0.5em;
    transform: translateY(-75%) rotate(135deg);
    border-right: 2px solid currentColor;
    border-top: 2px solid currentColor;
    content: "";
}



#elnmenu{
  /*position: absolute;*//*変更箇所 追加*/
  margin-top:250px;/*変更箇所　追加*/
  width:100%;
  margin:0 auto;
  background: #000063;

}

#menu_back{
  width:100%;
  background: #000063;

}



 #elnmenu ul{
  margin:0;
  padding:0;
}

 #elnmenu ul li {
  list-style: none;
  margin:0;
  padding:0;
  font-size:16px;
  float: left;
  position: relative;
  width: 25%;/*親メニューの幅*/
  height: 40px;/*親メニューの高さ*/
  line-height: 40px;
  background: #000063;/*親メニューの背景色*/
  color:#fff;/*親メニューの文字色*/
  text-align:center;
  font-weight:bold;
  padding-top:10px;
  border: 0.5px solid steelblue/*#ccc*/;

}



 #elnmenu ul li a {
  display: block;
  text-decoration: none;
}

 #elnmenu ul li:hover, #elnmenu ul li a:hover {
  background:steelblue;/*ホバー時の親メニューの背景色*/
  color:#fff/*#000063*/;/*ホバー時の親メニューの文字色*/
}

 #elnmenu ul li ul {
  position: absolute;
  top: 40px;/*親メニューの高さと同じにする*/
  width: 100%;
  z-index: 10;
}

 #elnmenu ul li ul li {
  visibility: hidden;
  overflow: hidden;
  width: 100%;/*サブメニューの幅*/
  height: 0;
  color:steelblue;
  background:#fff;/*サブメニューの背景色*/
  padding-left:1em;
}

 #elnmenu ul li ul li:hover, #elnmenu ul li ul li a:hover {
  background:#000063;/*ホバー時のサブメニューの背景色*/
}

 #elnmenu ul li:hover ul li, #elnmenu ul li a:hover ul li{
  visibility: visible;
  overflow: visible;
  height:40px;/*サブメニューの高さ*/
  z-index: 10;
}

 #elnmenu ul li:hover > ul {
  display: block;
}
/* ボタンのスタイル */
.btn a {
  position: relative;
  display: block;
  width: 280px;
  padding: 15px 0;
  background-color: #21be78;
  border-radius: 8px;
  font-size: 14px;
  color: #fff;
  text-decoration: none;
  text-align: center;
}

/* アイコンのスタイル */
.btn-arrow-bottom a::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 27px;
  width: 9px;
  height: 9px;
  margin: auto;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: translateY(-2px) rotate(135deg);
  box-sizing: border-box;
}

 #elnmenu * {
  -webkit-transition: 0.7s;
  -moz-transition: 0.7s;
  -ms-transition: 0.7s;
  -o-transition: 0.7s;
  transition: 0.7s;
}


 #elnmenu ul ul {
  display: none;
  position: absolute;
  z-index: 10;
}

 #elnmenu ul ul ul {
  top: 0;
  left: 100%;
}


 #elnmenu li li {
  clear: left;
  position:relative;
  width: 100%;
  /*background:#f7f7f7;*/
  border:1px solid #cccccc;
  margin:0px 0px 0px -2px;
  text-align:left;
}


@media screen and (max-width: 767px) {
header {
 display:none;
}