/*----------- Site Map -----------*/

.site_map_area {
  padding-top: 40px;
  padding-bottom: 180px;
}

.site_map_area {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}

.site_map_area ul {
  width: calc(50% - 20px);
}

.site_map_area ul li {
  position: relative;
}

.site_map_area ul li::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #dae9b5;
  left: 0;
  bottom: 0;
}

.site_map_area ul li a {
  display: block;
  padding: 20px 30px 20px 20px;
  position: relative;
  font-weight: 700;
}

.site_map_area ul li a::before {
  content: "";
  position: absolute;
  width: 8px;
  height: 14px;
  background-color: #adc054;
  clip-path: path("M.355,11.855,5.069,6.994.355,2.133a1.278,1.278,0,0,1,0-1.767A1.186,1.186,0,0,1,2.032.33l.036.036L7.645,6.117a1.276,1.276,0,0,1,0,1.767l-5.577,5.75a1.184,1.184,0,0,1-1.674.039l-.039-.039a1.3,1.3,0,0,1,0-1.779");
  right: 16px;
  top: calc(50% - 7px);
  transition: 0.3s;
}

.site_map_area ul li a:hover::before {
  transform: translateX(4px);
}

.site_map_area ul li a::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #f3f7de;
  transform: scaleX(0);
  transform-origin: right center;
  transition: transform 0.4s ease;
  z-index: -1;
}

.site_map_area ul li a:hover::after {
  transform: scaleX(1);
  transform-origin: left center;
}

.site_map_area ul li>ul {
  width: 100%;
}

.site_map_area ul li>ul li a {
  width: 100%;
  display: block;
  padding-top: 10px;
  padding-left: 40px;
}

li>ul,
li>ol {
  margin-left: 0;
}

@media screen and (max-width: 576px) {
  .site_map_area {
    gap: 0;
  }

  .site_map_area ul {
    width: 100%;
  }
}