.sec-title {
  padding: 0;
  display: flex;
  align-items: center;
  background-color: #e8ecef;
  margin-top: 20px;
}

.sec-title h1 {
  margin: 0 0 0 6px;
  font-size: 20px;
}

.sec-title a {
  color: #333;  
}

.sec-title nav {
  margin-left: 32px;
}

.sec-title nav ul {
  display: flex;
}

.sec-title nav li {
  margin-right: 22px;
  font-size: 0.9em;
  font-weight: bold;
}

.sec-title nav a {
  color: #676767;
}

.sec-title nav .menu_selected {
  position: relative;
}

.sec-title nav .menu_selected::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -6px; /*下線の上下位置調整*/
  display: inline-block;
  width: 30px; /*下線の幅*/
  height: 2px; /*下線の太さ*/
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translate(-50%); /*位置調整*/
  background-color: #676767; /*下線の色*/
}