@charset "utf-8";

/* footer_bg css */
#footer_bg {background: #282e34; padding: 40px 0; } 
#footer_bg .footer_juso p, #footer_bg .footer_juso li, #footer_bg .footer_juso li a {  line-height: 1.5;}
#footer_bg .footer_juso li{ float: left;list-style-type: none;}
#footer_bg .footer_juso li::after{content: ""; display: block;margin-left: 10px; float: right; margin-right: 10px;}
#footer_bg .footer_juso li:last-child::after{ display: none;}
#footer_bg .footer_juso img { margin-bottom: 20px;  width: 220px;  height: auto;  filter: brightness(0) invert(1);	}
/* #footer_bg .footer_juso img {	filter:gray;-webkit-filter:grayscale(1) } */

#footer_bg .footer_juso a:hover, #footer_bg .footer_tel a:hover {  color: #fff; text-decoration:none; }
#footer_bg .footer_info { clear:both; display: inline-block;word-spacing:-3px;}

#footer_bg .footer_sns { clear:both;}
#footer_bg .footer_tel strong {font-size: 36px;font-weight: 700;line-height:80px;}

.tail_h2 {  font-size: 36px;  font-weight: 700;  line-height: 40px;}
#footer_bg .footer_tel {  text-align: left;}
#footer_bg .footer_tel h5 { letter-spacing: -1px;  font-weight: 600; display: inline-block; vertical-align: top; margin-bottom: 10px;}
/* footer bar */
.footer_info bar { position:relative; margin-right:10px;} 
.footer_info bar::after { content:''; position:absolute; margin:0px 7.5px; width:1px; height:12px; background:#888; top:5px; }


@media screen and (max-width: 768px) { 
    #footer_bg .footer_tel {margin-top: 30px;padding-top: 30px; padding-bottom: 10px; border-top: 1px solid #888; }
}
@media screen and (min-width: 769px) { 
     #footer_bg .footer_tel {padding-left: 50px; border-left: 1px solid #888;padding-top: 20px;  }	  
}

/* footer_bg css */




/* BackToTop button css */
#Topscroll {
    position:fixed;
    right: 20px;
    bottom: 20px;
    cursor:pointer;
    width: 50px;
    height: 50px;
    line-height: 20px;	
    background: rgba(255,255,255,0.5);
    border: 2px solid #333;
    font-size: 30px;
    color: #333;
    text-align: center;
    z-index: 90;
    text-indent:-9999px;
    display:none;
}
#Topscroll span {
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-8px;
    margin-top:-12px;
    height:0;
    width:0;
    border:8px solid transparent;
    border-bottom-color:#333;
}
#Topscroll:hover {
    background-color:#696767;
    opacity:1;filter:"alpha(opacity=100)";
    -ms-filter:"alpha(opacity=100)";
}

/* BackToTop button css */