@charset "utf-8";

/* ------------- ピン ------------ */
.pin-hitachi{
    top: 1%;
    left: 68%;
}

.pin-mito{
    top: 24%;
    left: 54%;
}

.pin-koga{
    top: 51.5%;
    left: 10.5%;
}

.pin-annex{
    top: 64%;
    left: 32.5%;
}

.pin-tsukuba{
    top: 66%;
    left: 34%;
}

.pin-kashima{
    top: 87%;
    left: 68.7%;
}
.pin-moriya{
    top: 87%;
    left: 26.5%;
}

.pin-hitachi-new{
    top: 7%;
    left: 65%;
}

/* ------------ 会場名 ------------- */
.text-hitachi{
    height: 3%;
    top: 3.4%;
    left: 44%;
}

.text-mito{
    height: 3%;
    top: 19.7%;
    left: 48.6%;
}

.text-koga{
    height: 3%;
    top: 54%;
    left: 15.7%;
}

.text-annex{
    height: 3%;
    top: 60%;
    left: 22.2%;
}

.text-tsukuba{
    height: 6.3%;
    top: 68%;
    left: 39.1%;
}

.text-kashima{
    height: 3%;
    top: 83.3%;
    left: 59.2%;
}
.text-moriya{
    height: 3%;
    top: 89.5%;
    left: 31.7%;
}

.text-hitachi-new{
    height: 3%;
    top: 10.4%;
    left: 34.5%;
}

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

  /* ------------- ピン ------------ */
.pin-hitachi{
    top: 3.8%;
    left: 91%;
}

.pin-mito{
    top: 26.2%;
    left: 69%;
}

.pin-koga{
    top: 49.2%;
    left: 2.5%;
}

.pin-annex{
    top: 62%;
    left: 35.9%;
}

.pin-tsukuba{
    top: 63.7%;
    left: 38.5%;
}

.pin-kashima{
    top: 81.3%;
    left: 89.3%;
}

.pin-moriya{
    top: 79%;
    left: 27%;
}

.pin-hitachi-new{
    top: 8.8%;
    left: 85%;
}

/* ------------ 会場名 ------------- */
.text-hitachi{
    height: 2.75%;
    top: 5%;
    left: 52%;
}

.text-mito{
    height: 2.75%;
    top: 28.3%;
    left: 44%;
}

.text-koga{
    height: 2.75%;
    top: 51%;
    left: 11%;
}

.text-annex{
    height: 2.75%;
    top: 58%;
    left: 17.5%;
}

.text-tsukuba{
    height: 9.4%;
    top: 63.5%;
    left: 46.5%;
}

.text-kashima{
    height: 2.75%;
    top: 87%;
    left: 70.5%;
}

.text-moriya{
    height: 2.75%;
    top: 81.3%;
    left: 35%;
}

.text-hitachi-new{
    height: 2.75%;
    top: 12.4%;
    left: 35%;
}

}