@charset "UTF-8";

.ttl {
 background-image: url("../img/common/ttl_bg_common.png");
}
.sitemap_box {
width: 100%;
background-color: #F3F3F3;
border: solid 1px #E1E1E1;
margin-bottom: 20px;
}
.sitemap_box td {
background-image: url("../img/common/arrow_icon.svg");
background-repeat: no-repeat;
background-position: 20px 17px;
padding: 12px 10px 10px 40px;
}
.sitemap_box a:hover,
.area_box a:hover {
text-decoration: underline;
}

.area_box {
margin-bottom: 20px;
border-top: solid 1px #E1E1E1;
border-left: solid 1px #E1E1E1;
}
.area_box th {
width: 40%;
font-weight: 400;
vertical-align: middle;
background-image: url("../img/common/arrow_icon.svg");
background-repeat: no-repeat;
background-position: 20px center;
background-color: #F3F3F3;
border-right: solid 1px #E1E1E1;
border-bottom: solid 1px #E1E1E1;
padding: 9px 10px 10px 40px;
}
.area_box td {
background-color: #FAFAFA;
border-right: solid 1px #E1E1E1;
border-bottom: solid 1px #E1E1E1;
padding: 12px 10px 10px 40px;
background-image: url("../img/common/arrow_icon.svg");
background-repeat: no-repeat;
background-position: 20px 17px;
}
.link_box td {
background-image: url("../img/common/blank_icon.png");
background-repeat: no-repeat;
background-position: 20px 19px;
padding: 12px 10px 10px 40px;
}


@media screen and (max-width:767px) {
.page-sitemap {
font-size: 1.2rem;
}
.sitemap_box {
margin-bottom: 10px;
}
.sitemap_box td {
background-position: 20px 12px;
padding: 10px 10px 8px 40px;
}
.area_box th {
width: 40%;
background-position: 20px center;
padding: 10px 10px 8px 40px;
}
.area_box td {
padding: 10px 10px 8px 40px;
background-position: 20px 12px;
}
.link_box td {
background-position: 20px 19px;
padding: 12px 10px 10px 40px;
}

}