/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
	margin-bottom: 3rem;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10;
	margin: auto;
	padding: 1rem 1rem;
	color: #fff;
	text-align: center;
	height: 324px;
}
/* Declare heights because of positioning of img element */
.carousel-item {
	height: 36rem;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.carousel-item > img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	min-width: 100%;
	height: 36rem;
}
.carousel-item.slide5 {
	background-image: url(../images/main-image-alliance-xxl.jpg);
}
.carousel-item.slide0 {
	background-image: url("../images/main-image-05.jpg");
}
.carousel-item.slide1 {
	background-image: url(../images/main-image-01.jpg);
}
.carousel-item.slide2 {
	background-image: url("../images/giga-image-top.jpg");
}
.carousel-item.slide3 {
    background-image: url(../images/solution/solution-gakunin-image.jpg);
    /*background-image: url(../images/main-image-00.jpg);*/
}
.carousel-item.slide4 {
	background-image: url(../images/main-image-04.jpg);
}
.carousel-item.slide6 {
	background-image: url("../images/extic_camp_top_bg_xl.jpg");
}
.carousel-item.slide7 {
	background-image: url("../images/trust--image-top.jpg");
}
.carousel-item.slide8 {
	background-image: url("../images/et-image-top.jpg");
}
.carousel-item.slide9 {
	background-image: url("../images/banner/lm_extic_coop_image.jpg");
    background-position: center bottom;
}
.carousel-item.slide10 {
	background-image: url("../images/banner/main-image-lm7.jpg");
    background-position: center bottom;
}
.carousel-control-next, .carousel-control-prev {
	width: 10%;
}

/* RESPONSIVE CSS
-------------------------------------------------- */
@media (min-width:1201px) and (max-width:1440px) {
.carousel-item.slide5 {
	background-image: url(../images/main-image-alliance-xl.jpg);
}
.carousel-item.slide0 {
	background-position: right 30% center;
}
}
@media (min-width:992px) and (max-width:1200px) {
.carousel-item.slide5 {
	background-image: url(../images/main-image-alliance-lg.jpg);
}
.carousel-item.slide6 {
	background-position: right 55% center;
}
.carousel-item.slide0 {
	background-position: right 35% center;
}
}
@media (min-width:768px) and (max-width:991px) {
.carousel-item.slide5 {
	background-image: url(../images/main-image-alliance-md.jpg);
}
.carousel-item.slide6 {
	background-position: right 42% center;
}
.carousel-item.slide0 {
	background-position: right 35% center;
}
}
@media (max-width:767px) {
.carousel-item.slide5 {
	background-image: url(../images/main-image-alliance-sm.jpg);
}
.carousel-item.slide0 {
	background-position: right 25% center;
}
.carousel-item.slide10 {
	background-image: url("../images/banner/main-image-lm7-sm.jpg");
    background-position: center bottom;
}
}
@media (min-width: 40em) {
/* Bump up size of carousel content */
.carousel-caption p {
	margin-bottom: 1.25rem;
	font-size: 1.25rem;
	line-height: 1.4;
}
}
@media (min-width:576px) and (max-width:767px) {
.carousel-item.slide6 {
	background-position: right 33% center;
}
}
@media (max-width:575px) {
.carousel-item .container {
	width:100%;
}
.camp-body {
	margin-top: -2rem;
	padding: 0;
}
.carousel-item.slide6 {
	background-position: right 33% center;
}
.carousel-item.slide0 {
	background: #72c0c0 url("../images/main-image-05.jpg");
	background-blend-mode: multiply;
	background-size: cover;
	background-position: right 20% center;
}
}
