@charset "UTF-8";
/* --------------------------------------------------------
	 sitemap
	 -------------------------------------------------------- */
.sitemap-section {
  padding: 12.8205128205vw 0 20.5128205128vw;
}
@media (min-width: 820px) {
  .sitemap-section {
    padding: 100px 0;
  }
}

.sitemap-inner {
  display: flex;
  flex-direction: column;
  gap: 12.8205128205vw;
}
@media (min-width: 820px) {
  .sitemap-inner {
    flex-direction: row;
    align-items: stretch;
    gap: clamp(40px, 5.5555555556vw, 100px);
    padding: 0 60px;
    max-width: 1200px;
    margin: 0 auto;
  }
}

@media (min-width: 820px) {
  .sitemap-nav {
    flex: 1;
    min-width: 0;
  }
}

.sitemap-img {
  width: 100vw;
  margin-left: calc(50% - 50vw);
}
.sitemap-img picture {
  display: block;
  width: 100%;
  height: 100%;
}
.sitemap-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}
@media (min-width: 820px) {
  .sitemap-img {
    width: clamp(360px, 34.0277777778vw, 560px);
    flex-shrink: 0;
    margin-left: 0;
    /* PC: flexのstretchで親と同じ高さになるが
       height:100%はpicture要素に継承されないため
       position:absoluteで直接引き伸ばす */
    position: relative;
  }
  .sitemap-img picture {
    position: absolute;
    inset: 0;
  }
  .sitemap-img img {
    height: 100%;
  }
}

/*sitemap-list*/
.sitemap-list {
  list-style: none;
}

.sitemap-list__item a {
  transition: var(--transition-base);
}
@media (any-hover: hover) {
  .sitemap-list__item a:hover {
    text-decoration: underline;
  }
}

/* -lv1 */
.sitemap-list__item.-lv1 {
  margin-bottom: 7.1794871795vw;
  padding-left: 3.8461538462vw;
  border-left: 3px solid var(--color-blue-deep);
}
@media (min-width: 820px) {
  .sitemap-list__item.-lv1 {
    margin-bottom: 34px;
    padding-left: 16px;
  }
}
.sitemap-list__item.-lv1:last-child {
  margin-bottom: 0;
}
.sitemap-list__item.-lv1 > a {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: var(--font-size-18);
  font-weight: 700;
  color: var(--color-blue-deep);
  line-height: 1.4;
}
@media (min-width: 820px) {
  .sitemap-list__item.-lv1 > a {
    font-size: var(--font-size-20);
  }
}
.sitemap-list__item.-lv1.-outlink > a::after {
  content: "";
  display: inline-block;
  background: url("../img/common/icon_arrow.svg") center/contain no-repeat;
  width: 18px;
  height: 18px;
  margin-bottom: -2px;
}

/* 第1階層の下に子リストがある場合 */
.sitemap-list.-lv2 {
  margin-top: 3.0769230769vw;
  display: grid;
  grid-template-columns: repeat(2, auto);
  justify-content: start;
  column-gap: 8.9743589744vw;
}
@media (min-width: 820px) {
  .sitemap-list.-lv2 {
    column-gap: clamp(40px, 5.5555555556vw, 100px);
    row-gap: 0;
    margin-top: 14px;
  }
}

/* -lv2 */
.sitemap-list__item.-lv2 > a {
  font-size: var(--font-size-15);
  font-weight: 700;
  color: var(--color-blue-deep);
}
@media (min-width: 820px) {
  .sitemap-list__item.-lv2 > a {
    font-size: var(--font-size-16);
  }
}

/* lv3 */
.sitemap-list.-lv3 {
  padding-left: 2.5641025641vw;
  margin-top: 2px;
  margin-bottom: 2.0512820513vw;
}
@media (min-width: 820px) {
  .sitemap-list.-lv3 {
    padding-left: 12px;
    margin-bottom: 8px;
  }
}

.sitemap-list__item.-lv3 > a {
  font-size: var(--font-size-14);
  color: var(--color-blue-deep);
}
.sitemap-list__item.-lv3 > a::before {
  content: "-";
  margin-right: 2px;
}
@media (min-width: 820px) {
  .sitemap-list__item.-lv3 > a {
    font-size: var(--font-size-15);
  }
}

/*# sourceMappingURL=sitemap.css.map */