footer{
        width: 100%;   
        margin-top:30px; 
        text-align: left;
        color:#000000;
    }

    .first-footre{
        background-color: rgb(216, 253, 233);
        border-top: 1px solid  #b9f7c9; ;
        height: 25px;
        color:#fff;
        text-align: center;
        margin-top: 80px;
        padding-bottom: 50px;
    }
    .second-footre{
        background-color: rgb(17, 94, 27);
        height: 65px;
        color:#fff;
        text-align: center;
    }
    .foottext {  
        font-size: 12px;
        margin-left: 12px;
        padding-top: 10px;
        line-height: 22px;
        font-family: "ＭＳ Ｐゴシック", sans-serif; 
            }

    .fnav{
                display: flex;
                justify-content: center;
                list-style: none;
                margin-top: 10px;
                padding: 10px 0 0 ;
              }
    .fnav li a{
                margin: 0 18px;
                font-size: 15px;
                color: #474afc;
                font-family: "ＭＳ Ｐ明朝", sans-serif, "ＭＳ Ｐゴシック";
              }

 @media screen and (max-width:580px){

    .fnav{
        display:inline-block;
        text-align:center;
        width: 100%;
                }

    .first-footre{
        height: 90px;
                }
              }

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