@charset "UTF-8";

#page-navi-kurashi-index #pageTitle h1,
#page-navi-kosodate-index #pageTitle h1,
#page-navi-kenko-index #pageTitle h1,
#page-navi-sangyo-index #pageTitle h1,
#page-navi-kanko-index #pageTitle h1,
#page-navi-shisei-index #pageTitle h1,
#page-navi-bosai-index #pageTitle h1 {
  padding-left: 80px;
}

#page-navi-kurashi-index #pageTitle h1::before {
  background-image: url("/_themes/site/images/menu/ic-kurashi.svg");
}

#page-navi-kosodate-index #pageTitle h1::before {
  background-image: url("/_themes/site/images/menu/ic-kosodate.svg");
}

#page-navi-kenko-index #pageTitle h1::before {
  background-image: url("/_themes/site/images/menu/ic-fukushi.svg");
}

#page-navi-sangyo-index #pageTitle h1::before {
  background-image: url("/_themes/site/images/menu/ic-sangyo.svg");
}

#page-navi-kanko-index #pageTitle h1::before {
  background-image: url("/_themes/site/images/menu/ic-kanko.svg");
}

#page-navi-shisei-index #pageTitle h1::before {
  background-image: url("/_themes/site/images/menu/ic-shisei.svg");
}

#page-navi-bosai-index #pageTitle h1::before {
  background-image: url("/_themes/site/images/menu/ic-bosai.svg");
}

#page-navi-kurashi-index #pageTitle h1::before,
#page-navi-kosodate-index #pageTitle h1::before,
#page-navi-kenko-index #pageTitle h1::before,
#page-navi-sangyo-index #pageTitle h1::before,
#page-navi-kanko-index #pageTitle h1::before,
#page-navi-shisei-index #pageTitle h1::before,
#page-navi-bosai-index #pageTitle h1::before {
  position: absolute;
  top: 50%;
  left: 10px;
  z-index: 1;
  display: flex;
  width: 64px;
  height: 64px;
  margin: 0 16px 0 0;
  content: "";
  background-color: var(--mono-color-white);
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 50px;
  transform: translateY(-50%);
}

/* =========================================================
  gnavDocs
========================================================= */
#docsGnav {
  margin-top: 24px;
}

/* =========================================================
  contentGnavMenuItems, contentGnavMenuItem
========================================================= */
.contentGnavMenuItems,
.contentGnavMenuItem {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 32px;
}

.contentGnavMenuItems section,
.contentGnavMenuItem section {
  width: calc((100% - 16px * 2) / 3);
}

.contentGnavMenuItems h2 > a,
.contentGnavMenuItem h2 > a {
  display: block;
  padding: 13px 0 13px 16px;
  font-size: 1.1rem;
  font-weight: bold;
  background: url("/_themes/site/images/arrow-black.svg") no-repeat right 10px center;
  background-color: var(--ac-color-orange-11);
  border: 1px solid var(--ac-color-orange-7);
  border-radius: 8px;
}

.contentGnavMenuItems h2 > a:hover,
.contentGnavMenuItem h2 > a:hover {
  opacity: 0.8;
}

.contentGnavMenuItems nav ul,
.contentGnavMenuItem nav ul {
  padding: 16px 0 0 16px;
  list-style-type: "－ ";
}

.contentGnavMenuItems nav li,
.contentGnavMenuItem nav li {
  margin: 0 0 8px 16px;
}

@media only screen and (max-width: 959px) {
  .contentGnavMenuItems section,
  .contentGnavMenuItem section {
    width: calc((100% - 16px * 2) / 3);
  }
}

@media only screen and (max-width: 780px) {
  .contentGnavMenuItems section,
  .contentGnavMenuItem section {
    width: calc((100% - 16px) / 2);
  }
}

@media only screen and (max-width: 440px) {
  .contentGnavMenuItems section,
  .contentGnavMenuItem section {
    width: 100%;
  }
}