.js-map-img {
    transition: opacity .2s;
}

.js-map-img.is-hover {
    opacity: .75;
}

.swiper-container {
    position: relative;
}

.swiper-container-slide {
    opacity: 0;
    transition: opacity 1s ease;
    /* 1秒かけて表示 */
}

.swiper-container-slide.is-show {
    opacity: 1;
}

.atcc-pr-slider {
    width: 550px;
    margin: 0 auto 30px;
    position: relative;
    margin: 50px 0;
    box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.40);
    margin-bottom: 60px;
    margin-top: 40px;
}

.atcc-pr-slider .swiper-slide img {
    display: block;
    width: 550px;
    /* 原寸で表示（拡大縮小するとmapの座標がずれるため） */
    height: auto;
    /*margin-bottom: 60px;
     margin-top: 40px;*/
}

/* ページ送り（ドット）※不要なら削除 */
.swiper-container .swiper-pagination {
    /*position: static;
     margin-top: 20px;*/
    bottom: -36px !important;
    user-select: none;
}


area {
    /*border: 1px solid #fff;
     background-color: #fff;*/
}

.swiper-container {
    --swiper-pagination-bullet-size: 13px;
    /* ドットの縦横 */
    --swiper-pagination-bullet-inactive-color: rgba(0, 0, 0, 0.5);
    /* 非アクティブ：半透明の黒 */
    --swiper-pagination-bullet-inactive-opacity: 1;
    /* 不透明度（色側で半透明を指定） */
    --swiper-pagination-color: #99cccc;
    /* アクティブの色 */
    --swiper-pagination-bullet-horizontal-gap: 6px;
    /* ドットの間隔 */
}

.swiper-container .swiper-pagination-bullet {
    transition: background-color 0.3s ease;
}

.swiper-container .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):hover {
    background: #99cccc;
}