@charset "UTF-8";

.sitemap .block {
    margin-top: 24px;
}

.sitemap .block:first-of-type {
	margin-top: 0px;
}

.sitemap .obi_g {
    /*background-color: #888;*/
padding: 20px 0 20px 4em;
    font-size: 20px;
    font-weight: bold;
				margin: 20px 0;
    letter-spacing: .5em;
    color: #333;
	background-color: #F2FFD8;
	position: relative;
}

.sitemap .block ol {
    padding-bottom: 50px;
	width: 96%;
	margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  grid-gap: 10px ;
}

.sitemap .block ol li {
    width: calc(100% / 3 - 20px / 3);
}


.sitemap .block ol li a {
    color: #333;
    background-image: url(/images/sitemap/icon_arrow.png);
	background-repeat: no-repeat;
    background-position: left center;
    background-size: auto 15px;
    padding-left: 20px;
    display: block;
}





.sitemap .block .obi_g:before {
content: '';
  display: inline-block;
  width: 54px;
  height: 54px;
  background-size: contain;
  background-repeat: no-repeat;
  padding-right: 3px;
  position: absolute;
  left: 1em;
  top: 4px;
}


.sitemap .block .obi_g_01:before {
  background-image: url(/images/sitemap/obi_g_icon_01.png);
} 

.sitemap .block .obi_g_02:before {
  background-image: url(/images/sitemap/obi_g_icon_02.png);
} 

.sitemap .block .obi_g_03:before {
  background-image: url(/images/sitemap/obi_g_icon_03.png);
} 


@media all and (max-width: 768px) {
  .sitemap .block ol li {
    width: calc(50% - 5px);
  }
}
@media all and (max-width: 520px) {
  .sitemap .block ol li {
    width: 100%;
  }
  .sitemap .obi_g{
    padding-left: 3em;
  }

  .sitemap .block .obi_g:before {
    width: 36px;
    height: 36px;
    left: .5em;
    top: 50%;
    transform: translateY(-50%);
  }
}