@charset "UTF-8";

.img-element-a img{
    width: 100%;
    
}

.img-element-b img,
.img-element-c img,
.img-element-d img,
.img-element-e img,
.img-element-f img,
.img-element-g img,
.img-element-redline img{
    display: block;
    margin: auto;
}

.img-call_element{
    padding: 1em;
    background-color: rgb(238, 236, 236);
}.img-call_element img{
    width: 100%;
}

.template-background-0{
    background-color: white;
}

.template-background-1{
    background-color: rgb(236, 228, 227);
}

.template-background-2{
    background-color: rgb(206, 194, 172);
}

.template-background-4{
    background-color: rgb(235, 233, 225);
}

.template-background-5{
    background: linear-gradient(to bottom, #e8f0f8 0%, #dce5f0 100%);
}


@media (min-width: 768px) {
    .template-background-3{
        background-image: url('../image/pc/pc_watch_03_bk.png');
    }

    .img-element-b img{
        width: 72%;
    }

    .img-element-c img{
        width: 60%;
    }

    .img-element-d img{
        width: 75%;
    }

    .img-element-e img{
        width: 15%;
    }

    .img-element-f img{
        width: 65%;
    }

    .img-element-g img{
        width: 70%;
    }

    .img-element-redline img{
        width: 73%;
    }
    
}@media (max-width: 767px) {
    .template-background-3{
        background-image: url('../image/sp/sp_watch_03_bk.png');
    }

    .img-element-b img{
        width: 95%;
    }

    .img-element-c img{
        width: 90%;
    }

    .img-element-f img{
        width: 90%;
    }

    .img-element-d img{
        width: 50%;
    }

    .img-element-e img{
        width: 40%;
    }

    .img-element-g img{
        width: 90%;
    }

    .img-element-redline img{
        width: 95%;
    }
}