body {
    width: 100%;
    margin: 0 auto;
    width: 65%;
    max-width: 1280px;
    margin-bottom: 30px;
}

img {
    width: 100%;
    vertical-align: bottom;

}

.pc {
    position: relative;
}

.d1 {
    position: absolute;
    width: 40%;
    left: 28.6%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    top:17.5%;
}

.d2 {
    position: absolute;
    width: 40%;
    left: 72.3%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%); 
    top: 17.5%;
}

.d3 {
    position: absolute;
    width: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%); 
    bottom: 53.5%;
}

.d4 {
    position: absolute;
    width: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%); 
    bottom: 1%;
}

.phone {
    position: relative;
}

.d5 {
    position: absolute;
    width: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%); 
    top: 10.5%;
}


.d6 {
    position: absolute;
    width: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%); 
    top: 16%;
}


.d7 {
    position: absolute;
    width: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%); 
    bottom: 31%;
}


.d8 {
    position: absolute;
    width: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%); 
    bottom: 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;   
    }
}
    