@charset "utf-8";
body {
	overflow-x: hidden;
}
.banner {
	background: url(../images/art/banner01.png) no-repeat center top;
}
.section01 {
	margin-bottom: 110px;
	padding: 120px 0 178px;
	background: url(../images/academy/bg01.png) no-repeat center top;
	position: relative;
}
.section01 .inner {
	padding: 200px 0 0;
	position: relative;
}
.section01 .inner .lBox {
	width: 520px;
	position: relative;
}
.section01 .inner .lBox .title {
	font-size: 50px;
}
.section01 .inner .lBox img {
	position: absolute;
	top:-400px;
	left:-180px;
}
.section01 .inner .rBox {
	position: absolute;
	top:2px;
	right:-250px;
	width: 1110px;
}
.section01 .inner .rBox .item {
	margin-right: 12px;
}
.section01 .inner .rBox .slick-prev {
	text-indent: -9999px;
	background: url(../images/art/prev.png) no-repeat center top;
	width: 48px;
	height: 48px;
	border: none;
	position: absolute;
	bottom:70px;
	left:-90px;
	cursor: pointer;
}
.section01 .inner .rBox .slick-next {
	text-indent: -9999px;
	background: url(../images/art/next.png) no-repeat center top;
	width: 48px;
	height: 48px;
	border: none;
	position: absolute;
	bottom:0;
	left:-90px;
	cursor: pointer;	
}
.section02 {
	margin-bottom: 120px;
	padding: 120px 0 0;
	background: url(../images/academy/bg02.png) no-repeat center top;
}
.section03 {
	margin-bottom: 20px;
	padding: 60px 0 40px;
	background: url(../images/academy/bg03.png) no-repeat center top;
}
.section03 .imgBox {
	display: flex;
	justify-content: space-between;
	position: relative;
}
.section03 .imgBox .img {
	position: absolute;
	top:-10px;
	right:-200px;
	z-index: 10;
}
.section03 .imgBox .rBox {
	margin-top: 50px;
	width: 480px;
	z-index: 20;
	position: relative;
}