@charset "utf-8";
body {
	background: url(../../common/img/bg_bottom.png) no-repeat center bottom #000c32;
	-webkit-background-size: 100%;
	background-size: 100%;
}

/*
******************************************************************
* main
******************************************************************/
.main .main__cara {
	width: 931px;
	height: 736px;
	bottom: 68px;
	left: 24px;
}
.main .main__txt {
	margin-top: -66px;
	margin-left: -20px;
	position: relative;
	z-index: 11;
}

.main .bg__item_01 {
	position: absolute;
	top: 381px;
	left: 107px;
	width: 374px;
	height: 197px;
	z-index: 0;
}
.main .bg__item_02 {
	position: absolute;
	top: 215px;
	left: 46px;
	width: 314px;
	height: 241px;
	z-index: 1;
}
.main .bg__item_03 {
	position: absolute;
	top: 529px;
	left: -25px;
	width: 240px;
	height: 192px;
	z-index: 1;
}
.main .bg__item_04 {
	position: absolute;
	top: 395px;
	left: -50px;
	width: 276px;
	height: 171px;
	z-index: 2;
}
.main .bg__item_05 {
	position: absolute;
	top: 349px;
	right: -47px;
	width: 441px;
	height: 195px;
	z-index: 0;
}
.main .bg__item_06 {
	position: absolute;
	top: 514px;
	right: -49px;
	width: 198px;
	height: 112px;
	z-index: 1;
}
.main .bg__item_07 {
	position: absolute;
	top: 166px;
	right: -80px;
	width: 217px;
	height: 102px;
	z-index: 0;
}
.main .bg__item_08 {
	position: absolute;
	top: 244px;
	right: 35px;
	width: 209px;
	height: 133px;
	z-index: 2;
}
body.scrtop .main .bg__item_01 img,
body.scrtop .main .bg__item_05 img {
	-webkit-animation: tvanimation 0.4s ease-out 0s forwards;
  animation: tvanimation 0.4s ease-out 0s forwards;
}
body.scrtop .main .bg__item_02 img,
body.scrtop .main .bg__item_06 img {
	-webkit-animation: tvanimation 0.4s ease-out 0.2s forwards;
  animation: tvanimation 0.4s ease-out 0.2s forwards;
}
body.scrtop .main .bg__item_03 img,
body.scrtop .main .bg__item_07 img {
	-webkit-animation: tvanimation 0.4s ease-out 0.4s forwards;
  animation: tvanimation 0.4s ease-out 0.4s forwards;
}
body.scrtop .main .bg__item_04 img,
body.scrtop .main .bg__item_08 img {
	-webkit-animation: tvanimation 0.4s ease-out 0.6s forwards;
  animation: tvanimation 0.4s ease-out 0.6s forwards;
}

/*
******************************************************************
* section
******************************************************************/
.sec01 {
	margin-top: -100px;
}
section {
	text-align: center;
}
section h3 {
	height: 97px;
}
.sec01 .txt {
	margin-top: 8px;
}
.sec01 .sec01__01 {
	margin-top: 130px;
}
section .content {
	position: relative;
	z-index: 10;
}
.sec01 .content {
	margin-top: 50px;
}
.sec01 .sec01__bg_01 {
	position: absolute;
	top: 87px;
	right: -44px;
	width: 226px;
	height: 164px;
	z-index: 0;
}

.sec02 {
	margin-top: 40px;
}
.sec02 .sec02__bg_01 {
	position: absolute;
	top: -76px;
	left: -230px;
	width: 400px;
	height: 251px;
	z-index: 0;
}

.sec03 {
	margin-top: 40px;
}
.sec03 .sec03__bg_01 {
	position: absolute;
	bottom: -140px;
	right: -230px;
	width: 562px;
	height: 263px;
	z-index: 0;
}

.sec04 {
	margin-top: 40px;
}
.sec04 .content02 {
	margin-top: 20px;
	margin-left: -8px;
}
.sec04 .sec04__bg_01 {
	position: absolute;
	top: 64px;
	left: -245px;
	width: 539px;
	height: 302px;
	z-index: 0;
}

.sec05 {
	margin-top: 40px;
}
.sec05 .sec05__bg_01 {
	position: absolute;
	top: -110px;
	right: -200px;
	width: 328px;
	height: 294px;
	z-index: 0;
}
.sec05 .sec05__bg_02 {
	position: absolute;
	bottom: -400px;
	right: -180px;
	width: 1059px;
	height: 376px;
	z-index: 0;
}

.next__btn {
	margin-top: 290px;
}