@charset "utf-8";



/* -------------------------------------

 for PC

------------------------------------- */





#main_box { line-height: 2.0; }





/* content ----------------- */



#main_box{ }



.sitemap_box span.title,

.sitemap_box a {

  display: inline-block;

  position: relative;

  padding-top: 8px;

  padding-bottom: 8px;

  padding-right: 16px;

}

.sitemap_box span.title {

  color: rgb(99,89,89);

}

.sitemap_box a::after {

  display: block;

  position: absolute;

  top: calc(50% + 1px);

  right: 0;

  width: 6px;

  height: 8px;

  background-image: url(../../common/images/arrow_right.svg);

  background-position: center center;

  background-size: contain;

  transform: translate3d(0, -50%, 0);

  content: '';

}

.sitemap_box ul ul ul ul a {

  padding-top: 0;

  padding-bottom: 0;

}



.sitemap_box a:hover {

  text-decoration: underline;

}



.sitemap_box ul {

  display: flex;

  flex-wrap: wrap;

  justify-content: flex-start;

  width: 100%;

  padding-left: calc(32 / 1134 * 100%);

}

.sitemap_box li {

  margin-right: calc(64 / 1134 * 100%);

  margin-bottom: 16px;

}

.sitemap_box .ctop {

  width: 100%;

  margin-bottom: 4px;

  border-bottom: 1px rgb(203,203,203) solid;

}

.sitemap_box > ul {

  padding-left: 0;

}

.sitemap_box > ul > li.ctop {

  margin-bottom: 16px;

  font-size: 18px;

  font-weight: 700;

  border-bottom: 1px rgb(131,131,131) solid;

}

.sitemap_box > ul > li.ctop:first-child {

  margin-top: 0;

}







@media screen and (max-width:767px) {

  .sitemap_box li {

    margin-bottom: 10px;

  }

  .sitemap_box span.title, .sitemap_box a {

    padding-top: 4px;

    padding-bottom: 4px;

    line-height: 1.3;

  }



}