@charset "utf-8";







@media print,screen and (min-width: 769px) {



    #simulation2 #function .kv #product1{
        margin-top: -20px;
    }

    #simulation2 #function .kv #product1 .imagearea {
        width: 290px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
    }

    #simulation2 #function .kv #product1 .image {
        background-image: url(img/func_kv_product_1.png);
        width: 290px;
        height: 294px;
        left: 0px;
        top: 0px;
        }

        #simulation2 #function .kv #product1 #p1_1 {
        background-image: url(img/func_kv_product_1_1.png);
        width: 283px;
        height: 54px;
        left: -210px;
        top: 183px;
        }
        
        



    #simulation2 #function .kv #product2{
        margin-top: 20px;
    }



  
     #simulation2 #function .kv #product2 .imagearea {
        width: 510px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
    }

    #simulation2 #function .kv #product2 .image {
        background-image: url(img/func_kv_product_2.png);
        width: 510px;
        height: 259px;
        left: 0px;
        top: 0px;
        }
        #simulation2 #function .kv #product2 #p2_2 {
        background-image: url(img/func_kv_product_2_2.png);
        width: 276px;
        height: 127px;
        left: 284.35px;
        top: 64.2px;
        }
        #simulation2 #function .kv #product2 #p2_1 {
        background-image: url(img/func_kv_product_2_1.png);
        width: 264px;
        height: 58px;
        left: -37.55px;
        top: -28.5px;
        }
        #simulation2 #function .kv #product2 #p2_3 {
        background-image: url(img/func_kv_product_2_3.png);
        width: 226px;
        height: 58px;
        left: 269.75px;
        top: -33px;
        }
        #simulation2 #function .kv #product2 #p2_4 {
        background-image: url(img/func_kv_product_2_4.png);
        width: 204px;
        height: 121px;
        left: 41.85px;
        top: 35.25px;
        }
        #simulation2 #function .kv #product2 #p2_5 {
        background-image: url(img/func_kv_product_2_5.png);
        width: 217px;
        height: 58px;
        left: -148.9px;
        top: 152.6px;
        }
        
        



}



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


    #simulation2 #function .kv #product1{
        margin-top: 3vw;
    }
  


    #simulation2 #function .kv #product1 .imagearea {
        width: 59.73333333333334vw;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 3vw;
    }

    #simulation2 #function .kv #product1 .image {
        background-image: url(img/func_kv_product_1_sp.png);
        width: 59.73333333333334vw;
        height: 60.4vw;
        left: 0vw;
        top: 0vw;
        }
        #simulation2 #function .kv #product1 #p1_1 {
        background-image: url(img/func_kv_product_1_1_sp.png);
        width: 39.6vw;
        height: 13.600000000000001vw;
        left: -3vw;
        top: 40.266666666666666vw;
        }
        
        


        #simulation2 #function .kv #product2{
            margin-top: 9vw;
        }
     
 
     #simulation2 #function .kv #product2 .imagearea {
        width: 92.66666666666666vw;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 12vw;
    }

    #simulation2 #function .kv #product2 .image {
        background-image: url(img/func_kv_product_2_sp.png);
        width: 92.66666666666666vw;
        height: 47.199999999999996vw;
        left: 0vw;
        top: 0vw;
        }
        #simulation2 #function .kv #product2 #p2_2 {
        background-image: url(img/func_kv_product_2_2_sp.png);
        width: 40.53333333333333vw;
        height: 23.066666666666666vw;
        left: 51.33333333333333vw;
        top: 12.079999999999998vw;
        }
        #simulation2 #function .kv #product2 #p2_1 {
        background-image: url(img/func_kv_product_2_1_sp.png);
        width: 41.6vw;
        height: 10.933333333333334vw;
        left: -0.32666666666666666vw;
        top: -5.473333333333333vw;
        }
        #simulation2 #function .kv #product2 #p2_3 {
        background-image: url(img/func_kv_product_2_3_sp.png);
        width: 41.199999999999996vw;
        height: 10.8vw;
        left: 48.9vw;
        top: -5.473333333333333vw;
        }
        #simulation2 #function .kv #product2 #p2_4 {
        background-image: url(img/func_kv_product_2_4_sp.png);
        width: 37.2vw;
        height: 22.26666666666667vw;
        left: 7.713333333333333vw;
        top: 6.433333333333334vw;
        }
        #simulation2 #function .kv #product2 #p2_5 {
        background-image: url(img/func_kv_product_2_5_sp.png);
        width: 30vw;
        height: 14.799999999999999vw;
        left: -0.2533333333333333vw;
        top: 41.81333333333333vw;
        }
        
        





}