@charset "UTF-8";


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

#hed .hed_img .bg_img { background-image:url("../images/sitemap/main_img.jpg"); }


#sitemap { margin: 0 auto 220px; }
#sitemap .section_wrap { width: 1200px; margin: auto; }

.sitemap_box{
width: 1100px;
margin:0 auto 120px;
display: flex;
flex-wrap: wrap;
}

.sitemap_wrap {
margin: 0 0 100px;
position: relative;
width: 30%;
margin-right: 3.33%;
}

.sitemap_wrap:nth-child(3n) {
margin-right: 0;
}
	
.sitemap_tit {
font-weight: 500;
font-size: 1em;
line-height: 1.6;
padding-bottom: 10px;
border-bottom: 1px solid #121212;
color: #121212;
display: block;
}

.sitemap_subtit {
font-weight: 500;
font-size: .8rem;
line-height: 1.6;
margin: 25px auto 0;
}

.sitemap_flex_wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 25px auto 0;
}

.sitemap_list {
margin: 25px auto 0;

}

.sitemap_list li{
font-size: 1.4rem;
position: relative;
margin-bottom: 15px;
}

.sitemap_list li a{
display: inline-block;
position: relative;
padding-left: 25px;
font-weight: 400;
text-decoration: none;
word-break: break-all;
color: #121212;
}

.sitemap_list li a::before {
position: absolute;
top: 10px;
left: 1px;
content: "";
background: url("../images/com/arrow1.svg") center center no-repeat;
background-size: cover;
width: 18px;
height: 9px;
}




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

#hed .hed_img .bg_img { background-image:url("../images/sitemap/main_img_s.jpg"); }


#sitemap{ width: 90%; margin: 0 auto 80px; }
.sitemap_wrap { margin: 0 0 40px; position: relative; }

.sitemap_tit {
font-weight: 500;
font-size: 1.3rem;
line-height: 1.6;
padding-bottom: 10px;
border-bottom: 1px solid #121212;
color: #121212;
display: block;
}

.sitemap_subtit {
font-weight: 500;
font-size: .8rem;
line-height: 1.6;
margin: 25px auto 0;
}

.sitemap_flex_wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 15px auto 0;
}

.sitemap_list {
margin: 25px auto 0;

}

.sitemap_list li{
font-size: 1.2rem;
position: relative;
margin-bottom: 15px;
}

.sitemap_list li a{
display: inline-block;
position: relative;
padding-left: 25px;
font-weight: 400;
text-decoration: none;
word-break: break-all;
color: #121212;
}

.sitemap_list li a::before {
position: absolute;
top: 10px;
left: 1px;
content: "";
background: url("../images/com/arrow1.svg") center center no-repeat;
background-size: cover;
width: 18px;
height: 9px;
}


}