#slideshow {
   position: relative;
   width:100%; /* 画像の横幅に合わせて記述 */
   height:auto; /* 画像の高さに合わせて記述 */
   overflow: hidden;
}
#slideshow img {
   position: absolute;
   top: 0;
   left:0;
   z-index: 8;
   opacity: 0.0;
}
#slideshow img.active {
   z-index: 10;
   opacity: 1.0;
}
#slideshow img.last-active {
   z-index: 9;
}

.jumbotron {
  background-image: url('../photo/top-background.jpg') center no-repeat; 
  background-size: cover;
    height: 100%;
min-height: 500px;
}


.bg-slider {
	width: 100vw;
	height: 100vh;
	background-position:center center;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
}
.bg-slider__title{
	color: #fff;
	font-size: 48px;
	line-height: 1.5;
	font-weight: bold;
	text-align: center;
	text-shadow: 1px 1px 1px #000;
}

/* SLIDER */

.slider {
    height: 340px;
    width: 100%;
    background-color: #FFF;
    background-position:center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin-bottom:45px;
}

.slider {
    background-position: center top;
    background-repeat: no-repeat;
}

*+html .slider {
    background-position: center top;
    background-repeat: no-repeat;
}