/* bg */
.webp .top_index main #key {
	background: url(../images/key_bg.png.webp) no-repeat center center / cover;
}

.no-webp .top_index main #key {
	background: url(../images/key_bg.png) no-repeat center center / cover;
}

/* bg */
.webp .top_index main #cont01 {
	background: url(../images/cont01_bg.png.webp) no-repeat center center / cover;
}

.no-webp .top_index main #cont01 {
	background: url(../images/cont01_bg.png) no-repeat center center / cover;
}

/* bg */
.webp .top_index main #cont10:before {
	background: url(../images/cont10_bg.jpg.webp) no-repeat center center / cover;
}

.no-webp .top_index main #cont10:before {
	background: url(../images/cont10_bg.jpg) no-repeat center center / cover;
}

/* bg */
.webp .top_index main #cont04 {
	background: url(../images/cont04_bg.png.webp) no-repeat center center / cover;
}

.no-webp .top_index main #cont04 {
	background: url(../images/cont04_bg.png) no-repeat center center / cover;
}

@media screen and (max-width: 900px) {
	.webp .top_index main #cont04 {
		background: url(../images/cont04_bg_sp.jpg.webp) no-repeat center center / cover;
	}

	.no-webp .top_index main #cont04 {
		background: url(../images/cont04_bg_sp.jpg) no-repeat center center / cover;
	}
}

@media screen and (max-width: 900px) {
	.top_index main #cont04 .inner .bg .slide-item img {
		width: 77.2vw;
		transform: translateY(-15px);
	}
}

/* bg */
.webp .top_index main #cont08 {
	background: url(../images/cont08_bg.png.webp) no-repeat center center / cover;
}

.no-webp .top_index main #cont08 {
	background: url(../images/cont08_bg.png) no-repeat center center / cover;
}

/* bg */
.webp .top_index main #cont11 {
	background: url(../images/cont11_bg.jpg.webp) no-repeat center center / cover;
}

.no-webp .top_index main #cont11 {
	background: url(../images/cont11_bg.jpg) no-repeat center center / cover;
}