body {
    line-height: 30px;
}
#f_leaf {
    background-image: url(../img/2.intro/i_leaf.png);
    background-size: 90%;
    width: 20%;
    margin-left: 40%;
    margin-right: 40%;
    float: left;
    margin-top: 80px;
    height: 50px;
    transition: 2s;
    background-position: center center;
    background-repeat: no-repeat;
}
#f_title {
    float: left;
    text-align: center;
    width: 100%;
    height: auto;
    margin-top: 20px;
    transition: 2s;
}
#f_box1 {
    float: left;
    height: auto;
    width: 100%;
    transition: 2s;
    background-image: url(../img/3.feature/f_koushi.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 80% 65%;
    margin-top: 20px;
}
#f_box1_left {
    float: left;
    height: 50%;
    width: 95%;
    transition: 2s;
    margin-top: 30px;
    margin-left: 5%;
    background-image: url(../img/3.feature/f_img1.jpg);
    background-size: 95%;
    background-repeat: no-repeat;
    filter: drop-shadow(20px 10px 10px rgba(0,0,0,0.3));
    background-position: right center;
}
#f_box1_right {
    float: left;
    height: auto;
    width: 80%;
    transition: 2s;
    margin-top: 0px;
    margin-left: 10%;
}
#f_box2 {
    float: left;
    height: auto;
    width: 100%;
    transition: 2s;
    margin-top: 10px;
    background-image: url(../img/3.feature/f_back1.jpg);
    background-repeat: no-repeat;
    background-position: right top;
    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_box2_right {
    display: none;
}
#f_img1_sp {
    float: left;
    height: 30%;
    width: 95%;
    transition: 2s;
    margin-top: 20px;
    margin-left: 5%;
    background-image: url(../img/3.feature/f_img2.jpg);
    background-size: 85%;
    background-repeat: no-repeat;
    filter: drop-shadow(20px 10px 10px rgba(0,0,0,0.3));    
}
#f_box3_top {
    float: left;
    height: 43%;
    width: 100%;
    transition: 2s;
    margin-top: 30px;
    margin-left: 0%;
    background-image: url(../img/3.feature/f_img3.jpg);
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 100%;
    filter: drop-shadow(20px 10px 10px rgba(0,0,0,0.3));    
}
#f_box3 {
    float: left;
    height: auto;
    width: 100%;
    transition: 2s;
    margin-top: 0px;
    background-image: url(../img/3.feature/f_back2.jpg);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 60% 30%;    
}
#f_box3_left {
    float: left;
    height: auto;
    width: 80%;
    transition: 2s;
    margin-top: 20px;
    margin-left: 10%;   
}
#f_box3_right {
    float: left;
    height: 50%;
    width: 95%;
    transition: 2s;
    margin-top: 50px;
    margin-left: 5%;
    background-image: url(../img/3.feature/f_img4.jpg);
    background-size: 95%;
    background-repeat: no-repeat;
    filter: drop-shadow(20px 10px 10px rgba(0,0,0,0.3));    
}