.sitemap__container + .sitemap__container {
  margin-top: 40px;
}

.sitemap__container.container--sub {
  margin-top: 80px;
  border-top: 1px solid #B4BEC6;
}

.sitemap__button.c-button {
  border-bottom: 1px solid #B4BEC6;
  border-radius: 0;
  padding: 16px 0;
}

.sitemap__button.c-button .c-icon--arrow {
  right: auto;
}

.sitemap__button.c-button.button-group .c-icon--arrow {
  left: 8.75em;
}

.sitemap__button.c-button.button-business .c-icon--arrow {
  left: 5em;
}

.sitemap__button.c-button.button-service .c-icon--arrow {
  left: 7em;
}

.sitemap__button.c-button.button-sustainability .c-icon--arrow {
  left: 8.5em;
}

.sitemap__button.c-button.button-inquiry .c-icon--arrow {
  left: 7.25em;
}

.sitemap__link {
  display: block;
  border-bottom: 1px solid #B4BEC6;
  padding: 16px 30px;
}

.sitemap__container.container--sub .sitemap__link {
  padding: 16px 0;
}

@media screen and (min-width: 361px) {
  html, body {
    margin: 0;
  }
}

@media screen and (min-width: 500px) {
  html, body {
    margin: 0;
  }
}

@media screen and (min-width: 768px) {
  html, body {
    margin: 0;
  }
  .sitemap {
    max-width: 680px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 1080px) {
  html, body {
    margin: 0;
  }
}

@media screen and (min-width: 1280px) {
  html, body {
    margin: 0;
  }
}

@media screen and (min-width: 1920px) {
  html, body {
    margin: 0;
  }
}

@media screen and (max-width: 360px) {
  html, body {
    margin: 0;
  }
}

@media screen and (max-width: 767px) {
  html, body {
    margin: 0;
  }
}

@media screen and (max-width: 1079px) {
  html, body {
    margin: 0;
  }
}

@media screen and (max-width: 1279px) {
  html, body {
    margin: 0;
  }
}

@media screen and (max-width: 1919px) {
  html, body {
    margin: 0;
  }
}

@media (hover: hover) {
  .sitemap__link:hover {
    color: #005bac;
  }
}