@charset "UTF-8";

.subnav__continer {
  margin: 80px 0 0 0;
}

.subnav__continer .flex {
  justify-content: space-between;
  align-items: start;
  gap: 0 20px;
}

.subnav-title {
  padding: 10px 0 0 0;
  font-weight: bold;
  border-top: var(--color-red) 1px solid;
  color: var(--color-red);
}

.subnav__inner {
  width: 100%;
  margin: 10px 0 0 0;
}

.subnav-item {
  display: block;
  padding: 0 0 10px 0;
  border-bottom: var(--color-lightgray) 1px solid;
  font-weight: bold;
}

.subnav__inner ul li {
  margin: 10px 0 0 0;
}

.subnav__inner ul li a:hover {
  color: var(--color-pink);
  text-decoration: underline;
}

/* 768px〜（スマホ＆タブレット用）
---------------------------*/
@media (min-width: 768px) {
  .subnav-title {
    padding: 18px 0 10px 0;
  }

  .subnav__inner {
    margin: 0;
  }
}