.head-wrap {
  background-image: url(../img/sitemap/hero_2x.jpg);
}
.thepage .sec.ptop {
  margin-top: 10px;
}
.ptop .tt {
  font-weight: 600;
  color:var(--main-color);
  text-align: center;
  font-size:2rem;
  line-height: 48px;
  margin-bottom: 80px;
}
a.ic {
  position: relative;
  display: inline-block;
}
a.ic:before {
  content:"";
  position: absolute;
  top:50%;
  transform: translateY(-50%);
  right: -22px;
}
a.ic.arr-right:before {
  background:no-repeat center url(../img/common/arrow-right-black.svg);
  background-size: 100%;
  width:13px;
  height:13px;
}
a.ic.arr-right:hover:before {
  background:no-repeat center url(../img/common/arrow-right-navy.svg);
  background-size: 100%;
}
a.ic.l-ext:before {
  background:no-repeat center url(../img/common/ico-link-black.svg);
  background-size: 100%;
  width:18px;
  height:18px;
}
a.ic.l-ext:hover:before {
  background:no-repeat center url(../img/common/ico-link-navy.svg);
  background-size: 100%;
}
.ptop a:hover {
  color:var(--main-color);
  text-decoration: underline;
}

.site-cont {
  margin-bottom: 50px;
  font-weight: 600;
}
.site-cont .sub {
  padding-left: 22px;
  margin-top: 15px;
  margin-bottom: -15px;
}
.site-cont .sub li {
  margin-bottom: 15px;
}
.site-cont .sub li a {
  font-size: 0.9rem;
  line-height: 26px;
}
.sub li a.ic.arr-right:before {
  right: -20px;
  width:10px;
  height:10px;
}

@media (max-width: 992px) {
  .ptop .tt {
    margin-bottom: 50px;
  }

  .site-cont {
    margin-bottom: 40px;
  }
  .site-cont>.row {
    margin-bottom: -40px;
  }
  .site-cont>.row>div {
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .head-wrap {
    background-image: url(../img/sitemap/sp/hero_2x.jpg);
  }
}