.menu-box:hover {
  color: #006400;
}
.menu-box:hover .circle{
  background-color: #67b94c;
}
.circle {
  width: 170px;
  height: 170px;
  margin: 30px 20px;
  border-radius: 50%;
  background-color: #d8e9b8;
  box-shadow: 0 1.9px 2.5px rgb(0 0 0 / 6%), -10px 9px 6.1px rgb(0 0 0 / 8%), 0 10.1px 11.4px rgb(0 0 0 / 9%), -7px 8px 15px 11px rgb(0 0 0 / 9%);
}
.circle-img {
  width: 200px;
  margin-top: -10px;
  margin-left: -20px;
}

.menu {
  display: flex;
  position: absolute;
  z-index: 9999!important;
  margin-top: -65px;
}

.menu:hover {
  color: #eeeeee;
}

#dep-menu-general {
  padding-left: 60px;
  line-height: 60px;
  background: url(/img/department/menu01.png) no-repeat;
}
#dep-menu-accounting {
  padding-left: 60px;
  line-height: 60px;
  background: url(/img/department/menu02.png) no-repeat;
}
#dep-menu-management {
  padding-left: 60px;
  line-height: 60px;
  background: url(/img/department/menu03.png) no-repeat;
}
#dep-menu-facility_g {
  padding-left: 60px;
  line-height: 60px;
  background: url(/img/department/menu04.png) no-repeat;
}
#dep-menu-sales {
  padding-left: 60px;
  line-height: 60px;
  background: url(/img/department/menu05.png) no-repeat;
}
#dep-menu-sales_office {
  padding-left: 60px;
  line-height: 60px;
  background: url(/img/department/menu06.png) no-repeat;
}
#dep-menu-business-affairs {
  padding-left: 60px;
  line-height: 60px;
  background: url(/img/department/menu07.png) no-repeat;
}
#dep-menu-vehicle {
  padding-left: 60px;
  line-height: 60px;
  background: url(/img/department/menu08.png) no-repeat;
}
#dep-menu-facility {
  padding-left: 60px;
  line-height: 60px;
  background: url(/img/department/menu09.png) no-repeat;
}

.menu-contents {
  display: none;
  position: absolute;
  top: 80px;
  left: 50%;
  transform: translateX(-50%);
  width: 80vw;
  border-radius: 10px;
  border: 2px solid #d8e9b8;
  background: white;
  padding: 20px;
}

.menu-select {
  width: 80%;
}

.menu-select ul{
  margin: 0px;
  padding: 0px;
}

.menu-li {
  font-size: medium;
  margin: 20px 10px;
  list-style: none;
  float: left;
  line-height: 50px;
  padding-left: 8px;
  width: 200px;
  border-radius: 10px;
  border: 4px solid #d8e9b8;
  box-shadow:0 1.9px 2.5px rgb(0 0 0 / 6%), -10px 9px 6.1px rgb(0 0 0 / 8%), 0 10.1px 11.4px rgb(0 0 0 / 9%);
}

.menu-li:hover {
  background-color:#67b94c;
}

.menu-li > img {
  margin-right: 10px;
  margin-bottom: 8px;
}

.menu-task {
  margin-top: 20px;
  font-size: medium;
}