footer{
        width: 100%;   
        margin-top:20px; 
        text-align: left;
        color:#000000;
        padding-top:20px;
    
    }
    footer small{
        font-size:12px;
    
    }
    .footcolor01{
    background-color: #fff;
    height: 110px;
    border-top: 1px solid  #005bac; ;
    background-color: #e2f4f7;
}
.footlogo img{
    display: block;
    width: 140px; 
    margin: 12px auto 2px;
    }
    .footnav01{
        display: flex;
        justify-content: center;
        list-style: none;
    }
    .footnav01 li a{
        margin: 0 8px;
        font-size: 14px;
        color: #000;
        font-family: 'Fredoka One', cursive 
    }
    .foottext {  
        font-size: 11px;
        margin-left: 15px;
        padding-top: 10px;
        line-height: 17px;
        font-family: "ＭＳ Ｐゴシック", sans-serif; 
            }
            .footcolor01{
                height: 110px;
                border-top: 1px solid  #b9d2f7; ;
                background-color: #d2e3fa;
            }
            .footcolor02{
                background-color: #005bac; ;
                height: 45px;
                color:#fff;
                text-align: center;
            }
            .footlogo-container{
                display: block;
                margin:0 auto ; 
                width: 140px;
              }
              .footnav{
                display: flex;
                justify-content: center;
                list-style: none;
            }
            .footnav li a{
                margin: 0 8px;
                font-size: 14px;
                color: #000;
                font-family: 'Fredoka One', cursive 
            }

@media screen and (max-width:359px){
    .footcolor01{
        height: 160px;
    }
    .footnav01{
        display:inline-block;
        text-align:center;
        width: 100%;
    }
    .footnav{
        display:inline-block;
        text-align:center;
        width: 100%;
    }
    
}