@charset "utf-8";
.top-footer-box{margin:0 auto;padding:0 2rem 4rem;max-width:112.8rem;box-sizing:border-box;}
.top-footer-box .sitemap-depth01{display:flex;border-left:2px solid;border-image:linear-gradient(180deg, var(--color05) 46.1%, var(--color06) 100%) 1;box-sizing:border-box;}
.top-footer-box .sitemap-depth01 > li{width:20%;border-right:2px solid;border-image:linear-gradient(180deg, var(--color05) 46.1%, var(--color06) 100%) 1;box-sizing:border-box;}
.top-footer-box .sitemap-depth01 > li > p {padding:4rem 0 0;}
.top-footer-box .sitemap-depth01 > li > p > a{display:block;padding:0 1.6rem 1.2rem;font-size:1.4rem;font-weight:var(--font-weight-semibold);color:var(--color09);line-height:1.7rem;letter-spacing:-0.02em;box-sizing:border-box;}
.top-footer-box .sitemap-depth02{display:flex;flex-direction:column;gap:8px;padding:1.2rem 1.6rem 4rem;border-top:1px solid var(--color12);}
.top-footer-box .sitemap-depth02 > li > p > a{display:block;font-size:1.2rem;font-weight:var(--font-weight-light);color:var(--color10);line-height:1.7rem;letter-spacing:-0.04em;}
.top-footer-box .sitemap-depth03{display:none;}

@media screen and (max-width:1024.98px){
	.top-footer-box{padding:4rem 0 0;}
	.top-footer-box .sitemap-depth01{display:flex;flex-direction:column;border-left:none;border-image:none;}
	.top-footer-box .sitemap-depth01 > li{width:100%;border-bottom:2px solid var(--color12);border-right:none;border-image:none;}
	.top-footer-box .sitemap-depth01 > li > p {padding:0;}
	.top-footer-box .sitemap-depth01 > li > p > a{display:flex;align-items:center;gap:1.2rem;padding:1.4rem 3.2rem 1.4rem 1.6rem;}
	.top-footer-box .sitemap-depth01 > li > p > a::after{content:'';width:1.6rem;height:1.6rem;background:url(/_res/service/bcci/img/main/ico-mo-footer-site-arrow@2x.png) no-repeat 0 0/100%;transition:0.3s ease;}
	.top-footer-box .sitemap-depth01 > li.active > p > a::after{transform:rotate(180deg);}
	.top-footer-box .sitemap-depth02{display:none;padding:1rem 2rem;border-top:1px solid var(--color12);}
	.top-footer-box .sitemap-depth02 > li{margin:8px 0 0;}
	.top-footer-box .sitemap-depth02 > li:first-of-type{margin:0;}
	.top-footer-box .sitemap-depth01 > li.active > .sitemap-depth02{}
}