@charset "utf-8";

/*
******************************************************************
* main
******************************************************************/
.main .main__cara {
	width: 820px;
	height: 579px;
}
.main .main__txt {
	margin-top: -65px;
	position: relative;
	z-index: 11;
}

.main .bg__item_01 {
	position: absolute;
	top: 255px;
	left: -190px;
	width: 594px;
	height: 343px;
	z-index: 5;
}
body.scrtop .main .bg__item_01 img {
	-webkit-animation: tvanimation 0.4s ease-out 0s forwards;
  animation: tvanimation 0.4s ease-out 0s forwards;
}
.main .bg__item_02 {
	position: absolute;
	top: 547px;
	left: -102px;
	width: 322px;
	height: 191px;
	z-index: 4;
}
body.scrtop .main .bg__item_02 img {
	-webkit-animation: tvanimation 0.4s ease-out 0.4s forwards;
  animation: tvanimation 0.4s ease-out 0.4s forwards;
}
.main .bg__item_03 {
	position: absolute;
	top: 500px;
	right: 0;
	width: 233px;
	height: 99px;
	z-index: 3;
}
body.scrtop .main .bg__item_03 img {
	-webkit-animation: tvanimation 0.4s ease-out 0.2s forwards;
  animation: tvanimation 0.4s ease-out 0.2s forwards;
}
.main .bg__item_04 {
	position: absolute;
	top: 395px;
	right: -42px;
	width: 149px;
	height: 95px;
	z-index: 2;
}
body.scrtop .main .bg__item_04 img {
	-webkit-animation: tvanimation 0.4s ease-out 0.6s forwards;
  animation: tvanimation 0.4s ease-out 0.6s forwards;
}


/*
******************************************************************
* section
******************************************************************/
.sec01 {
	margin-top: -145px;
	position: relative;
	z-index: 4;
}
.sec01 .col2 {
	margin-top: -15px;
	position: relative;
	z-index: 2;
}
.sec01 .txt {
	margin-top: 13px;
	position: relative;
	z-index: 2;
}
.sec01 .sec01__bg_01 {
	position: absolute;
	top: -50px;
	right: 10px;
	width: 365px;
	height: 210px;
	z-index: 1;
}

.sec02 {
	margin-top: 85px;
	position: relative;
	z-index: 3;
}
.sec02 .col2 {
	margin-top: -15px;
	position: relative;
	z-index: 2;
}
.sec02 .txt {
	margin-top: 25px;
	position: relative;
	z-index: 2;
}
.sec02 .sec02__bg_01 {
	position: absolute;
	top: -292px;
	right: -346px;
	width: 849px;
	height: 742px;
	z-index: 0;
}
.sec02 .sec02__bg_02 {
	position: absolute;
	bottom: -198px;
	left: -160px;
	width: 574px;
	height: 341px;
	z-index: 0;
}


.sec03 {
	margin-top: 85px;
	position: relative;
	z-index: 2;
}
.sec03 .col2 {
	margin-top: -15px;
	position: relative;
	z-index: 2;
}
.sec03 .txt {
	margin-top: 25px;
	position: relative;
	z-index: 2;
}
.sec03 .sec03__bg_01 {
	position: absolute;
	top: 0;
	right: -40px;
	width: 331px;
	height: 155px;
	z-index: 0;
}


.sec04 {
	margin-top: 85px;
	position: relative;
	z-index: 1;
}
.sec04 .col2 {
	margin-top: -15px;
	position: relative;
	z-index: 2;
}
.sec04 .txt {
	margin-top: 13px;
	position: relative;
	z-index: 2;
}
.sec04 .sec04__bg_01 {
	position: absolute;
	top: -300px;
	right: -480px;
	width: 1291px;
	height: 835px;
	z-index: 0;
}