/*Googlemap*/
/* 全体設定 */
.css-carousel-slider3 {
    width: 70%;
    overflow: hidden;
    position: relative;
	margin-left: 120px;
}
.css-carousel-slider3 img {
    width: 100%;
    height: auto;
    vertical-align: top;
}

/* スライド設定 */
.css-carousel-slider3 .slide-wrap {
    width: 300%;
    position: absolute;
    display: flex;
    top: 0;
    left: 0;
    z-index: 0;
    animation: css-carousel-slider3 15s infinite;
    animation-delay: 2s;
}
.css-carousel-slider3 .slide-wrap-main {
    width: 100%;
    z-index: 1;
    animation: css-carousel-slider-main3 15s infinite;
    animation-delay: 2s;
}
.css-carousel-slider3 .slide {
    width: 100%;
}

/* スライダーアニメーションの設定 */
@keyframes css-carousel-slider3 {
    0% { transform: translateX(0); }

    27.3% { transform: translateX(calc(1 / 3 * -100%)); }
    33.3% { transform: translateX(calc(1 / 3 * -100%)); }

    60.6% { transform: translateX(calc(2 / 3 * -100%)); }
    66.6% { transform: translateX(calc(2 / 3 * -100%)); }

    94% { transform: translateX(calc(3 / 3 * -100%)); }
    100% { transform: translateX(calc(3 / 3 * -100%)); }
}

@keyframes css-carousel-slider-main3 {
    0% { transform: translateX(100%); }
    66.6% { transform: translateX(100%); }
    94% { transform: translateX(0%);}
}

.exhibition-map {
  width: 100%;
  position: relative;
  padding-top: 50%;
}

.exhibition-map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


/*その他CSS*/
.orosi-num {
    color: #f15a24;
    font-size: 2.2rem;
}

.exhibition-box{
    background: #f7f7f5;
    box-sizing: border-box;
    padding: 5%;
    margin-bottom: 10%;
}


/*sp表示*/
@media screen and (max-width: 1000px)
{
.css-carousel-slider3 {
   width: 100%;
   margin:0;
}
}

@media screen and (min-width: 768px){
.br-sp {display: none; 
}
}