body {
  font-family: "century-gothic","noto-sans-cjk-jp", sans-serif;
  font-style: normal;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  padding: 0;
  margin: 0;
  letter-spacing: 0.05em;
}

main{
  color: #333333;
  background-color: #F5F5F5;
}
.site-map{
  font-size: var(--size16);
  line-height: min(1.94vw,28px);
  padding-top: 45px;
  padding-bottom: 95px;

}
.site-map-wrap{
  display: flex;
  flex-direction: column;
  gap: 40px;
  width: min(54.16vw, 780px);
}
.site-map-wrap li{
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.map-title{
  font-weight: 700;
}
.map-list{
  color: #005CAF;
  display: flex;
  gap: 15px 60px;
  flex-wrap: wrap;
}
.map-list a{
  color: inherit;
  text-underline-offset: 2px;
}
.map-list a:visited{
  color: inherit;
}
@media screen and (max-width:768px){
  .site-map{
    font-size: 16px;
    line-height: 28px;
  }
  .site-map-wrap{
    width: 100%;
  }
}