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: 85%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    top:11%;
}

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

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

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

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

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

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

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

.d9 {
    position: absolute;
    width: 20%;
    left: 77.5%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%); 
    top: 75.6%;
}

.d10 {
    position: absolute;
    width: 20%;
    left: 20%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%); 
    top:77.3%;
}
.d11 {
    position: absolute;
    width: 20%;
    left: 87%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    top:77.1%;
}

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

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

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



.phone {
    position: relative;
}
.d21 {
    position: absolute;
    width: 85%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    top:10%;
}

.d22 {
    position: absolute;
    width: 85%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%); 
    top: 17.95%;
}

.d23 {
    position: absolute;
    width:85%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%); 
    top: 26.4%;
}

.d24 {
    position: absolute;
    width: 85%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%); 
    top: 33.2%;
}

.d25 {
    position: absolute;
    width: 85%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%); 
    top: 42.4%;
}

.d26 {
    position: absolute;
    width: 85%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%); 
    top: 50.5%;
}

.d27 {
    position: absolute;
    width: 85%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%); 
    top: 61.2%;
}

.d28 {
    position: absolute;
    width: 85%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%); 
    top: 71.7%;
}

.d29 {
    position: absolute;
    width: 20%;
    left: 77.5%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%); 
    top: 75.5%;
}

.d30 {
    position: absolute;
    width: 20%;
    left: 20%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%); 
    top:77%;
}
.d31 {
    position: absolute;
    width: 20%;
    left: 87%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    top:76.8%;
}

.d32 {
    position: absolute;
    width: 85%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%); 
    top: 83.8%;
}

.d33 {
    position: absolute;
    width: 85%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%); 
    top: 89.7%;
}

.d34 {
    position: absolute;
    width: 85%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%); 
    top: 96.5%;
}


@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;   
    }
}