@charset "UTF-8";

/* ========================================
	content
======================================== */
.l-contents{
	background: url(../images/action/cont_bg.png) repeat-y top center;
}
@media screen and (min-width: 1921px) {
	.l-contents{
		background-size:100% auto;
	}
}
/* ========================================
	MV
======================================== */
.p-action-mv_in{
	position: relative;
	width: 57.32916666%; /* 1100 / 1920 * 100 */
	margin: 0 auto;
	min-width: 960px;
	max-width: 2000px;
	text-align: left;
}
.p-action-mv_in .Inner{
	position: relative;
	padding-top: 53.45454545454545%; /* 588 / 1100 * 100*/
}
.p-action-mv_in h1{
	position: absolute;
	width: 45.909090909090914%; /* 505 / 1100 * 100 */
	top: 7%;
	left: 3%;
	z-index: 10;
}
.p-action-mv_lead{
	position: absolute;
	width: 37.6363636%; /* 414 / 1100 * 100 */
	z-index: 10;
	top: 65%;
	left: 3.4545454%; /* 38 / 1100 * 100 */
}
.is-animation .item-y,
.no-js .item-y {
	visibility: visible;
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.item-y{
	visibility: hidden;
	opacity: 0;
	-webkit-transform: translateY(90px);
	transform: translateY(90px);
	transition:
		opacity 400ms,
		-webkit-transform 500ms,
		transform 500ms;
}
.p-action-mv_bg{
	position: absolute;
	width: 130.27272727272728%; /* 1433 / 1100 * 100 */
	top: 0;
	left: -15.363636363636363%; /* 169 / 1100 * 100 */
	z-index: 0;
}
.p-action-mv_line{
	position: absolute;
	width: 93.81818181818183%; /* 1032 / 1100 * 100 */
	top: 43%;
	left: -37.4545454%; /* 412 / 1100 * 100 */
	z-index: 10;
}
.p-action-mv_chara{
	position: absolute;
	width: 76.63636363636364%; /* 843 / 1100 * 100 */
	top: 0;
	right: -28.454545454545453%; /* -313 / 1100 * 100 */
	z-index: 10;
}

/* ========================================
	cont01
======================================== */
.p-action-cont01{
	position: relative;
	margin-top: 3%;
	background: url(../images/action/cont01_bg.png) no-repeat top center;
	background-size: cover;
	z-index: 10;
}
.p-action-cont01_in {
	position: relative;
	width: 66.66666666666666%; /* 1280 / 1920 * 100 */
	margin: 0 auto;
	min-width: 960px;
	max-width: 2000px;
	text-align: left;
}
.p-action-cont01_in .Inner{
	position: relative;
	padding-top: 141.015625%; /* 1805 / 1280 * 100*/
}
.p-action-cont01_h{
	position: absolute;
	width: 72.421875%; /* 927 / 1280 * 100 */
	top: 5.3185595567867034%; /* 96 / 1805 * 100*/
	left: 0;
	right: 0;
  margin: 0 auto;
}
/* step */
.p-action-cont01-step_bg{
	position: absolute;
	width: 122.10937500000001%; /* 1563 / 1280 * 100 */
	top: 4.653739612188366%; /* 84 / 1805 * 100*/
	left: -10.625%; /* 136 / 1280 * 100 */
	z-index: 0;
}
.p-action-cont01_step01 {
	position: absolute;
	top: 11.13573407202216%; /* 201 / 1805 * 100 */
	left: -1.7968749999999998%; /* 23 / 1280 * 100 */
	width: 36.5625%; /* 468 / 1280 * 100 */
	z-index: 10;
}
.p-action-cont01_step02 {
	position: absolute;
	top: 9.916897506925208%; /* 179 / 1805 * 100 */
	left: 27.187499999999996%; /* 348 / 1280 * 100 */
	width: 42.1875%; /* 540 / 1280 * 100 */
}
.p-action-cont01_step03 {
	position: absolute;
	top: 11.246537396121884%; /* 203 / 1805 * 100 */
	right: -0.78125%; /* 10 / 1280 * 100 */
	width: 34.765625%; /* 445/ 1280 * 100 */
}
.is-animation .item-t,
.no-js .item-t {
	opacity: 1;
}
.item-t{
	opacity: 0;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
}
.item-t:nth-child(1) {
  transition-delay: 0.5s;
}
.item-t:nth-child(2) {
  transition-delay: 1s;
}
.item-t:nth-child(3) {
  transition-delay: 1.5s;
}
.p-action-cont01_arrow {
	position: absolute;
	top: 26.703601108033244%; /* 482 / 1805 * 100 */
	left: 29.765625%; /* 381 / 1280 * 100 */
	width: 44.296875%;/* 567 / 1280 * 100 */
}
.p-action-cont01_line {
	position: absolute;
	top: 69.86149584487535%; /* 1261 / 1805 * 100 */
	left: 6.71875%; /* 86 / 1280 * 100 */
	width: 86.953125%;/* 1113 / 1280 * 100 */
}
/* movie */
.p-action-cont01-movie_p {
	position: absolute;
	top: 47.53462603878116%; /* 858 / 1805 * 100 */
	left: 26.328125000000004%; /* 337 / 1280 * 100 */
	width: 48%; /* 608 / 1280 * 100 */
}
.p-action-cont01-movie_p .mov_wrap {
	position: absolute;
	top: 8.355795148247978%; /* 31 / 371 * 100 */
	left: 4.276315789473684%; /* 26 / 608 * 100 */
	width: 90.46052631578947%; /* 550 / 608 * 100 */
	padding-bottom: 49.67105263157895%; /* 302 / 608 * 100 */
	z-index: 1;
	overflow: hidden;
	border-radius: 3px;
}
.p-action-cont01-movie_p .mov{
position: absolute;
	top: -9%;
	left: 0;
	width: 100%;
	height: 109%;
}
.p-action-cont01-movie_chara01 {
	position: absolute;
	width: 25.859375%; /* 331 / 1280 * 100 */
	top: 45.37396121883657%; /* 819 / 1805 * 100*/
	left: 2.03125%; /* 26 / 1280 * 100 */
}
.p-action-cont01-movie_chara02 {
	position: absolute;
	width: 24.21875%; /* 310 / 1280 * 100 */
	top: 47.81163434903047%; /* 863 / 1805 * 100*/
	right: 7.109375%; /* 91 / 1280 * 100 */
}
/* light */
.p-action-cont01-light_bg{
	position: absolute;
	width: 150%; /* 1920 / 1280 * 100 */
	top: 65.92797783933518%; /* 1190 / 1805 * 100*/
	left: -25%; /* 320 / 1280 * 100 */
	z-index: 0;
}
.p-action-cont01-light_box {
	position: absolute;
	top: 74.84764542936288%; /* 1351 / 1805 * 100 */
	left: 12.1875%; /* 156 / 1280 * 100 */
	width: 38.046875%; /* 487 / 1280 * 100 */
}
.p-action-cont01-light_img02 {
	position: absolute;
	top: 51.5%;
	left: 0;
	width: 52.56673511293635%; /* 256 / 487 * 100 */
}
.p-action-cont01-light_img02 a {
	display: block;
}
.p-action-cont01-light_thumb{
	position: absolute;
	top: 73.85041551246537%; /* 1333 / 1805 * 100 */
	right: 10.9375%; /* 140 / 1280 * 100 */
	width: 36.5625%; /* 468 / 1280 * 100 */
	overflow: hidden;
}
.p-action-cont01-light_thumb .mov{
	position: absolute;
	width: 96%;
	height: 100%;
	top: 0%;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	z-index: 0;
}
.p-action-cont01-light_thumb .player_wrap{
	overflow: hidden;
	display: block;
	position: relative;
	height: 0;
	margin-top: 2%;
	padding-top: 56.25%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.p-action-cont01-light_thumb .yt_player{
	position: absolute;
	top: -4.5%;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 106.5%;
}
.p-action-cont01-light_item01 {
	float: left;
	width: 48.604651162790695%; /* 418 / 860 * 100 */
}
.p-action-cont01-light_item02 {
	float: right;
	width: 48.604651162790695%; /* 418 / 860 * 100 */
}
.p-action-cont01-light_arrow {
	position: absolute;
	top: 49.932523616734144%; /* 1110 / 2223 * 100 */
	width: 12.34375%; /* 158 / 1280 * 100 */
	left: 43.59375%; /* 558 / 1280 * 100 */
}
.p-action-cont01-light_lead01 {
	position: absolute;
	top: 90.30470914127424%; /* 1630 / 1805 * 100 */
	left: 0;
	right: 0;
	width: 74.609375%; /* 955 / 1280 * 100 */
	margin: 0 auto;
}

/* ========================================
	cont02
======================================== */
.p-action-cont02{
	position: relative;
	margin-top: -1%;
	background: url(../images/action/cont02_bg.png) no-repeat top center;
	background-size: cover;
	z-index: 10;
}
.p-action-cont02_in {
	position: relative;
	width: 66.66666666666666%; /* 1280 / 1920 * 100 */
	margin: 0 auto;
	min-width: 960px;
	max-width: 2000px;
	text-align: left;
}
.p-action-cont02_in .Inner{
	position: relative;
	padding-top: 96.875%; /* 1240 / 1280 * 100*/
}
.p-action-cont02_bg {
	position: absolute;
	width: 109.11290322580645%; /* 1353 / 1280 * 100 */
	top: 8.121019108280255%; /* 102 / 1256 * 100*/
	left: -3.046875%; /* 39 / 1280 * 100 */
	z-index: 0;
}
.p-action-cont02_h{
	position: absolute;
	width: 93.828125%; /* 1201 / 1280 * 100 */
	top: 7.802547770700636%; /* 98 / 1256 * 100*/
	left: 0;
	right: 0;
	margin: 0 auto;
}
.p-action-cont02-element01_img01 {
	position: absolute;
	top: 17.117834394904456%; /* 215 / 1256 * 100*/
	left: 4.6875%; /* 60 / 1280 * 100 */
	width: 60.78125%; /* 778 / 1280 * 100 */
}
.p-action-cont02-element01_lead {
	position: absolute;
	top: 27.46815286624204%; /* 345 / 1256 * 100*/
	right: 10.15625%; /* 130 / 1280 * 100 */
	width: 21.875%; /* 280 / 1280 * 100 */
}
.p-action-cont02-element02 {
  margin-bottom: 5%;
}
.p-action-cont02-element02_bg {
	position: absolute;
	width: 88.046875%; /* 1127 / 1280 * 100 */
	top: 50.55732484076433%; /* 635 / 1256 * 100*/
	left: 7.421875%; /* 95 / 1280 * 100 */
	z-index: 0;
}
.p-action-cont02-element02-box_img01 {
	position: absolute;
	width: 37.265625%; /* 477 / 1280 * 100 */
	top: 57.64331210191082%; /* 724 / 1256 * 100*/
	left: 11.484375%; /* 147 / 1280 * 100 */
}
.p-action-cont02-element02-box_img02 {
	position: absolute;
	width: 36.953125%; /* 473 / 1280 * 100 */
	top: 57.64331210191082%; /* 724 / 1256 * 100*/
	right: 12.109375%; /* 155 / 1280 * 100 */
}