.title {
    font-size: 1.25em; /* 20px */
    line-height: 1.2;  /* 24px */
    font-weight: 400;
    text-align: center;

    margin: 0;
}

.map {
    position: relative;

    width: 45em;  /* 720px */
    height: 41em; /* 656px */
    margin: 1.5em auto 0 auto; /* 24px auto 0 auto */

    background-image: url("/img/services/background.png");
    background-size: 100%;
}

.map > * {
    position: absolute;
    top: 0;
    left: 0;
}

.map > *:first-child {
    position: static;
}

.map-overlay {
    width: 45em;  /* 720px */
    height: 41em; /* 656px */
}

.map-area {
    position: absolute;
}

.map-area.area-01 {
    top: 33.536%;  /* 220px */
    left: 61.111%; /* 440px */

    width: 38.889%;  /* 280px */
    height: 21.341%; /* 140px */
}

.map-area.area-02 {
    top: 58.689%;  /* 385px */
    left: 64.583%; /* 465px */

    width: 15.972%;  /* 115px */
    height: 23.628%; /* 155px */
}

.map-area.area-03 {
    top: 53.354%;  /* 350px */
    left: 20.833%; /* 150px */

    width: 20.833%;  /* 150px */
    height: 38.872%; /* 255px */
}

.map-area.area-04 {
    top: 49.543%; /* 325px */
    left: 1.389%; /* 10px */

    width: 17.361%;  /* 125px */
    height: 19.055%; /* 125px */
}

.map-area.area-05 {
    top: 22.866%; /* 150px */
    left: 4.167%; /* 30px */

    width: 18.75%;   /* 135px */
    height: 20.579%; /* 135px */
}

.map-area.area-06 {
    top: 35.061%;  /* 230px */
    left: 39.583%; /* 285px */

    width: 20.139%;  /* 145px */
    height: 17.530%; /* 115px */
}

.map-area.area-07 {
    top: 9.146%;   /* 60px */
    left: 18.055%; /* 130px */

    width: 23.611%;  /* 170px */
    height: 19.817%; /* 130px */
}

.map-area.area-08 {
    top: 9.908%;   /* 65px */
    left: 43.055%; /* 310px */

    width: 16.667%;  /* 120px */
    height: 21.341%; /* 140px */
}



@media screen and (max-width: 51em) {
    .map {
        width: auto;
        height: auto;
    }

    .map > img {
        width: 100%;
        height: 100%;
    }

    .map-overlay {
        width: 100%;
        height: 100%;
    }
}
