.s-sitemaplist {
  border-top: 1px solid #ECEDED;
}

.s-sitemaplist__item a {
  display: block;
  padding: 1.6rem 1.6rem 1.6rem 0;
  position: relative;
  transition: opacity 0.2s ease-out;
}

.s-sitemaplist__item a::after {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  background: url("../images/common/arrow_gray.svg") no-repeat center;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0.8rem;
  margin: auto;
}

@media only screen and (min-width: 1080px) {
  .s-sitemaplist__item a::after {
    background: none;
  }
}

.s-sitemaplist__item a:hover {
  opacity: .7;
}

.s-sitemaplist__item > li, .s-sitemaplist__item > dt {
  border-bottom: 1px solid #ECEDED;
}

.s-sitemaplist__item > li a, .s-sitemaplist__item > dt a {
  font-weight: bold;
  padding-left: 1.6rem;
}

@media only screen and (min-width: 1080px) {
  .s-sitemaplist__item > li a, .s-sitemaplist__item > dt a {
    padding: 2.2rem;
  }
}

.s-sitemaplist__item > li a::before, .s-sitemaplist__item > dt a::before {
  content: "";
  display: block;
  width: 3px;
  height: 16px;
  background: #008EC1;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

@media only screen and (min-width: 1080px) {
  .s-sitemaplist__item > dt {
    border-bottom: none;
  }
}

.s-sitemaplist__item dd li {
  border-bottom: 1px solid #ECEDED;
  margin-left: 3.2rem;
}

@media only screen and (min-width: 1080px) {
  .s-sitemaplist__item dd {
    border-bottom: 1px solid #ECEDED;
  }
  .s-sitemaplist__item dd ul {
    display: flex;
    flex-wrap: wrap;
    padding-left: 2.2rem;
  }
  .s-sitemaplist__item dd ul li {
    width: 25%;
    border-bottom: none;
    margin-left: 0;
    padding-bottom: 2.2rem;
  }
  .s-sitemaplist__item dd ul li a {
    display: inline;
  }
}