@charset "utf-8";
/*------------------------------------------------------------------

  サイトマップ

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

/* PC以下サイズ------------------------------- */
#sitemap{
  margin-bottom: 80px;
  padding: 48px 60px;
}
#sitemap > div{
  box-sizing: border-box;
  overflow: hidden;
}
#sitemap div > ul{
  float: left;
  width: 50%;
}
#sitemap li{
  margin-bottom: 40px;
}
#sitemap li a,
#sitemap li span{
  color: #0096df;
  font-size: 18px;
  position: relative;
  padding-left: 13px;
}
#sitemap li a:before,
#sitemap li span:before{
  content: "";
  width: 4px;
  height: 20px;
  background: #0096df;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  left: 0;
}
#sitemap li li{
  margin-bottom: 16px;
}
#sitemap li li a{
  padding: 0;
}
#sitemap li li a:before{
  content: "●";
  position: static;
  background: none;
  color: #c6ecff;
  margin-right: 10px;
}
#sitemap li ul{
  margin: 20px 0 0 40px;
}

/* PCのみサイズ------------------------------- */
@media screen and (min-width:1025px) {
#sitemap li a:hover{
  text-decoration: none;
  opacity: 0.7;
}
}

/* タブレット（iPad Pro）以下サイズ------------------------------- */
@media screen and (max-width:1024px) {

}


/* タブレット（iPad）以下サイズ------------------------------- */
@media screen and (max-width:1023px) {
#sitemap li a,
#sitemap li span {
  font-size: 16px;
  padding-left: 13px;
}
#sitemap{
  margin-bottom: 40px;
  padding: 48px 40px 30px;
}
}


/* スマホサイズ------------------------------- */
@media screen and (max-width:767px) {
#sitemap div > ul {
  float: none;
  width: 100%;
}
#sitemap{
  margin-bottom: 30px;
  padding: 48px 30px 10px;
}

}