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

/*
******************************************************************
* main
******************************************************************/
.main .main__cara {
	width: 820px;
	height: 579px;
	bottom: 360px;
	left: 30px;
}
.main .main__txt {
	margin-top: -5px;
	position: relative;
	z-index: 11;
}

.main .bg__item_01 {
	position: absolute;
	top: 218px;
	left: -30px;
	width: 276px;
	height: 223px;
	z-index: 0;
}
.main .bg__item_02 {
	position: absolute;
	top: 379px;
	left: -40px;
	width: 276px;
	height: 186px;
	z-index: 1;
}
.main .bg__item_03 {
	position: absolute;
	top: 529px;
	left: 33px;
	width: 337px;
	height: 152px;
	z-index: 2;
}
.main .bg__item_04 {
	position: absolute;
	top: 198px;
	right: -53px;
	width: 368px;
	height: 192px;
	z-index: 0;
}
.main .bg__item_05 {
	position: absolute;
	top: 379px;
	right: 107px;
	width: 212px;
	height: 125px;
	z-index: 1;
}
.main .bg__item_06 {
	position: absolute;
	top: 408px;
	right: -25px;
	width: 246px;
	height: 238px;
	z-index: 2;
}
body.scrtop .main .bg__item_01 img,
body.scrtop .main .bg__item_04 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_05 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_06 img {
	-webkit-animation: tvanimation 0.4s ease-out 0.4s forwards;
  animation: tvanimation 0.4s ease-out 0.4s forwards;
}


/*
******************************************************************
* section
******************************************************************/
section .content {
	position: relative;
	z-index: 10;
}
.sec01 {
	margin-top: -160px;
	z-index: 11;
}
.sec01 .txt {
	margin-top: 13px;
}
.sec01 .sec01__bg_01 {
	position: absolute;
	bottom: -258px;
	right: -70px;
	width: 382px;
	height: 319px;
	z-index: 1;
}
.sec01 .sec01__bg_02 {
	position: absolute;
	bottom: -207px;
	left: 152px;
	width: 303px;
	height: 247px;
	z-index: 1;
}

.sec02 {
	margin-top: 85px;
}
.sec02 .content {
	margin-top: 30px;
}
.sec02 .txt {
	margin-top: 25px;
}
.sec02 .sec02__bg_01 {
	position: absolute;
	top: -20px;
	left: -186px;
	width: 512px;
	height: 452px;
	z-index: 0;
}
.sec02 .sec02__bg_02 {
	position: absolute;
	bottom: 27px;
	left: -160px;
	width: 513px;
	height: 363px;
	z-index: 0;
}
.sec02 .sec02__bg_03 {
	position: absolute;
	bottom: -362px;
	right: -51px;
	width: 606px;
	height: 512px;
	z-index: 0;
}

.next__btn {
	margin-top: 250px;
	z-index: 12;
}