@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.svg") center center no-repeat;
background-size: cover;
width: 10px;
height: 10px;
}




}
/*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 60px;
}

.sitemap_box{
width: 90%;
margin:0 auto 0px;
}

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

.sitemap_tit a{
font-weight: 500;
font-size: .9em;
line-height: 1.2;
padding-bottom:5px;
border-bottom: 1px solid #121212;
color: #121212;
display: block;
}

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

.sitemap_flex_wrap {;
margin: 25px auto 0;
}

.sitemap_list {
font-size: .8rem;
margin: 10px auto 0;
}

.sitemap_list li{
position: relative;
margin-bottom: 10px;
}

.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.svg") center center no-repeat;
background-size: cover;
width: 10px;
height: 10px;
}
}