footer{ width: 100%; height: auto; background: #f8f9fa;}

.footer-box{ padding: 80px 0 40px 0;}
.footer-box-left{ width: 410px; padding-right: 80px;  color: #000; font-size: 3.3rem; line-height: 56px; font-family: myFirstFont1; font-weight: bold;}

.footer-box-right{ width: calc(100% - 410px);}
.footer-box-right dt{font-family: myFirstFont1; font-weight: bold; color: #000000; font-size: 1.2rem; line-height: 26px; margin-bottom: 10px;}
.footer-box-right dd a{ display: block; line-height: 24px;}

.footer-share{ padding-bottom: 30px; border-bottom:1px solid #CCCCCC;}
.footer-share-left{}
.footer-share-left h2{ font-weight: normal; color: #000000; font-size: 1.2rem; font-family: myFirstFont; line-height: 30px; margin-bottom: 10px;}
.footer-share-left-list{}
.footer-share-left-list a{ width: 45px; height: 45px; border:1px solid #CCCCCC; border-radius:50%; margin-right: 10px;}
.footer-share-left-list a:hover{ background: #000000;}
.footer-share-left-list a:hover img{filter: brightness(0) invert(1);}
.footer-share-right{ width: 107px; height: 107px; border:1px solid #CCCCCC;}
.footer-share-right img{ width: 100%; height: auto;}




.footer-copy{ padding: 15px 0; color: #ccc; font-size: 1rem; width: 100%; height: auto; text-align: center; background:#f8f9fa;}





.header-mobile{ display: none;}
.footer-posi{ display: none;}
#mmenu {
	opacity: 0;
}



@media (max-width: 1200px) {

.header-mobile{ display: block ;  background: #FFFFFF; overflow: hidden; position: fixed; left: 0; top: 0; height: 60px; line-height: 60px; border-bottom: 1px solid #dedede; z-index: 9999; width: 100%; padding: 0 3%;}
.header-mobile .logo{ float: left; width: auto; height:36px; overflow: hidden; margin-top: 12px;}
.header-mobile .logo a{ display: block; overflow: hidden;   width: auto; height:36px;}
.header-mobile .logo a img{width: auto; height:36px;}
.m-menu{float: right;width: 30px; }
.m-menu .icon{line-height: 1;font-size: 0;display: inline-block;vertical-align: middle;cursor: pointer;}
.m-menu .icon a{ display: block; width: 30px;}
.m-menu .icon>span{display: inline-block;width: 30px;height: 1px;background: #333;margin: 4px 0;display: inline-block;}

#mmenu {
	z-index:9999;  opacity: 1.0;
}


.header-mobile-quote{ float: right; height: 32px;  margin-right: 30px;}
.header-mobile-quote a{ display: inline-block; font-family: myFirstFont2; background: #000; color: #FFFFFF; padding: 0 15px;  border-radius:10px; height: 32px; line-height: 32px;}
.header-mobile-quote a:hover{ color: #000; border:1px solid #000000; background:none;}


.footer-box{ display: none !important;}
.footer-share{padding:25px 0;}
.footer-share-right{ margin-top:20px;}

.footer-copy{ margin-bottom: 70px; }

.footer-posi{ width:100%; height:70px; padding-bottom:15px; background:#111; position:fixed; left:0; bottom:0; display:block; z-index:999; }
.footer-posi a{ display:block; float:left; text-align:center; width:25%; height:70px; color:#fff !important; border-right:1px solid #EEEEEE;  box-sizing: border-box; }
.footer-posi a:last-child{ border:none}
.footer-posi a img{ width:25px; height:auto; padding-top:5px;}
.footer-posi a p{ line-height:12px; font-size:0.8rem; }


}