@charset "utf-8";

.cmn_heading--grayOuter + div.cmn_section {
  width: 100%;
  max-width: initial;
  padding: 0;
}

h2.sitemap_sec--child {
  margin-bottom: 1em;
  @media screen and (max-width: 767px) {
    margin-bottom: 0;
  }
}
.sitemap_sec--child {
  &:has(+ .sitemap_sec--child) {
    margin-bottom: 1em;
  }
  &:has(+ .sitemap_subList) {
    margin-bottom: 0.5em;
  }
}
.sitemap_sec--childItem {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  font-weight: 700;
  font-size: var(--font-40);
  font-family: var(--font-en);
  color: var(--var-color);
  span {
    font-size: var(--font-24);
  }
  @media screen and (max-width: 767px) {
    position: relative;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    &:has(img[src = "/common/img/hd_arrow_black.png"]) {
      padding-right: 30px;
    }
    img[src = "/common/img/hd_arrow_black.png"] {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      margin: auto;
    }
  }
}
.sitemap_sec--flex {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  @media screen and (max-width: 767px) {
    flex-direction: column;
    gap: 1em;
    
  }
}
.sitemap_sec--flexItem {
  width: 100%;
  &:first-of-type {max-width: 630px;}
  &:last-of-type {max-width: 600px;}
}
.sitemap_subList {
  width: 80%;
  margin: 0 auto;
  &:has(+ *) {
    margin-bottom: 2em;
  }
  & + .sitemap_subList {margin-top: var(--space-65);}
  @media screen and (max-width: 767px) {
    width: 90%;
  }
}
.sitemap_subList--item {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  &:not(:last-child) {
    margin-bottom: 0.75em;
  }
  &::before {
    content: '';
    display: inline-block;
    width: 20px;
    min-width: min-width;
    height: 1px;
    background: var(--var-color);
  }
  a {
    color: var(--var-color);
    font-size: var(--basic-txt);
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 1em;
  }
  @media screen and (max-width: 767px) {
    a {
      gap: 10px;
    }
  }
}


.sitemap_subList li.lower:has(div.sitemap_subList--item) {
  width: 80%;
  margin: 0 auto 0.75em;
}
.hd_ruby {
  min-width: 68px;
}
.hd_rt {
  min-width: 108px;
  font-size: 80%;
}

.sitemap_sec--recruit {
  background: var(--light-gray);
  padding: var(--space-30) var(--space-65);
  display: flex;
  justify-content: flex-start;
  gap: var(--space-65);
  margin-top: var(--space-30);

  .sitemap_sec--child {
    width: 100%;
    max-width: max-content;
    margin-bottom: 0;
  }
  .sitemap_subList {
    margin-block: 0;
  }
  .sitemap_sec--childItem {color: var(--var-color);}
  @media screen and (max-width: 767px) {
    padding: var(--space-30) 5%;
    flex-direction: column;
    gap: 10px;
  }
}
@media screen and (max-width: 767px) {
  .sitemap_sec {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
}