@charset "UTF-8";

/* =========================================================
  navi
========================================================= */

/* gnavDocs
----------------------------------------------- */
#gnavDocs {
  margin-bottom: 80px;
}

#gnavDocs h2 {
  margin-bottom: 5px;
  font-weight: 700;
  font-size: 1.75rem;
}

#gnavDocs ul li {
  display: flex;
  gap: 0 16px;
  position: relative;
  padding: 15px 0;
  border-bottom: 1px dotted #ccc;
}

#gnavDocs ul li a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: none;
}

#gnavDocs ul li .update_date {
  flex-shrink: 0;
}

@media only screen and (max-width: 534px) {
  #gnavDocs {
    margin-bottom: 30px;
  }

  #gnavDocs h2 {
    font-size: 1.125rem;
  }

  #gnavDocs ul li {
    flex-direction: column;
  }
}

/* contentGnavMenuItems
----------------------------------------------- */
.contentGnavMenuItems section:not(:last-child) {
  margin-bottom: 20px;
}

.contentGnavMenuItems section h2 a {
  display: block;
  padding: 15px 30px 15px 20px;
  border: 1px solid var(--ac-color-blue-3);
  border-radius: 6px;
  background: url(/_themes/site/images/arrow-blue.svg) right 15px center no-repeat var(--ac-color-blue-3);
  font-weight: 700;
  font-size: 1.125rem;
}

.contentGnavMenuItems section h2 a:hover {
  opacity: 0.6;
}

/* contentGnavMenuItem
----------------------------------------------- */
.contentGnavMenuItem {
  display: flex;
  flex-wrap: wrap;
  gap: 50px 24px;
}

.contentGnavMenuItem section {
  flex-basis: calc((100% - 48px) / 3);
}

.contentGnavMenuItem section h2 a {
  display: block;
  padding: 15px 30px 15px 20px;
  border: 1px solid var(--ac-color-blue-3);
  border-radius: 6px;
  background: url(/_themes/site/images/arrow-blue.svg) right 15px center no-repeat var(--ac-color-blue-3);
  font-weight: 700;
  font-size: 1.125rem;
}

.contentGnavMenuItem section h2 a:hover {
  opacity: 0.6;
}

.contentGnavMenuItem section ul {
  padding: 20px 8px 0;
}

.contentGnavMenuItem section li {
  position: relative;
  margin-bottom: 8px;
  padding-left: 15px;
}

.contentGnavMenuItem section li::before {
  content: "";
  position: absolute;
  top: 0.45em;
  left: 0;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #50c96d;
}

@media only screen and (max-width: 767px) {
  .contentGnavMenuItem {
    display: block;
  }

  .contentGnavMenuItem section:not(:last-child) {
    margin-bottom: 20px;
  }
}