@charset "UTF-8";

#head {
  background: #4c5868;
}
.head-box {
  width: 1600px;
  margin: 0 auto;
  padding: 20px 10px;
}
.main-box {
  padding: 80px 0;
  background: #fff url(../images/back-blue2.jpg) left bottom repeat-x;
}
.main-content {
  width: 1600px;
  margin: 0 auto 100px auto;
  padding: 0 2%;
  color: #001730;
}
ul.sitemap {
  width: 50%;
  margin: 0 auto;
}
ul.sitemap li {
	position:relative;
	padding: 0 1em 0 1.5em;
  line-height: 2em;
  font-family: sans-serif;
}
ul.sitemap li.sub {
  margin-left: 3em;
}
ul.sitemap li:before {
  position: absolute;
  content: '';
  top: .7em; left: 0.5em;
  width: 0; height: 0;
  border-style: solid;
  border-width: 5px 0 5px 6px;
  border-color: transparent transparent transparent #001730;
}
ul.sitemap li.top {
	padding: 0;
}
ul.sitemap li.top:before {
  border: none;
}


@media screen and (max-width:1600px) {
  .head-box { width: 100%; }
  .main-content { width: 100%; }
}


@media screen and (max-width:1023px) { /* Tablet */
}


@media screen and (max-width:959px) { /* SP */
  ul.sitemap {
    width: 80%;
  }
}