@charset "utf-8";
/*===============================================
 *	サイトマップ・404
===============================================*/
.sitemap{max-width: 1120px;width: 100%;margin: 0 auto;}
.home{position: relative;padding-left: 31px;margin: 0 0 20px;}
.home a{color: var(--site-primary);font-size: 20px;font-weight: bold;}
.home a::before{content:'';background: url(../img/common/icon-home.png);width: 20px; height: 18px;position: absolute;left: 0; top:7px;}
.link-ttl{background: var(--site-primary);color: #fff;border-radius: 4px;padding: 10px 1em;font-size: 18px;font-weight: bold;margin:20px 0;}
.link-box{margin-bottom: 40px;}
.link-box ul li{margin: 0 0 10px 20px;max-width: 250px;width: 100%;}
.link-box ul li a{padding: 10px;position: relative;}
.link-box ul li a::before{content: "";position: absolute;left: -15px;top: 50%;width: 5px;display: inline-block;height: 5px;border-top: 2px solid var(--site-primary);border-right: 2px solid var(--site-primary);transform: translate(0, -50%) rotate(45deg);margin-bottom: 5px;}
.border-bgnone{background: none;border: none;}
.link-box ul li a:hover{color:var(--site-primary);}
@media screen and (max-width: 1024px) {
.sitemap {max-width: initial;width: 92%;}
.link-box ul li {max-width: 280px;}
}
@media screen and (max-width: 960px) {
.link-box ul li { max-width: 210px;}
}
@media screen and (max-width: 568px) {
.sitemap{width: 100%;}
.home {margin: 0 0 10px 4%;}
.link-ttl{border-radius: 0;margin: 0;padding: 1em;}
.link-box{margin-bottom: 0;}
.link-box ul li {margin: 0;max-width: initial;width: 50%;border-bottom:#ccc 1px solid;letter-spacing: 0;}
.link-box ul li:nth-child(odd) {border-right:#ccc 1px solid;}
.link-box ul li a{display: block;padding: 15px 1em;}
.link-box ul li.txt-multiple a{padding: 8px 1em 7px;}
.link-box ul li a::before {left: unset;right: 15px;}
.link-box ul li.last {border-bottom:#ccc 1px solid;width: 100%;border-right:none;}
}