@charset "utf-8";



/* ===== sitemap ===== */

.sitemap {
  padding: 0 0 80px;
}
@media(max-width:1280px) { /* 画面幅1280px以下の場合 */
.sitemap .article-body {
  width: 95%;
}
}
@media(max-width:768px) { /* 画面幅768px以下の場合 */
.sitemap .article-body {
  padding: 0 0 50px;
}
}

.article-body__viewbox {
  border-radius: 20px;
  overflow: hidden;
}
@media(max-width:768px) { /* 画面幅768px以下の場合 */
.article-body__viewbox {
  margin-top: 20px;
}
}

.article-body__board {
  position: relative;
  background-color: #fff;
  padding: 30px 10% 80px 10%;
}
@media(max-width:768px) { /* 画面幅768px以下の場合 */
.article-body__board {
  padding: 10px 5% 40px 5%;
}
}

.sitemap__category-title {
  margin-top: 50px;
  padding: 0 10px 5px 20px;
  border-left: 10px solid #005BAC;
  border-bottom: 1px solid #005BAC;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.5;
}
@media(max-width:768px) { /* 画面幅768px以下の場合 */
.sitemap__category-title {
  margin-top: 30px;
  padding: 0 0 3px 10px;
  font-size: 1.6rem;
}
}

.sitemap__link {
  margin-right: 15px;
}
.sitemap__category-title .sitemap__link {
  color: #000;
}

@media(min-width:769px) { /* 画面幅769px以上の場合 */
.sitemap__link:hover {
  text-decoration: underline;
}
}
@media(max-width:768px) { /* 画面幅768px以下の場合 */
.sitemap__link {
  text-decoration: underline;
}
}
.sitemap__link:focus {
  outline: 3px solid #fff;
  box-shadow: 0 0 3px 6px rgba(0,0,0,.3);
}

.sitemap__link-icon {
  color: #005BAC
}

.sitemap__list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  margin-top: 20px;
  list-style-position: outside;
}

.sitemap__list > li {
  margin-top: 5px;
  width: 50%;
  font-size: 1.6rem;
  line-height: 1.5;
}
@media(max-width:768px) { /* 画面幅768px以下の場合 */
.sitemap__list > li {
  width: 100%;
  font-size: 1.5rem;
}
}