@charset "utf-8";

/*===============================================
 *	Sitemap
===============================================*/
.ttl-main_sitemap{max-width: 923px;margin: 0 auto;}
ul.sitemap > li {margin: 0 0 10px;}
ul.sitemap li a {display: block;background: url("../img/sitemap/arrow-right.png") 98% center no-repeat;background-size: 15px;}
ul.sitemap > li > a {width: 100%;box-sizing: border-box;background-color: #fff;border: 1px solid #ccc;font-weight: bold;}
ul.normal-li{max-width: 250px;}
ul.normal-li li a {border-left: 4px solid #DD717F;padding: 10px 5px 10px 15px;}
ul.normal-li li a:hover {background: url("../img/sitemap/arrow-right.png") 98% center no-repeat #fdedef;background-size: 15px;}
ul.normal-li li:nth-child(n+2) a {border-left: 4px solid #009db3;}
ul.normal-li li:nth-child(n+2) a:hover {background: url("../img/sitemap/arrow-right.png") 98% center no-repeat #e9fcff;background-size: 15px;}
ul.service-li > li span{background: #fff;border-left: 4px solid #f39800;border-top: 1px solid #ccc;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;display: block;margin-bottom: 5px;padding: 10px 5px 10px 15px;}
ul.service-li li ul {margin-left: 1em;}
ul.service-li li ul a {background: url(../img/arrow-right02.png) left no-repeat;padding: 5px 0 5px 20px;border-left:none;background-size: 10px;}
ul.service-li li ul a:hover {background: url(../img/arrow-right02.png) left no-repeat #fef1da;}
.sitemap-group{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: flex-start;margin-bottom: 5%;}
.page-field{width: 30%;}
.area-subttl{background: #346bb6;color: #fff;font-size: 18px;font-weight: bold;padding: 15px 0;text-align: center;margin-bottom: 10px;line-height: 1;}
.area-li{display: flex;justify-content:space-between;flex-wrap: wrap;align-items: flex-start;}
ul.area-li li {max-width: 93px;width: 100%;}
ul.area-li li a {border-left: 4px solid #346bb6;padding: 10px 5px 10px 5px;}
ul.area-li li a:hover{background: url("../img/sitemap/arrow-right.png") 98% center no-repeat #cee1fc;background-size: 15px;}
@media only screen and (max-width: 768px) {
.ttl-main_sitemap {margin: 0 2%;}
.page-field {width: 32%;}
ul.area-li li {max-width: initial;width: 48%;}
}
@media only screen and (max-width: 568px) {
.page-field {width: 100%;}
ul.normal-li {max-width: initial;}
ul.area-li li {max-width: initial;width: 30%;}
}
@media only screen and (max-width: 375px) {
}
@media only screen and (max-width: 320px) {
}