@charset "utf-8";

footer{
    background-color:#FFF8F8;
    padding:40px 10px;
}

@media screen and (min-width: 768px),
print {
    footer{
    background-color:#FFF8F8;
    padding:100px 10px 70px;
        margin-top:0;
}
}

.footer-btn ul{
    background-color: #fff;

    color:#fff;
    display: none;
}

@media screen and (min-width: 768px),
print {
    .footer-btn ul{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
        padding:0 15px;
        padding-bottom:30px;
}
}


@media screen and (min-width: 768px),
print {
.footer-area{
    display: flex;
    justify-content: space-between;
    max-width:1200px;
    margin:auto;
    
}
    }

.footer-area-left{
    margin-bottom:30px;
}


@media screen and (min-width: 768px),
print {
    .footer-area-left{
    margin-bottom:0;
        width:40%;
        
        
}
}

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

@media screen and (min-width: 768px),
print {
   .footer-logo{
    margin-bottom: 30px;
} 
}

address{
    padding:0 15px;
}

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

.footer-area-right{
    width:60%;
}
    }



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


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

ナビ

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

.footer-nav ul{
    z-index:999;
    position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

@media screen and (min-width: 768px),
print {
    .footer-nav ul{
    
    display:none;
}
}





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

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

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

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