@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 a{
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{
position: relative;
margin-bottom: 15px;
}

.sitemap_list li a{
display: inline-block;
position: relative;
padding-left: 15px;
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/arrow.png") center center no-repeat;
background-size: cover;
width: 5px;
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{
margin: 0 auto 80px;
}

#sitemap .section_wrap{
width: 90%;
}


.sitemap_wrap {
margin: 0 0 40px;
position: relative;
}

.sitemap_tit a{
font-weight: 500;
font-size: 1em;
line-height: 1.6;
padding-bottom: 10px;
border-bottom: 1px solid #8B5608;
color: #8B5608;
display: block;
}

.sitemap_subtit {
font-weight: 500;
font-size: 1.1em;
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{
position: relative;
margin-bottom: 15px;
padding: 0 10px;
box-sizing: border-box;
}

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

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