@charset "utf-8";
/* CSS Document */

.map_area{
    border: 6px solid #c09b00;
    border-radius: 50px;
    padding:3.5%;
}
@media (max-width: 720px){
    .map_area{
        border-radius:4vw;
    }
}
.map_area h2{
    width: 24vw;
    margin: 0 0 0;
}
.map_area .map_link{
    position: relative;
    width: 80%;
    margin: 0 auto;
    aspect-ratio: 2645 / 2480; /* 横16 : 縦9 */

}
.map_area .map_link .kyougi1{
    position:absolute;
    width: calc(347 / 2645 * 100%);
    top:15.35%;
    left: 49.49%;
    z-index: 100;
}
.map_area .map_link .kyougi2{
    position:absolute;
    width: calc(223 / 2645 * 100%);
    top:24.2%;
    left: 63%;
    z-index: 101;
}
.map_area .map_link .kyougi_txt1{
    position:absolute;
    width: calc(266 / 2645 * 100%);
    top:16.2%;
    left: 48%;
    z-index: 103;
}
.map_area .map_link .kyougi_txt2{
    position:absolute;
    width: calc(266 / 2645 * 100%);
    top:32.5%;
    left: 63%;
    z-index: 105;
}

.map_area .map_link .stage1{
    position:absolute;
    width: calc(240 / 2645 * 100%);
    top:16.2%;
    left: 63.8%;
    z-index: 106;
}
.map_area .map_link .stage2{
    position:absolute;
    width: calc(202 / 2645 * 100%);
    top:20.9%;
    left: 58.3%;
    z-index: 113;
}
.map_area .map_link .taiken1{
    position:absolute;
    width: calc(110 / 2645 * 100%);
    top:37.53%;
    left: 62.3%;
    z-index: 107;
}
.map_area .map_link .taiken2{
    position:absolute;
    width: calc(110 / 2645 * 100%);
    top:20.4%;
    left: 46.1%;
    z-index: 107;
}
.map_area .map_link .taiken2_txt{
    position:absolute;
    width: calc(266 / 2645 * 100%);
    top:51.1%;
    left: 51%;
    z-index: 108;
}
.map_area .map_link .taiken1_txt{
    position:absolute;
    width: calc(266 / 2645 * 100%);
    top:41%;
    left: 59.5%;
    z-index: 109;
}
.map_area .map_link .taiken2_txt{
    position:absolute;
    width: calc(266 / 2645 * 100%);
    top:24%;
    left: 44.6%;
    z-index: 109;
}
.map_area .map_link .ekishi{
    position:absolute;
    width: calc(405 / 2645 * 100%);
    top:28.3%;
    left: 44.55%;
    z-index: 111;
}
.map_area .map_link .kyousan{
    position:absolute;
    width: calc(268 / 2645 * 100%);
    top:48.4%;
    left: 51%;
    z-index: 112;
}
.map_area .map_link .basemap{
    position: relative;
    width: 100%;
    top:0%;
    left: 0%;
    z-index: 1;
}
@media (max-width: 767px){
.map_area h2{
    width: 42vw;
    margin: 1vw;
    }
}













/***********/