@charset "UTF-8";
/* ▼▼▼ サイトマップ
======================================================*/
.ttl_wrap {
  margin-top: 32px;
}
@media screen and (min-width: 768px), print {
  .ttl_wrap {
    margin-top: 60px;
  }
}

.sitemap_wrap {
  margin-top: 32px;
}
@media screen and (min-width: 768px), print {
  .sitemap_wrap {
    margin-top: 60px;
  }
}
.sitemap_contents {
  margin-bottom: 32px;
}
@media screen and (min-width: 768px), print {
  .sitemap_contents {
    margin-bottom: 60px;
  }
}
.sitemap_ttl_link {
  position: relative;
  text-decoration: underline !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
.sitemap_ttl_link .arrow_btn {
  padding: 0 var(--Padding-Unique-X-Small);
  width: 32px;
  height: 16px;
}
@media screen and (min-width: 768px), print {
  .sitemap_ttl_link .arrow_btn {
    padding: 4px 16px;
    width: 48px;
    height: 28px;
  }
}
.sitemap_list {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 8px;
}
@media screen and (min-width: 768px), print {
  .sitemap_list {
    grid-template-columns: repeat(3, 1fr);
    gap: 16px 24px;
  }
}
.sitemap_list_item {
  width: 100%;
  height: 66px;
}
@media screen and (min-width: 768px), print {
  .sitemap_list_item {
    height: 88px;
  }
}
.sitemap_list_link {
  position: relative;
  font-size: var(--Label-Medium);
  font-weight: 500;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--Background-Secondary);
  border: 1px solid var(--Line-Primary);
  border-radius: 10px;
  padding: 0 16px 0 32px;
}
@media screen and (min-width: 768px), print {
  .sitemap_list_link {
    padding: 0 24px 0 40px;
  }
}
.sitemap_list_link::before {
  content: "";
  position: absolute;
  background: url(../img/icon_arrow.svg) no-repeat center center/contain;
  right: 8px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 24px;
  height: 24px;
  -webkit-filter: invert(51%) sepia(16%) saturate(3669%) hue-rotate(168deg) brightness(96%) contrast(97%);
          filter: invert(51%) sepia(16%) saturate(3669%) hue-rotate(168deg) brightness(96%) contrast(97%);
}
@media screen and (min-width: 768px), print {
  .sitemap_list_link::before {
    right: 16px;
  }
}