#mainContents{
    background-color: #B7B7B7;

}


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

    #model{
        padding-bottom: 100px;
    }
    
    #model .items{
        margin-top: 50px;
    }
    #model .item{
        background-image: url(../model/img/film.png);
        -webkit-background-size: calc( 2800px / 2) calc( 458px / 2);
        background-size: calc( 2800px / 2) calc( 458px / 2);
        background-repeat: repeat-x;
        background-position: center center;
        transform:rotate(-3deg) scale(1.05);
        margin-bottom: 40px;
        
    }
    #model .item .inner{
        width: 1000px;
        margin-left: auto;
        margin-right: auto;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        justify-content:space-between;
        -ms-align-items: center;
        align-items: center;
    }
    #model .item .image{
        width: 280px;
        height: 180px;
    }
    #model .item .texts{
        color: #fff;
        flex:1;
        margin-left: 30px;
    }
    #model .item .texts .en{
        font-size: 240%;
        line-height: 1em;
    }
    #model .item .texts .ja{
        font-size: 120%;
        line-height: 1em;
        font-weight: bold;
    }
    
    #model .item .card{
        background-image: url(../model/img/card.png);
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
        width: calc( 692px / 1.65 );
        height: calc( 468px / 1.65 );
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        justify-content: center;
        -ms-align-items: center;
        align-items: center;
        transform: rotate(12deg);
    }
    #model .item .card img{
        height: 80%;
        width: auto;
    }


}




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



    #model{
        padding-bottom: 50px;
    }

    #model .items{
        margin-top: 20px;
    }
    #model .item{
        background-image: url(../model/img/film.png);
        -webkit-background-size: calc( 2800px / 2.5) calc( 458px / 2.5);
        background-size: calc( 2800px / 2.5) calc( 458px / 2.5);
        background-repeat: repeat-x;
        background-position: center center;
        height: calc( 458px / 2.5);
        transform:rotate(-3deg) scale(1.05);
        margin-bottom: 30vw;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        justify-content:space-between;
        -ms-align-items: center;
        align-items: center;
    }
    #model .item .inner{
        flex:1;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        justify-content:space-between;
/*
        -ms-align-items: center;
        align-items: center;
*/
    }
    #model .item .image{
        width: 52vw;
    }
    #model .item .texts{
        color: #fff;
        flex:1;
        margin-left: 4vw;
        margin-right: 4vw;
    }
    #model .item .texts .en{
        font-size: 6vw;
        line-height: 1.2em;
    }
    #model .item .texts .ja{
        font-size: 3vw;
        line-height: 1.2em;
        font-weight: bold;
    }

    #model .item .card{
        background-image: url(../model/img/card.png);
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
        width: calc( 50vw );
        height: calc( 50vw / 692 * 468 );
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        justify-content: center;
        -ms-align-items: center;
        align-items: center;
        transform: rotate(12deg);
        position: absolute;
        z-index: 1;
    }
    #model .item .card img{
        height: 80%;
        width: auto;
    }

    #model .item:nth-child(1) .card{
        right: 6vw;
        top: 40vw;
    }
    #model .item:nth-child(2) .card{
        left: 6vw;
        top: 40vw;
    }
    #model .item:nth-child(3) .card{
        right: 6vw;
        top: 40vw;
    }
    #model .item:nth-child(4) .card{
        left: 6vw;
        top: 40vw;
    }

}