/* BASIC css start */
#footerWrap{margin-top: 64px;}
#footerWrap .acco-wrap > li{border-bottom: 1px solid #111;}
#footerWrap .acco-wrap strong.tit{display: block; font-size: 14px; font-weight: 400; color: #000; line-height: 18px; padding: 19px 20px;}
#footerWrap .acco-wrap .tit:not(:first-of-type){border-top: 1px solid #111;}
#footerWrap .acco-wrap .tit i{float: right; transition: 0.3s; color: #666; font-size: 16px;}
#footerWrap .acco-wrap .tit.open i{transform: rotate(180deg); transition: 0.3s;}
#footerWrap .acco-wrap .cont-wrap{padding: 0 20px 20px; display: none;}
#footerWrap .acco-wrap .cont-wrap .tit{font-size: 15px; font-weight: 600; line-height: 18px; margin-bottom: 10px; display: block;}
#footerWrap .acco-wrap .cont-wrap .desc{font-size: 11px; color: #444; font-weight: 400; line-height: 18px;}
#footerWrap .acco-wrap .acco-cs .cont-wrap .desc{margin-bottom: 10px;}

#footerWrap .acco-wrap .acco-cs .cont-wrap div a{border: 1px solid #e5e5e5; font-size: 12px; font-weight: 400; color: #000; padding: 8px 16px; box-sizing: border-box; display: inline-block;}
#footerWrap .acco-wrap .acco-cs .cont-wrap div a+a{margin-left: 4px;}
#footerWrap .acco-wrap .acco-commu ul{display: flex; flex-wrap: wrap; gap: 4px 0;}
#footerWrap .acco-wrap .acco-commu ul li{width: 50%;}

#footerWrap .sns__wrap{display: flex; align-items: center; justify-content: space-between; padding: 24px 20px; filter: grayscale(1);}

#footerWrap .bottom{padding: 0 20px 40px;}
#footerWrap .bottom .company_info{color: #aaa; font-size: 12px; font-weight: 400; line-height: 20px; margin-bottom: 16px;}
#footerWrap .bottom .company_info img{padding: 8px 0 20px;}

#footerWrap .bottom .notice__wrap ul{display: flex; justify-content: space-between; align-items: center;}
#footerWrap .bottom .notice__wrap ul li a{font-size: 12px; font-weight: 400; color: #444; line-height: 14px;}
#footerWrap .bottom .copyright1{color: #aaa; font-size: 10px; font-weight: 600; padding-top: 16px;}


.dockbar{background-color: #fafafa; padding: 10px 0 ; position: sticky; bottom: 0; left: 0; width: 100%; z-index: 100;}
.dockbar ul{display: flex; align-items: center;}
.dockbar ul li{width: 20%; height: 30px;}
.dockbar ul li a{display: flex; flex-direction: column; align-items: center; gap: 4px;}
.dockbar ul li a .tit{font-size: 11px; font-weight: 400; color: #aaa; display: block;}
.dockbar svg{stroke: #aaa;}


/* BASIC css end */