/*ベースは480で。スマホ横、タブレット用*/
@media screen and (min-width:481px) and (max-width:896px) {
#f_leaf {
    background-size: auto 80%;
}
#f_box1 {
    background-size: 60% 65%;
}
#f_box1_left {
    height: auto;
    width: 80%;
    margin-top: 60px;
    margin-left: 10%;
    background-size: 95%;
    padding-top: 50%;
}
  /*
#f_box1_right {
    float: left;
    height: auto;
    width: 80%;
    transition: 2s;
    margin-top: 0px;
    margin-left: 10%;
}*/
#f_box2 {
    background-size: 75% 100%;    
}
#f_box2_left {
    float: left;
    height: auto;
    width: 80%;
    transition: 2s;
    margin-top: 20px;
    margin-left: 10%;
    padding-bottom: 15px;
}
#f_img1_sp {
    height: auto;
    width: 90%;
    margin-top: 40px;
    margin-left: 10%;
    background-size: 90%;
    padding-top: 50%;
}
#f_box3_top {
    height: auto;
    width: 80%;
    margin-top: 30px;
    margin-left: 10%;
    background-position: right top;
    background-size: 100%;
    padding-top: 45%;
}
#f_box3 {
    background-position: left bottom;
    background-size: 60% 75%;    
}
#f_box3_left {
    float: left;
    height: auto;
    width: 80%;
    transition: 2s;
    margin-top: 20px;
    margin-left: 10%;   
}
#f_box3_right {
    height: auto;
    width: 100%;
    margin-top: 50px;
    margin-left: 0%;
    background-size: 70%;
    padding-top: 50%;
    background-position: center top;
}
}