/*ベースは480。PC用*/

@media screen and (min-width:897px)  {
/*#f_title {
    float: left;
    text-align: center;
    width: 100%;
    height: auto;
    margin-top: 60px;
    transition: 2s;
}*/
#f_leaf {
    background-size: auto 80%;
}
#f_box1 {
    height: 50%;
    background-size: 45%;
    margin-top: 30px;
}
#f_box1_left {
    height: 80%;
    width: 45%;
    margin-top: 50px;
    margin-left: 8%;
    background-size: 100%;
}
#f_box1_right {
    height: 60%;
    width: 33%;
    margin-top: 140px;
    margin-left: 6%;
}   
#f_box2 {
    margin-top: 30px;
    background-size: 75% 90%;    
}
#f_img1_sp {
    display: none;    
    }
#f_box2_left {
    width: 33%;
    margin-top: 140px;
    margin-left: 6%;
}
#f_box2_right {
    float: left;
    height: auto;
    width: 45%;
    transition: 2s;
    margin-top: 50px;
    margin-left: 8%;
    background-image: url(../img/3.feature/f_img2.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    filter: drop-shadow(20px 10px 10px rgba(0,0,0,0.3));
    display: block;
    padding-top: 35%;
}

#f_box3_top {
    height: auto;
    width: 100%;
    margin-top: 60px;
    margin-left: 0%;
    background-position: center top;
    background-size: 70%;
    padding-top: 40%;
}
#f_box3 {
    width: 95%;
    background-position: left top;
    background-size: 70% 100%;    
}
#f_box3_left {
    height: auto;
    width: 35%;
    margin-top: 70px;
    margin-left: 10%;   
}
#f_box3_right {
    height: auto;
    width: 45%;
    margin-top: 20px;
    margin-left: 8%;
    background-image: url(../img/3.feature/f_img4.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    filter: drop-shadow(20px 10px 10px rgba(0,0,0,0.3));
    padding-top: 30%;
}
}