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


.container{ background-color: #000; color: #fff;}
@media (min-width: 768px) {}
@media (max-width: 767.98px) {}


.map_container{ position: relative;}
.map_container>.map_link{ position: absolute; border-radius: 50%;}
@media (min-width: 768px) {
.map_container>.map_link{ width: 40px; height: 40px;}
.map_container>.map_link01{ top: 215px; right: 300px;}
.map_container>.map_link02{ top: 80px; right: 275px;}
.map_container>.map_link03{ top: 190px; right: 165px;}
.map_container>.map_link04{ bottom: 110px; right: 228px;}
.map_container>.map_link05{ bottom: 90px; left: 385px;}
.map_container>.map_link06{ bottom: 170px; left: 370px;}
.map_container>.map_link07{ bottom: 80px; right: 375px;}
.map_container>.map_link08{ bottom: 165px; right: 395px;}
.map_container>.map_link09{ top: 150px; left: 260px;}
.map_container>.map_link10{ top: 150px; left: 425px;}

}
@media (max-width: 767.98px) {
.map_container>.map_link{ width: 5%; height: 10%;}
.map_container>.map_link01{ top: 46%; right: 33%;}
.map_container>.map_link02{ top: 17%; right: 30.5%;}
.map_container>.map_link03{ top: 41%; right: 18%;}
.map_container>.map_link04{ bottom: 23%; right: 25%;}
.map_container>.map_link05{ bottom: 19%; left: 42.5%;}
.map_container>.map_link06{ bottom: 37%; left: 41%;}
.map_container>.map_link07{ bottom: 18%; right: 41.5%;}
.map_container>.map_link08{ bottom: 36%; right: 43.5%;}
.map_container>.map_link09{ top: 32%; left: 28.5%;}
.map_container>.map_link10{ top: 32%; left: 47%;}
}


.map_place>div{ display: flex;}
@media (min-width: 768px) {
.map_place{ padding: 0 40px;}
.map_place>div{ justify-content: space-between; margin: 30px 0;}
.map_place>div>img{ width: 256px;}
.map_place>div>p{ width: calc( 100% - 286px );}
.map_place>div>p>span{ display: block; font-size: 22px; margin-bottom: 15px;}
}
@media (max-width: 767.98px) {
.map_place{ padding: 0 15px;}
.map_place>div{ flex-direction: column; align-items: center; padding: 10px 0;}
.map_place>div>img{ width: 80%;}
.map_place>div>p{ font-size: 14px;}
.map_place>div>p>span{ display: block; font-size: 20px; margin: 10px 0;}
}


.video>iframe{ aspect-ratio: 16/9; width: 100%; height: 100%; border: 1px solid #fff;}
@media (min-width: 768px) {
.video{ padding: 0 40px; margin: 70px 0;}
}
@media (max-width: 767.98px) {
.video{ padding: 0 15px; margin: 50px 0;}
}