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

/*PC*/
@media print, screen and (min-width: 769px) {

.headArea {
background: url("../images/sitemap/hed_img.jpg") center center no-repeat;
background-size: cover;
}


.sitemap_wrap {
display: flex;
flex-wrap: wrap;
}

.sitemap_wrap a {
color: #000 !important;
}

.sitemap_wrap div {
width: 27%;
margin-right: 4%;
margin-bottom: 6%;
}

.sitemap_wrap div h4{
font-weight:700;
font-size: 16px;
line-height: 1.2;
padding: 10px 0;
color: #000;
border-bottom: 1px solid #101f76;
}



.sitemap_wrap div ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.sitemap_wrap div ul li {
position: relative;
margin-top: 10px;
margin-left: 10px;
padding-left: 18px;
font-size: 14px;
line-height: 1.4;
}

.sitemap_wrap div ul li::before {
position: absolute;
content: "";
display: block;
top: 7px;
left: 0;
width: 8px;
height: 8px;
background-color: #101f76;
border-radius: 4px;
}

}

/*sp*/
@media only screen and (max-width: 768px) {

.headArea {
background: url("../images/sitemap/hed_img.jpg") center center no-repeat;
background-size: cover;  
width: 100%;
  padding: 120px 0 160px;
  margin: 0 0 30px;
}

.sitemap_wrap {
}

.sitemap_wrap a {
color: #000 !important;
}

.sitemap_wrap div {
width:100%;
margin-bottom: 6%;
}


.sitemap_wrap div h4{
font-weight:700;
font-size: 15px;
line-height: 1.2;
padding: 10px 0;
color: #000;
border-bottom: 1px solid #101f76;
}

.sitemap_wrap div ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.sitemap_wrap div ul li {
position: relative;
margin-top: 10px;
margin-left: 10px;
padding-left: 18px;
font-size: 12px;
line-height: 1.4;
}

.sitemap_wrap div ul li::before {
position: absolute;
content: "";
display: block;
top: 7px;
left: 0;
width: 8px;
height: 8px;
background-color: #101f76;
border-radius: 4px;
}

}