@charset "UTF-8";

/* =========================================================
  contentGnavMenuItem
========================================================= */
/* contentGnavMenuItems
----------------------------------------------- */
.contentGnavMenuItems {
  margin-top: 2rem;
}
.contentGnavMenuItems h2 {
  margin: 0 0 12px;
  border: 1px solid var(--main-color-1);
  border-radius: 5px;
  font-size: 1rem;
  font-weight: normal;
  background: linear-gradient(to bottom, var(--mono-color-5), var(--main-color-4));
}

.contentGnavMenuItems h2:hover {
  background: linear-gradient(to bottom, var(--main-color-4), var(--mono-color-5));
}

.contentGnavMenuItems h2 > a {
  display: block;
  padding: 8px 15px 8px 32px;
  border-radius: 5px;
  background: url("/_themes/site/images/ic-arrow.svg") no-repeat 16px center;
}

/* contentGnavMenuItem
----------------------------------------------- */
.contentGnavMenuItem {
  display: flex;
  flex-wrap: wrap;
  margin-top: 2rem;
}

.contentGnavMenuItem section {
  width: calc((100% - 40px) / 3);
  margin: 0 0 20px;
}

.contentGnavMenuItem section:not(:nth-child(3n + 3)) {
  margin-right: 20px;
}

.contentGnavMenuItem h2 {
  margin: 0 0 12px;
  border: 1px solid var(--main-color-1);
  border-radius: 5px;
  font-size: 1rem;
  font-weight: normal;
  background: linear-gradient(to bottom, var(--mono-color-5), var(--main-color-4));
}

.contentGnavMenuItem h2:hover {
  background: linear-gradient(to bottom, var(--main-color-4), var(--mono-color-5));
}

.contentGnavMenuItem h2 > a {
  display: block;
  padding: 8px 15px 8px 32px;
  border-radius: 5px;
  background: url("/_themes/site/images/ic-arrow.svg") no-repeat 16px center;
}

.contentGnavMenuItem nav ul {
  padding: 0 18px;
}

.contentGnavMenuItem nav li {
  margin: 0 0 8px;
  padding: 0 0 0 16px;
  background: url("/_themes/site/images/ic-arrow.svg") left 0.5rem no-repeat;
}

.contentGnavMenuItem nav li:last-child {
  margin: 0;
}

@media only screen and (max-width: 959px) {
  .contentGnavMenuItem section,
  .contentGnavMenuItem section:not(:nth-child(3n + 3)) {
    width: 100%;
    margin-right: 0;
  }

  .contentGnavMenuItem h2 {
    margin: 0;
  }

  .contentGnavMenuItem h2 > a {
    padding-left: 25px;
    background-position: 10px center;
    background-size: 4px 5px;
  }

  .contentGnavMenuItem nav ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
  }

  .contentGnavMenuItem nav li {
    position: relative;
    margin: 0;
    width: calc((100% - 10px) / 2);
    padding: 10px 10px 10px 20px;
    border-bottom: 1px solidvar(--mono-color-1);
    background-position: 10px calc(10px + 0.6rem);
    background-size: 4px 5px;
    font-size: 90%;
  }

  .contentGnavMenuItem nav li:nth-child(odd) {
    margin-right: 10px;
  }

  .contentGnavMenuItem nav li a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: none !important;
  }
}