.banner-container{
    /*画像フレーム有りの場合*/
    /*height: 225px;*/
}

.banner-image{
    /*画像フレーム有りの場合*/
    /*top: 75px;*/
}

.banner-image-box{
    height: 150px;
    width: 100%;
}

.banner-img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.banner-background-flame-image{
    position: absolute;
    width: 100%;
    /*height: 100%;*/
    object-fit: contain;
}
/*================swiper================*/
.banner-container .swiper-pagination{
	position:absolute;
    bottom: 0;
}

.banner-container  .swiper-pagination-bullet{
	opacity: .3;
	width: 6px;
	height: 6px;
}
.banner-container  .swiper-pagination-bullet-active{
	opacity: 1;
	width: 8px;
	height: 8px;
}
.banner-container :root {
    --swiper-theme-color: #4493d0;
}