@charset "UTF-8";
/* CSS Document */
.sitemap_cont {
    display: flex;
    flex-wrap: wrap;
    gap: 65px;
}
.sitemap_cont .sitemap_box {
    width: calc((100% - 130px) / 3);
}

.sitemap_box .sitemap_title {
    font-size: 1.8rem;
    color: var(--BL-color);
    font-weight: 500;
    background: var(--L-bl-color1);
    border-radius: 3px;
    padding: 8px 20px;
    position: relative;
    transition: .3s;
}
.sitemap_box .sitemap_title::before {
    content: '';
    position: absolute;
    background: url(/sitemap/img/arrow.svg) no-repeat;
    width: 18px;
    height: 18px;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}
.sitemap_box.last .sitemap_title::before {
    content: none;
}

.sitemap_box a:hover .sitemap_title {
    opacity: 0.6;
    cursor: pointer;
}
.sitemap_box ul {
    padding: 20px;
}
.sitemap_box ul .sitemap_list {
    position: relative;
    padding-left: 25px;
    margin-bottom: 3px;
    transition: .3s;
}
.sitemap_box ul .sitemap_list a:hover {
    opacity: 0.6;
    cursor: pointer;
}
.sitemap_box ul .sitemap_list::before , .sitemap_box ul .sitemap_list::after {
    content: "";
  position: absolute;
  top: calc(50% - 0px);
  left: 0;
  width: 9px;
  height: 2px;
  border-radius: 9999px;
  background-color: var(--BL-color);
  transform-origin: calc(100% - 1px) 50%;
}
.sitemap_box ul .sitemap_list::before {
   transform: rotate(45deg);
}
.sitemap_box ul .sitemap_list::after {
    transform: rotate(-45deg);
}

@media screen and (max-width:900px) {
.sitemap_cont {
    flex-direction: column;
}
.sitemap_cont .sitemap_box {
    width: 100%;
}
}