@charset "utf-8";
.sitemap_contents{
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
}

.sitemap_lists, .sitemap_lists_sns{
  display: grid;
  gap: 40px;
  padding: 40px 30px 40px 2rem;
}

.sitemap_lists{
  border-bottom: 1px solid var(--color-border);
}

.sitemap_blocklists > li:first-of-type .sitemap_lists{
  padding: 0 30px 40px 2rem;
}

.sitemap_blocklists > li{
  font-size: clamp(1rem, 0.857rem + 0.57vw, 1.125rem);
  letter-spacing: .1em;
  font-weight: var(--font-semibold);
}

.sitemap_blocklists > li:nth-of-type(3), .sitemap_blocklists > li:nth-of-type(4){
  font-size: clamp(0.938rem, 0.723rem + 0.86vw, 1.125rem);
}

.sitemap_lists a, .sitemap_lists_sns a{
  display: grid;
  transition: opacity var(--hover-animation);
  align-items: center;
}

.sitemap_lists a, .sitemap_lists_sns a{
  grid-template-columns: 1fr auto;
  gap: 0 10px;
}

.sitemap_lists a::after, .sitemap_lists_sns a::after{
  content: "";
  display: inline-block;
  background-size: contain;
  vertical-align: middle;
}

.sitemap_lists a::after{
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="8,15"><path stroke="%234F4949" fill="none" d="M.353,14.436l6.939-6.936L.353.564" /></svg>');
  width: 8px;
  height: 15px;
}

.page_jump a::after{
  background-image: url("../images/icon_pagejump.svg");
  width: 17px;
  height: 14px;
}

.sitemap_lists_sns a::after{
  width: 25px;
  height: 25px;
}

.list_line a::after{
  background-image: url("../images/icon_sns_line.svg");
}

.list_instagram a::after{
  background-image: url("../images/icon_sns_ig.svg");
}

.sitemap_lists a:hover, .sitemap_lists_sns a:hover{
  opacity: var(--hover-opacity);
}

@media (600px <= width) {
  .sitemap_lists, .sitemap_lists_sns{
    padding: 40px clamp(6.25rem, -11.439rem + 47.17vw, 18.75rem) 40px 2rem;
  }
  
  .sitemap_blocklists > li:first-of-type .sitemap_lists{
    padding: 0 clamp(6.25rem, -11.439rem + 47.17vw, 18.75rem) 40px 2rem;
  }
}

@media (1024px < width) {
  .sitemap_lists{
    grid-template-columns: repeat(auto-fill, minmax(26%, 1fr));
    gap: 50px 11%;
    justify-content: space-between;
    padding: 40px 0;
  }

  .sitemap_blocklists > li:first-of-type .sitemap_lists{
    padding: 0 0 40px;
  }

  .sitemap_blocklists > li{
    font-size: 1rem;
  }
  
  .sitemap_blocklists > li:nth-of-type(3), .sitemap_blocklists > li:nth-of-type(4){
    font-size: .938rem;
  }

  .sitemap_lists_sns{
    display: flex;
    gap: 0;
    padding: 40px 0;
  }

  .sitemap_lists_sns li{
    width: 30%;
    margin: 0 7% 0 0;
  }

  .sitemap_lists a{
    grid-template-columns: 1fr auto;
    gap: 0 10px;
  }
  
  .sitemap_lists_sns a{
    grid-template-columns: auto 1fr;
    gap: 0 13px;
  }
}