@charset "utf-8";
.banner {
	background: url(../images/music/banner01.png) no-repeat center top;
}

.section01 {
	margin: 0 0 10px;
	padding: 120px 0 100px;
	background: url(../images/academy/bg01.png) no-repeat center top;
}
.section02 {
	margin-bottom: 430px;
	padding: 120px 0 0;
	background: url(../images/academy/bg02.png) no-repeat center top;
}
.section03 {
	margin-bottom: 80px;
	padding: 120px 0 40px;
	background: url(../images/academy/bg03.png) no-repeat center top;
}
.section04 {
	margin-bottom: 120px;
	padding: 120px 0 0;
	background: url(../images/academy/bg02.png) no-repeat center top;
}
.inner {
	display: flex;
	justify-content: space-between;
}
.info {
	margin-left: 440px;
	position: relative;
}
.info .img {
	position: absolute;
	top:-60px;
	left:-640px;
}
.video {
	position: relative;
	width: 960px;
	height: 540px;
	margin-bottom: 10px;
}
.video video {
	width: 960px;
	height: 540px;
}
.video a {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: url("../images/music/video01_bg.png") no-repeat center center;
	background-size: cover;
}
.video a img {
	margin: -40px 0 0 -40px;
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
}
.inner .lBox {
	z-index: 30;
	position: relative;
}
.inner .rBox {
	margin-right: 140px;
	width: 560px;
	position: relative;
}
.inner .rBox .photo {
	position: absolute;
	top:310px;
	left:-320px;
	z-index: 40;
}
.inner .rBox .img {
	position: absolute;
	top:200px;
	left:-900px;
	z-index: 10;
}
.section03 .inner .lBox {
	margin-top: 60px;
	width: 380px;
}
.section03 .inner .rBox {
	margin-right: 0;
	width: 960px;
	height: 540px;
}
.section03 .inner .rBox .video a  {
	background: url("../images/music/video02_bg.png") no-repeat center center;
	background-size: cover;
}
.section04 .wrap {
	position: relative;
}
.section04 .wrap .title {
	width: 600px;
	position: absolute;
	top:210px;
	right:20px;
}