/* Style start */
.mainvisual-area.top-message {
  background-image: url("../../common/img/sitemap_bg_img.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.site-map-container {
  display: flex;
  justify-content: center;
}

.site-map {
  width: 100;
  max-width: 1000px;
  text-align: left;
  color: #035089;
  margin: 100px 0;
  display: flex;
  flex-wrap: wrap;
}

.site-map_title {
  font-size: 200%;
  line-height: 1.8;
  width: 100%;
  letter-spacing: 5px;
}

.site-map_sub-title {
  border-bottom: 3px solid #035089;
  font-size: 125%;
  line-height: 1.8;
  letter-spacing: 3px;
  margin-bottom: 30px;
  font-weight: bold;
}

.site-map_content {
  width: 100%;
  margin-top: 30px;
  margin-bottom: 0px;
}
.site-map_content.bottom{
  margin-bottom: 0px;
}

.site-map_list {
  color: black;
  font-size: 106.25%;
}
.site-map_list li{
  margin-bottom: 20px;
  display: block;
  border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
  
}
.site-map_list li.none{
  border-bottom: none;
  width: 100%;
  margin-right: 20px;
  margin-bottom: 0px;
}



.site-map_list-sub-list {
  margin-left: 20px;
  font-size: 93.75%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.site-map_list-sub-list li{
    margin: 0px 30px 15px 0;
    width: 274px;
    display: flex;
    align-items: center;
}
.site-map_list-sub-list .wideitem{
  clear: both;
  width: 100%;
  float: left;
}


.site-map_list-sub-list li.fourth-list{
    width: 209px;
    font-size: 95%;
    position: relative;
    padding-left: 15px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    margin-right: 20px;
      margin-top: 0px;
  
}

.site-map_list-sub-list li.fourth-list .site-map_link::before{
  display: none;
}

.site-map_list-sub-list li.fourth-list::before,
.site-map_list-sub-list li.fourth-list::after{
    position: absolute;
    top: -8px;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}
.site-map_list-sub-list li.fourth-list::before{
    left: 4px;
    box-sizing: border-box;
    width: 4px;
    height: 4px;
    border: 4px solid transparent;
    border-left: 4px solid #035089;
}

.site-map_item.block {
  display: block;
  width: 100%;
  margin-bottom: 0px!important;
  margin-right: 0px;
  border-bottom: none;
  height: auto;
}

.site-map_link,.site-map_link2 {
  cursor: pointer;
  text-decoration: none;
  display: flex;
  align-items: center;

}
.site-map_link.bottom{
  margin-bottom: 20px;
}


a.site-map_link,a.site-map_link2 {
  color: black;
  position: relative;

}
a.site-map_link2 {
  color: #035089;
}
.site-map_link_sub{
  color: #000;
  text-decoration: none;
}
.site-map_link_sub:visited{
  color: #000;
}
.site-map_link_sub::before {
  content: url("../../common/img/arrow-icon04.png");
  margin-right: 5px;
}
.site-map_link::before {
  content: url("../../common/img/arrow-icon04.png");
  margin-right: 5px;
}
.site-map_link2::after{
  content: url("../../common/img/arrow-icon04.png");
  position:relative;
  left: 10px;
  
}
/* Style end */

/* Medium break point */
@media screen and (max-width: 767px) {
  .site-map_content {
    width: 100%;
    margin-left: 0;
  }
}

/* Small break point */
@media screen and (max-width: 576px) {
  .site-map {
    width: 90%;
    margin: 50px 0;
  }
}