@charset "UTF-8";

/* ==========================================================================
   p-sitemap.css
   ========================================================================== */

/* partial override */
/* ========================================================================= */

.p__sitemap-fv .o-c__heading-h1 {
  font-size: 36px;
  line-height: 1.4;
  font-weight: 700;
  position: relative;
  @media screen and (max-width: 576px) {
    font-size: 25px;
  }
}

/*打消し */

.f-l__common-inner {
  min-width: auto;
}

/*ブロック */

.p__sitemap-block:not(:last-of-type) {
  margin-bottom: 30px;
}

/*見出し */
/*---------------------------------------------------------- */

.p__sitemap-heading-h2 {
  background-color: var(--gray-bg-02);
  font-size: 20px;
  font-weight: 700;
  border-left: 5px solid var(--rmeisai-primary);
  line-height: 1.4;
  padding: 22px 15px 17px 20px;
  margin: 0 0 20px;
  @media screen and (max-width: 576px) {
    padding: 17px 15px 13px 15px;
  }
}

/*サイトマップリスト */
/*---------------------------------------------------------- */

.p__sitemap-list {
  margin: 0 20px;
  display: flex;
  flex-wrap: wrap;
  @media screen and (max-width: 768px) {
    margin: 0;
    display: block;
  }
}

.p__sitemap-list__item {
  min-width: 25%;
  margin-bottom: 10px;
  @media screen and (max-width: 768px) {
    margin-bottom: 5px;
  }
}

.p__sitemap-list__item._witdh_20pr {
  @media screen and (min-width: 769px) {
    min-width: 20%;
  }
}

.p__sitemap-list__item._witdh_30pr {
  @media screen and (min-width: 769px) {
    width: 30%;
  }
}

.p__sitemap-list__item._witdh_35pr {
  @media screen and (min-width: 769px) {
    width: 35%;
  }
}

.p__sitemap-list__item._witdh_50pr {
  @media screen and (min-width: 769px) {
    width: 50%;
  }
}

.p__sitemap-list__item a {
  display: block;
  position: relative;
  font-size: 16px;
  color: var(--black);
  text-decoration: none;
  @media screen and (max-width: 768px) {
    font-size: 15px;
  }
  &:hover {
    color: var(--rmeisai-primary);
  }
}

/*1階層目リスト */

.p__sitemap-list__item > a {
  padding: 0 0 10px 15px;
  &:before {
    position: absolute;
    z-index: 1;
    display: block;
    content: "";
    width: 8px;
    height: 8px;
    top: 5px;
    left: 0;
    margin: auto;
    transform: rotate(45deg);
    transition: all ease .3s;
    border-top: 2px solid var(--rmeisai-primary);
    border-right: 2px solid var(--rmeisai-primary);
  }
}

/*2階層目リスト */

.p__sitemap-list_sub {
  padding: 0 0 0 15px;
}

/*gridレイアウトの場合適宜調整 */

.p__sitemap-list_sub._grid {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: 200px 320px 200px;
  grid-template-rows: repeat(5, 1fr);
  @media screen and (max-width: 1024px) {
    grid-template-columns: 180px 300px 280px;
  }
  @media screen and (max-width: 768px) {
    display: block;
  }
}

.p__sitemap-list_sub__item {
  padding: 0 0 7px;
}

.p__sitemap-list_sub__item a {
  padding: 0 0 0 10px;
  font-size: 14px;
  &:before {
    position: absolute;
    z-index: 1;
    display: block;
    content: "";
    width: 6px;
    height: 6px;
    top: 3px;
    left: 0;
    margin: auto;
    transform: rotate(180deg);
    transition: all ease .3s;
    border-top: 2px solid var(--gray-08);
    border-right: 2px solid var(--gray-08);
  }
}