@charset "utf-8";

 #footer-back{
    background:#F3F3F3;
        padding:50px 20px;
}

@media screen and (min-width: 992px),
print {
    #footer-back{
    background: #FAFAFA;
        padding:100px 30px;
        margin-top:-7px;
}
}



@media screen and (min-width: 992px),
print {
    #footer{
         display: flex;
        justify-content:flex-start;
    margin:auto;
        max-width: 1200px;
}
}

.footer-logo{
    font-size:20px;
margin-bottom:5px;
}

@media screen and (min-width: 992px),
print {
.footer-logo{

}
    }

@media screen and (min-width: 992px),
print {
.footer-center{
    padding-top:10px;
    display:block;
    width:35%;
}
    }

address{
    font-size:13px;
    margin-bottom:3px;
}

 .footer-tel{
        font-size:13px;
        display: block;

}

@media screen and (min-width: 992px),
print {
    .footer-tel{
        font-size:13px;
        display: block;
    margin-bottom:50px;
}
}

 .footer-tel a{
    color:#000;
}

 .footer-tel a:visited{
    color:#000;
}

.footer-nav{
    display: none;
}

@media screen and (min-width: 992px),
print {
    
.footer-nav{
    display:block;
    padding-top:70px;
    width:50%;
}
    }

.footer-nav-menu{
    font-size:12px;
    margin-bottom: 40px;
}

@media screen and (min-width: 992px),
print {
    .footer-nav-menu{
    margin-bottom: 80px;
}
}

.footer-nav-menu a{
	color:#000;
}

.footer-nav-menu a:visited{
	color:#000;
}

.footer-nav-menu a:hover{
	color:#ccc;
}

.copi{
    margin-top:40px;
    text-align:center;
    font-size:10px;
}

@media screen and (min-width: 992px),
print {
    .copi{
        margin-top:0;
    text-align:center;
    font-size:12px;
}
}


.footer-t01{
    font-size:16px;
    margin-bottom: 5px;
}

.footer-t02{
    font-size:12px;
    margin-bottom: 5px;
}

/*
++++++++++++++++++++++++++++++++++++++

@media screen and (min-width: 992px),
print {
    
}

@media screen and (min-width: 768px) and (max-width:991px)
{
}

+++++++++++++++++++++++++++++++++++++++++
*/