.index-products-box{

    width: 100%;

    display: block;

    position: relative;

    overflow: hidden;

    box-sizing: border-box;

    padding: 120px 0;

}

.index-products-title-box{

    width: calc(100% - ((280 / 1920) * 100vw));

    display: block;

    margin-left: auto;

    font-size: 0;

}

.index-products-info-box{

    width: calc(100% - 50px);

    margin-left: auto;

    margin-top: 5.625rem;

    font-size: 0;

}

.index-products-info{

    width: 620px;

    height: calc((400 / 400) * 620px);

    display: block;

    margin-right: 3.125rem;

}

.index-products-info-img{

    width: 100%;

    height: 100%;

    position: relative;

    overflow: hidden;

}

.index-products-info-img img{

    width: 100%;

    height: 100%;

    object-fit: cover;

}







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

    .index-products-box{

        padding: 60px 0;

    }

    .index-products-title-box{

        width: calc(100% - ((20 / 280) * 100vw));

    }

    .index-products-info-box{

        width: 100%;

        margin-top: 2.5rem;

    }

    .index-products-info{

        width: 550px;

        height: calc((400 / 400) * 550px);

        margin: 0 20px;

    }

}

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

    .index-products-box{

        padding: 40px 0;

    }

    .index-products-title-box{

        width: 550px;

        max-width: 100%;

        margin: 0 auto;

    }

    .index-products-info-box{

        width: 100%;

        margin-top: 1.875rem;

    }

    .index-products-info{

        margin: 0 10px;

    }



}

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

    .index-products-box{

        padding: 20px 0;

    }

    .index-products-title-box{

        width: calc(100vw - 40px);

    }

    .index-products-info-box{

        margin-top: 1.25rem;

    }

    .index-products-info{

        width: calc(100vw - 40px);

        height: calc((400 / 400) * 100vw - 40px);

        margin: 0 5px;

    }

}







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

    .index-products-info:hover .main-bg{

        transform: scale(1.1);

    }



    /* .index-products-info-box{

        opacity: 0;

    }

    .index-products-info-box.anima{

        animation: fade 1.4s ease 0s 1 both;

    } */

}