@charset "utf-8";
.kv_title, .kv_title_col .kv_catch, .kv_title_col .kv_pkg, .kv_title_col .kv_notes, .global {
		transition: opacity 1.2s;
		opacity: 0
}
.kv_title_col .kv_catch {
		transition-delay: 0.2s;
}
.kv_title {
		transition-delay: 0.6s;
}
.kv_title_col .kv_pkg {
		transition-delay: 1s;
}
.kv_title_col .kv_notes {
		transition-delay: 1.4s;
}
.global {
		transition-delay: 1.4s;
}
.isStart .kv_title, .isStart .kv_title_col .kv_catch, .isStart .kv_title_col .kv_pkg, .isStart .kv_title_col .kv_notes, .isStart .global {
		opacity: 1
}
/* ========= */
.kv .yuge_L, .kv .yuge_R {
		transition: transform 6.2s cubic-bezier(0.16, 1, 0.3, 1), opacity 2s;
		transform: translateY(200px);
		opacity: 0;
}
.yuge_R {
		transition: transform 6s cubic-bezier(0.16, 1, 0.3, 1), opacity 2s;
		transition-delay: 0.3s;
}
.isStart .yuge_L, .isStart .yuge_R {
		opacity: 1;
		transform: translateY(-100px);
}
/* ================ */
.howto_wrap .yuge-1 {
		width: 1300px;
		position: absolute;
		left: -900px;
		top: -430px;
		pointer-events: none
}
.secret_hr-1 {
		position: relative;
		max-width: 1000px;
		margin: 0 auto;
}
.secret_hr-1 .yuge-2 {
		position: absolute;
		width: 1300px;
		top: -490px;
		right: -800px;
		z-index: 5;
		pointer-events: none
}
.secret_hr-2 {
		position: relative;
		max-width: 1000px;
		margin: 0 auto;
}
.secret_hr-2 .yuge-3 {
		position: absolute;
		width: 900px;
		top: -260px;
		left: -540px;
		pointer-events: none
}
.contYuge {
		transform: translateY(200px);
		opacity: 0;
		transition: transform 5s cubic-bezier(0.16, 1, 0.3, 1), opacity 3s;
}
@media(max-width: 767px) {
		.howto_wrap .yuge-1 {
				width: 600px;
				left: -332px;
				top: -160px;
				opacity: 1;
		}
		.secret_hr-1 .yuge-2 {
				width: 600px;
				top: -160px;
				right: -330px;
				z-index: 5;
		}
		.secret_hr-2 {
				position: relative;
				max-width: 1000px;
				margin: 0 auto;
		}
		.secret_hr-2 .yuge-3 {
				position: absolute;
				width: 600px;
				top: -160px;
				left: -350px;
		}
		.contYuge {
				transform: translateY(100px);
		}
}
.contYugeActive {
		transform: translateY(0) !important;
		opacity: 1 !important;
}
/* ================ */
.fadeInNml {
		opacity: 0;
		transition: opacity 0.6s;
}
.fadeInNmlActive {
		opacity: 1;
}