@charset "utf-8";

/* Visual */
#multipleContentsDiv_airport_196 {padding-top: 0;}
#multipleDiv_airport_196 .fp-tableCell {vertical-align: top;}
.wrap-visual {position: relative; overflow: hidden;}
.wrap-visual ._fnctAdmin {bottom: 50px !important;}
.wrap-visual .slider {text-align: center;}
.wrap-visual .slider img {position: relative; left: 50%; display: block; max-width: none; max-height: 730px; height: 100%; transform: translate(-50%,0);}
.visual-util {position: absolute; left: 0; bottom: 9.5%; z-index: 1; width: 100%; font-size: 0; text-align: center;}
.visual-util .box-util {display: inline-flex; justify-content: center; align-items: center; height: 40px; padding: 0 20px; background: rgba(0,0,0,0.3); border-radius: 100px;}
.visual-util .paging {display: flex; align-items: center;}
.visual-util .paging span {margin-right: 10px; background: transparent; opacity: 1;}
.visual-util .paging span::after {content: ''; position: absolute; left: 6px; top: 6px; width: 6px; height: 6px; background: #fff; border-radius: 100%;}
.visual-util .paging span.swiper-pagination-bullet {position: relative; width: 20px; height: 20px; border: 1px solid rgba(255,255,255,0); }
.visual-util .paging span.swiper-pagination-bullet-active {border: 1px solid rgba(255,255,255,0.25); border-radius: 100%;}
.visual-util .control button {text-indent: -99999px; font-size: 0;}
.visual-util .control .prev,
.visual-util .control .next {width: 7px; height: 11px;}
.visual-util .control .prev {background: url('../images/ic-visual-prev.png') no-repeat center;}
.visual-util .control .next {background: url('../images/ic-visual-next.png') no-repeat center;}
.visual-util .control .stop,
.visual-util .control .play {display: none; width: 6px; height: 11px; margin: 0 10px;}
.visual-util .control .stop.on,
.visual-util .control .play.on {display: inline-block;}
.visual-util .control .stop {background: url('../images/ic-visual-stop.png') no-repeat center;}
.visual-util .control .play {background: url('../images/ic-visual-play.png') no-repeat center;}

@media screen and (min-width: 2000px) {
  .wrap-visual .slider img {width: 100%; object-fit: cover;}
}

@media screen and (max-width: 1200px) {
  .visual-util {bottom: 60px;}
  .wrap-visual .slider img {max-height: 470px;}
}

@media screen and (max-width: 700px) {
  .wrap-visual .slider img {max-height: 400px;}
}