@charset "utf-8";
.sitemap {position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: #fff; z-index: 9999; padding: 100px 0; display: none;}
.sitemap.active {display: block;}
.sitemap .logo {float: none; margin: 0 0 60px 0;}
.sitemap .wrap-box {width: 1200px; margin: 0 auto; position: relative;}
.sitemap h3 {font-size: 30px; margin-bottom: 30px;}
.sitemap a {color: #aaa;}
.sitemap a:hover {color: #000;}
.sitemap h4 {font-size: 30px; width: 240px; height: 30px;}
.sitemap h4 a {color: #000;}
.sitemap h4 + ul {font-size: 30px; font-weight: 500;}
.sitemap h4 + ul li {padding: 0 30px 0 0; position: relative; height: 30px;}
.sitemap h4 + ul li:not(:first-child) {padding-left: 30px; position: relative;}
.sitemap h4 + ul li:not(:first-child):before {content: ''; display: block; position: absolute; left: 0; top: 8px; width: 2px; height: 20px; background: #aaa;}
.flex {display: flex; flex-wrap: wrap;}
.sitemap .box {padding: 50px 0; border-bottom: 1px solid #eee;}
.sitemap .box.first {border-top: 1px solid #eee;}
.sitemap .etc {font-size: 30px; font-weight: 500; margin-top: 60px; color: #aaa;}
.sitemap .etc span {padding: 0 3px;}
.sitemap .btn-close {width: 70px; height: 70px; background: none; border: 0; position: absolute; right: 0; top: 0;}
.sitemap .btn-close svg {width: 100%; height: 100%;}

@media (max-width: 320px) {
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}