.main-menu ul {
    list-style: none;
    padding: 0;
    display: flex; /* メインメニューを横並びにする */
    gap: 20px;
}

.menu-item {
    position: relative;
}

.menu-item a {
    display: block;
}

.submenu-container {
    position: absolute; /* 親要素の位置を基準に配置 */
    top: 100%; /* メインメニューのすぐ下に配置 */
    z-index: 999; /* 他の要素より前面に表示 */
    background: #f4f4f4;
    margin-bottom: -17px;
    padding:0;
}

.submenu {
    z-index: 999; /* 他の要素より前面に表示 */
    display: none; /* 初期状態では非表示 */
}

.submenu ul {
    list-style: none;
    padding: 0;
}

.submenu ul li {
    margin: 5px 0;
}

nav li:hover{
    border-bottom: 2px solid #FF7A37; /* 下線の太さや色を指定 */
}

.navbar-nav-h {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.navbar-nav-s .nav-link {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-right: 5;
  padding-left: 5;
  line-height:0.5
}