/* BASIC css start */
footer{background:#000; padding:48px 0 56px 0; }
footer *{color:#fff;}
footer .inner{position:relative;}
footer .logo{filter:invert(100%) sepia(100%) saturate(0%) hue-rotate(167deg) brightness(104%) contrast(103%); width:130px; margin-bottom:32px;}
footer .logo img{width:100%;}
footer .sns{position:absolute; right:1rem; top:0; display:flex;}
footer .sns li{margin-right:16px; width:32px; height:32px;}
footer .sns li:last-child{margin-right:0;}
footer .sns li a{display:block;}
footer .sns li a img{width:100%;}
footer .tel{margin-bottom:8px;}
footer .tel span a{font-weight:500; text-decoration:underline; font-size:18px;}
footer .cs{color:#BFBFBF; transform:rate(0) translateY(-50%); line-height:20px; margin-bottom:32px;}
footer .cs span{color:#666666;}
footer .company{}
footer .company span{font-weight:500; display:inlin-block; padding-right:22px; position:relative;}
footer .company span::after{content:''; display:block; width:16px; height:16px; position:absolute; top:50%; right:0; transform:translateY(-50%); background-image:url(/design/justmysize/ECHO/icon/ico_accordion.svg); background-position:center center; background-repeat:no-repeat; background-size:contain;}
footer .company span.on::after{transform:rotate(180deg) translateY(50%);}
footer .company span + div{display:none; padding-top:16px; color:#999999; font-size:12px; line-height:17px;}
footer .company span.on + div{display:block;}
footer .footer_link{margin-top:32px;}
footer .agree{margin-top:8px;}
footer .footer_link, footer .agree{display:flex;}
footer .footer_link li, footer .agree li{margin-right:16px;}
footer .footer_link li:last-child, footer .agree li:last-child{margin-right:0;}
footer .footer_link li a, footer .agree li a{font-weight:500; color:#BFBFBF;}
footer .copy{margin-top:16px; font-size:9px; font-weight:500; line-height:17px; color:#666;}


.fix_icon{z-index: 99; display: block; position: fixed; right: 16px; bottom: 80px; width: 40px; height: 40px; background: #fff; padding:8px;}
/* BASIC css end */

