/* Mobile menu toggle: サービス submenu */
.mobile-menu .menu-toggle-wrap {
  border-bottom: 1px solid #c2c2c2;
}

.mobile-menu .menu-toggle {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 9px 0;
  background: none;
  border: none;
  font-size: 15px;
  font-weight: 700;
  color: #4b7282;
  cursor: pointer;
  text-align: left;
  position: relative;
}

.mobile-menu .menu-toggle span {
  display: block;
  position: absolute;
  right: 20px;
  top: 50%;
  width: 15px;
  height: 15px;
  margin-top: -7.5px;
}

.mobile-menu .menu-toggle span::before,
.mobile-menu .menu-toggle span::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 7px;
  width: 15px;
  height: 1px;
  background: #333;
  transition: transform 350ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

.mobile-menu .menu-toggle span::after {
  transform: rotate(90deg);
}

/* Open: plus (+) -> minus (−) */
.mobile-menu .menu-toggle-wrap.is-open .menu-toggle span::after {
  transform: rotate(0deg);
}

.mobile-menu .menu-toggle-panel {
  list-style: none;
  padding: 0 0 0 0;
  margin: 0 0 4px 0;
  /* border-left: 1px solid #e0e0e0; */
}

.mobile-menu .menu-toggle-panel[hidden] {
  display: none;
}

.mobile-menu .menu-toggle-panel li {
  border-bottom: none !important;
  padding-left: 0;
}

.mobile-menu .menu-toggle-panel li a {
  padding: 6px 0;
  font-size: 15px;
  font-weight: 500;
}

.mobile-menu .menu .menu-toggle-wrap .menu-toggle {
  padding: 5px 0 9px 0;
}
