@charset "utf-8";
/* CSS Document */

/* =====================
  sitemap
===================== */

#sitemap {
	margin: 40px 0 70px;
}

#sitemap .nav {
  max-width: 350px;
  margin: 0 auto;
}

#sitemap .nav > li + li {
  margin-top: 16px;
}

#sitemap .nav > li > ul > li {
  display: flex;
}

#sitemap .nav > li > ul > li + li {
  margin-top: 16px;
}

#sitemap .nav .main-link {
  width: 142px;
}

#sitemap .nav .main-link a {
  font-weight: 700;
  font-size: 1.8rem;
}

#sitemap .nav > li > ul > li > ul {
  width: calc(100% - 142px);
}

#sitemap .nav > li > ul > li > ul > li {
  margin-top: 8px;
}


/* ====================================================================================
		pc
==================================================================================== */
@media screen and (min-width: 768px) {

  /* =====================
    sitemap
  ===================== */

  #sitemap {
    margin: 100px 0 155px;
  }

  #sitemap .nav {
    display: flex;
    justify-content: space-between;
    max-width: 100%;
    margin: 0;
  }

  #sitemap .nav > li + li {
    margin-top: 0;
  }

  #sitemap .nav > li:nth-of-type(1) {
    width: 61.5%;
  }

  #sitemap .nav > li:nth-of-type(2) {
    width: 36.8%;
  }

  #sitemap .nav > li > ul > li {
    display: flex;
  }

  #sitemap .nav > li > ul > li + li {
    margin-top: 26px;
  }

  #sitemap .nav .main-link {
    width: 220px;
  }

  #sitemap .nav .main-link a {
    font-size: 2.4rem;
  }

  #sitemap .nav > li > ul > li > ul {
    width: calc(100% - 220px);
  }

  #sitemap .nav > li > ul > li > ul > li {
    margin-top: 8px;
  }

}