@charset "utf-8";
/*------------------------------------------------------------
	index
------------------------------------------------------------*/
#main .mainBox {
	position: relative;
}
#main .mainBox img {
	width: 100%;
}
#main .mainBox .btn,
#main .mainBox .img {
	position: absolute;
	transform: translate(-50%, -50%);
}
#main .mainBox .btn a {
	display: block;
	position: relative;
}
#main .mainBox .valueBtn a::after {
	margin-top: -3.9rem;
	width: 309.3%;
	left: 50%;
	top: 50%;
	position: absolute;
	border-radius: 100%;
	background: url(../img/index/hover_bg.png) no-repeat center center / 100% 100%;
	aspect-ratio: 1;
	transform: scaleY(0.745) translate(-50%, -50%);
	content: '';
	opacity: 0;
	pointer-events: none;
	transition: 0.5s;
}
#main .mainBox .valueBtn a:hover::after {
	opacity: 1;
}
#main .mainBox .btn a img {
	position: relative;
	transition: ease-out 0.5s;
	z-index: 1;
}
#main .mainBox .btn a:hover img {
	transform: translateY(-2rem);
}
#main .mainBox .sceneBtn a:hover img {
	animation: jumping 1s ease-in-out forwards infinite alternate;
}
@keyframes jumping {
	0% {
		transform: translateY(0);
	}
	100% {
		transform: translateY(-2rem);
	}
}
#main .mainBox .btn01 {
	width: 12.586%;
	left: 32.39%;
	top: 20.39%;
	transition-delay: 0.6s;
}
#main .mainBox .btn02 {
	width: 14%;
	left: 19.35%;
	top: 51.44%;
	transition-delay: 0.9s;
}
#main .mainBox .btn02 a::after {
	margin-top: -4.4rem;
	width: 278.8%;
}
#main .mainBox .btn03 {
	width: 13.34%;
	left: 40.5%;
	top: 75.1%;
	transition-delay: 1.2s;
}
#main .mainBox .btn03 a::after {
	margin-top: -6.3rem;
	width: 293.33%;
}
#main .mainBox .btn04 {
	width: 14.2%;
	left: 76.3%;
	top: 62.1%;
	transition-delay: 1.5s;
}
#main .mainBox .btn04 a::after {
	margin-top: -5rem;
	width: 275%;
}
#main .mainBox .btn05 {
	width: 13.35%;
	left: 73.85%;
	top: 32.5%;
	transition-delay: 1.8s;
}
#main .mainBox .btn05 a::after {
	margin-top: -4.3rem;
	width: 291.17%;
}
#main .mainBox .mainTitle {
	width: 26.54%;
	left: 49.8%;
	top: 38.1%;
	transition-delay: 0.3s;
}
#main .mainBox .mainTitle a::after {
	width: 146.7%;
}
#main .mainBox .sceneBtn01 {
	width: 10.9%;
	left: 42.3%;
	top: 12.1%;
	transition-delay: 0.6s;
}
#main .mainBox .sceneBtn02 {
	width: 10.3%;
	left: 51.11%;
	top: 16.6%;
	transition-delay: 0.9s;
}
#main .mainBox .sceneBtn03 {
	width: 9.8%;
	left: 18.9%;
	top: 12.1%;
	transition-delay: 1.2s;
}
#main .mainBox .sceneBtn04 {
	width: 8.12%;
	left: 29.1%;
	top: 54.5%;
	transition-delay: 1.5s;
}
#main .mainBox .sceneBtn05 {
	width: 9.1%;
	left: 9.7%;
	top: 58.4%;
	transition-delay: 1.8s;
}
#main .mainBox .sceneBtn06 {
	width: 16.8%;
	left: 43.2%;
	top: 61.2%;
	transition-delay: 0.6s;
}
#main .mainBox .sceneBtn07 {
	width: 7.45%;
	left: 32.1%;
	top: 66.2%;
	transition-delay: 0.9s;
}
#main .mainBox .sceneBtn08 {
	width: 6.4%;
	left: 81.48%;
	top: 71.5%;
	transition-delay: 1.2s;
}
#main .mainBox .sceneBtn09 {
	width: 9.4%;
	left: 88.3%;
	top: 76.15%;
	transition-delay: 1.5s;
}
#main .mainBox .sceneBtn10 {
	width: 8.5%;
	left: 65.9%;
	top: 56.3%;
	transition-delay: 1.8s;
}
#main .mainBox .sceneBtn11 {
	width: 5.79%;
	left: 86.41%;
	top: 36.52%;
	transition-delay: 0.6s;
}
#main .mainBox .sceneBtn12 {
	width: 7.1%;
	left: 80%;
	top: 20.9%;
	transition-delay: 0.9s;
}
#main .mainBox .img01 {
	width: 6.7%;
	left: 22.56%;
	top: 38.48%;
	transition-delay: 0.6s;
}
#main .mainBox .img02 {
	width: 7.8%;
	left: 26.89%;
	top: 77.2%;
	transition-delay: 0.9s;
}
#main .mainBox .img03 {
	width: 4.4%;
	left: 49.4%;
	top: 81%;
	transition-delay: 1.2s;
}
#main .mainBox .img04 {
	width: 4.43%;
	left: 67.11%;
	top: 41.1%;
	transition-delay: 1.5s;
}
#main .mainBox .sceneBtn.active a img {
	transform: translateY(-2rem);
}
#main .slick-list {
	overflow-y: visible;
	overflow-x: clip;
}