@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: 5%; height: 10%;}
.map_container>.map_link01{ top: 68%; right: 39.5%;}
.map_container>.map_link02{ top: 24%; right: 43.5%;}
.map_container>.map_link03{ top: 17%; right: 30.5%;}
.map_container>.map_link04{ bottom: 26%; right: 25.5%;}
.map_container>.map_link05{ top: 31%; left: 27.5%;}
.map_container>.map_link06{ top: 23%; left: 78%;}
.map_container>.map_link07{ bottom: 46%; right: 19%;}
}
@media (max-width: 767.98px) {
.map_container>.map_link{ width: 5%; height: 10%;}
.map_container>.map_link01{ top: 68%; right: 39.5%;}
.map_container>.map_link02{ top: 24%; right: 43.5%;}
.map_container>.map_link03{ top: 17%; right: 30.5%;}
.map_container>.map_link04{ bottom: 26%; right: 25.5%;}
.map_container>.map_link05{ top: 31%; left: 27.5%;}
.map_container>.map_link06{ top: 23%; left: 78%;}
.map_container>.map_link07{ bottom: 46%; right: 19%;}
}


.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; position: relative;}
.map_place>div>p>span .new{ display: inline-flex; justify-content: center; align-items: center; font-size: 14px; margin: 0 0 0 12px; padding: 1px 7px 2px; background-color: #cdb53f; position: absolute; top: 6px;}
}
@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;}
.map_place>div>p>span .new{ display: inline-flex; justify-content: center; align-items: center; font-size: 12px; margin: 0; padding: 1px 7px 2px; background-color: #cdb53f; position: relative; top: -2px;}
}


.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;}
}