@charset "utf-8";
#f-tsubaki {
    max-width: 123px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 57px;
}
#footer #f-share {
    margin-left: auto;
    margin-right: auto;
    width: 73px;
    padding-top: 53px;
}
#footer #sns {
    display: -webkit-flex; /* Safari */
    display: flex;
    -webkit-justify-content: space-between; /* Safari */
    justify-content: space-between;
    -webkit-flex-wrap: wrap; /* Safari */
    flex-wrap: wrap;
    max-width: 254px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 31px;
}
#footer #sns div {
    width: 21%;
}
#footer #footer-corp {
    display: -webkit-flex; /* Safari */
    display: flex;
    -webkit-justify-content: space-between; /* Safari */
    justify-content: space-between;
    -webkit-flex-wrap: wrap; /* Safari */
    flex-wrap: wrap;
    max-width: 559px;
    margin-left: auto;
    margin-right: auto;
}
#footer #footer-corp div:nth-child(1) {
    width: 188px;
}
#footer #footer-corp div:nth-child(2) {

}
#footer-corp div p {
    color: #FFFFFF;
    font-size: 1.2rem;
    line-height: 1.4rem;
    letter-spacing: 1.2px;
}










@media screen and (min-width:1200px){
    
    #footer {
    z-index: 100;
    top: 0px;
    background-image: url(../img/fudda.jpg);
    background-repeat: no-repeat;
    margin: auto;
    background-position: center top;
    padding: 0px;
    background-size: auto 100%;
    height: 445px;
    max-height: 445px;
    position: relative;
}
#footer #footer-corp {
    width: 560px;
    position: absolute;
    left: 50%;
    margin-left: -280px;
    bottom: 50px;
    letter-spacing: normal;
}

    

}

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


}



@media screen and (max-width:1200px) and (min-width:600px){
    #footer {
    z-index: 100;
    top: 0px;
    background-image: url(../img/fudda.jpg);
    background-repeat: no-repeat;
    margin: auto;
    background-position: center top;
    padding: 0px 0px 39%;
    position: relative;
    background-size: auto 100%;
}
#footer #footer-corp {
    width: 500px;
    position: absolute;
    bottom: 24px;
    left: 50%;
    margin-left: -250px;
}
   #footer #f-tsubaki {
    position: absolute;
    top: 2%;
    left: 45%;
    width: 10%;

}
#footer #f-share {
    position: absolute;
    margin-top: 10%;
    width: 6%;
    top: 22%;
    left: 47%;
    padding: 0px;
}

#footer #sns {
    position: absolute;
    top: 56%;
    left: 50%;
    padding: 0px;
    margin-left: -127px;
    width: 254px;
}
#footer #sns div {
    width: 21%;
}


#footer #footer-corp {
    position: absolute;
    bottom: 2%;
    left: 50%;
    width: 500px;
}
#footer-corp div {
    margin-bottom: 8px;
  
}
#footer #footer-corp div:nth-child(1) {
  



}
#footer #footer-corp div p {
    line-height: 14px;
} 
}

@media screen and (max-width:600px){
#footer {
    z-index: 100;
    top: 0px;
    background-image: url(../img/fudda_rp.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    padding: 0px 0px 60%;
    position: relative;
    background-size: 100% auto;
}
#footer #f-tsubaki {
    width: 19%;
    position: absolute;
    top: 9%;
    left: 40%;
    margin: 0px;
    padding: 0px;

}
#footer #f-share {
    position: absolute;
    margin-top: 10%;
    width: 10%;
    top: 22%;
    left: 44%;
    padding: 0px;
}

#footer #sns {
    width: 40%;
    position: absolute;
    top: 49%;
    left: 30%;
    padding: 0px;
}
#footer #sns div {
    width: 26%;
}


#footer #footer-corp {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 300px;
    position: absolute;
    bottom: 2px;
    left: 50%;
    margin-left: -160px;
}
#footer-corp div {
    margin-bottom: 8px;
  
}
#footer #footer-corp div:nth-child(1) {
    width: 75%;
    margin-bottom: 11px;


}
#footer #footer-corp div p {
    line-height: 0px;
    letter-spacing: 0px;
}






}