@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: 91.4%;
	top: 15%;
}
.main .main__txt {
	position: relative;
	width: 100%;
	z-index: 11;
}
.main .bg__emergency {
	bottom: 10%;
}

.main .bg__item_01 {
	position: absolute;
	top: 35%;
	left: -12%;
	width: 31.56%;
	z-index: 5;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}
.main .bg__item_02 {
	position: absolute;
	top: 50%;
	left: -13%;
	width: 31.71%;
	z-index: 4;
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}
.main .bg__item_03 {
	position: absolute;
	top: 63%;
	left: -7%;
	width: 38.43%;
	z-index: 5;
	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s;
}
.main .bg__item_04 {
	position: absolute;
	top: 32.5%;
	right: -14%;
	width: 42.03%;
	z-index: 1;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}
.main .bg__item_05 {
	position: absolute;
	top: 46%;
	right: 5%;
	width: 24.21%;
	z-index: 2;
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}
.main .bg__item_06 {
	position: absolute;
	top: 49%;
	right: -10%;
	width: 27.96%;
	z-index: 3;
	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s;
}
body.scrtop .main .bg__item {
	opacity: 1;
}

/*
******************************************************************
* section
******************************************************************/
.sec01 {
	margin-top: -18%;
}
section {
	text-align: center;
}
section h3 img {
	width: 56.7%;
}
section .content {
	position: relative;
	z-index: 10;
}
section .content > img {
	position: relative;
	z-index: 1;
}
.sec01 .content {
	margin-top: 5%;
}
.sec01 .sec01__bg_01 {
	position: absolute;
	bottom: -13%;
	left: -22%;
	width: 80.15%;
	z-index: 0;
}

.sec02 {
	margin-top: 8%;
	z-index: 1;
}
.sec02 h3 img {
	width: 21.09%;
}
.sec02 .sec02__bg_01 {
	position: absolute;
	top: -4%;
	left: 13%;
	width: 37.34%;
	z-index: 0;
}
.sec02 .content {
	margin-top: 5%;
}
.sec02 .sec02__bg_02 {
	position: absolute;
	top: -3.6%;
	right: -3%;
	width: 41.875%;
	z-index: 0;
}
.sec02 .sec02__bg_03 {
	position: absolute;
	top: -1%;
	left: -13%;
	width: 62.8125%;
	z-index: 0;
}
.sec02 .sec02__bg_04 {
	position: absolute;
	bottom: -5%;
	right: -2%;
	width: 71.7%;
	z-index: 0;
}

.next__btn {
	margin-top: 18%;
}
.next__btn img {
	width: 68.59%;
}