@charset "utf-8";

.page-title {
  margin-block: 70px 80px;
}
.sitemap-box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
  width: 1100px;
  max-width: calc(100% - 60px);
  margin: 0 auto 120px;
}
.sitemap-box > div {
  width: 45%;
}
.sitemap-box a {
  display: block;
  width: 100%;
  padding: 0.5em 1em;
  font-size: 1.8rem;
  font-weight: bold;
  background-color: var(--accent-color-light);
}
.sitemap-box a:has(img) {
  display: flex;
  align-items: center;
  gap: 0.5em;
}
.sitemap-box dl {
  width: 100%;
}
.sitemap-box dd a {
  width: fit-content;
  font-size: 1.6rem;
  font-weight: normal;
  background: none;
}
.sitemap-box > div > a {
  margin-bottom: 30px;
}
.sitemap-box > div > dl {
  margin-bottom: 40px;
}

.sitemap-box > div > dl > dt {
  margin-bottom: 20px;
}

@media screen and (max-width: 767.999px) {
  .page-title {
    margin-block: 35px 30px;
  }
  .sitemap-box {
    max-width: calc(100% - 30px);
    margin-bottom: 60px;
  }
  .sitemap-box a {
    font-size: 1.6rem;
  }
  .sitemap-box > div {
    width: 100%;
  }
  .sitemap-box > div > dl {
    margin-bottom: 30px;
  }
  .sitemap-box > div > dl > dt {
  margin-bottom: 10px;
}
  .sitemap-box dd a {
    font-size: 1.4rem;
  }
}