body {
    width: 100%;
    margin: 0 auto;
    width: 65%;
    max-width: 980px;
    margin-bottom: 30px;
}

img {
    width: 100%;
    vertical-align: bottom;

}

.pc {
    position: relative;
}

.d1 {
    position: absolute;
    width: 28%;
    left: 18%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    top: 18%;
}

.d2 {
    position: absolute;
    width: 28%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    top: 18%;
}

.d3 {
    position: absolute;
    width: 28%;
    left: 82%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    top: 18%;
}

.d4 {
    position: absolute;
    width:28%;
    left: 18%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    top: 55.3%;
}

.d5 {
    position: absolute;
    width: 28%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    top: 55.3%;
}

.d6 {
    position: absolute;
    width: 28%;
    left: 82%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    top: 55.3%;
}

.d7 {
    position: absolute;
    width: 28%;
    left: 18%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    top: 96%
}

.d8 {
    position: absolute;
    width: 28%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    top: 96%;
}

.d9 {
    position: absolute;
    width: 28%;
    left: 82%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    top: 96%;
}

.phone {
    position: relative;
}

.d11 {
    position: absolute;
    width: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    top: 8.3%;
}

.d12 {
    position: absolute;
    width: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    top: 9.5%;
}

.d13 {
    position: absolute;
    width: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    top: 10.7%;
}

.d14 {
    position: absolute;
    width: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    top: 50.9%;
}

.d15 {
    position: absolute;
    width: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    top: 52.5%;
}

.d16 {
    position: absolute;
    width: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    top: 54.1%;
}

.d17 {
    position: absolute;
    width: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    top: 95.5%
}

.d18 {
    position: absolute;
    width: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    top: 96.8%;
}

.d19 {
    position: absolute;
    width: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    top: 98.1%;
}



@media screen and (max-width:1080px) {
    body {
        width: 100%;
    }

    img {
        width: 100%;
    }

    .pc {
        display: none;
    }
}


@media screen and (min-width:1081px) {
    body {
        width: 100%;
    }

    img {
        width: 100%;
    }

    .phone {
        display: none;
    }
}