@charset "UTF-8";

/* ========================================
	content
======================================== */
.l-contents{
	width: 100%;
	background: url(../images/action/cont_bg.png) repeat-y top center;
	background-size:100% auto;
	padding-bottom: 7%;
	margin-bottom: -10%;
}

/* ========================================
	MV
======================================== */
.p-action-mv,
.p-action-mv_bg{
	position: relative;
	width: 100%;
}
.p-action-mv h1{
	position: absolute;
	width: 84.44444444444444%; /* 646 / 750 * 100 */
	top: 35.45359749739312%; /* 340 / 959 * 100 */
	right: 0;
}
.p-action-mv_lead{
	position: absolute;
	width: 70.26666666666667%; /* 527 / 750 * 100 */
	top: 73.93117831074035%; /* 709 / 959 * 100 */
	right: 5.333333333333334%; /* 40 / 750 * 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 1000ms,
		-webkit-transform 1000ms,
		transform 1000ms;
}
.item-x01{
	-webkit-animation: item-x01 5s infinite;
	animation: item-x01 5s ease-in-out infinite;
}
.item-x02{
	-webkit-animation: item-x02 5s infinite;
	animation: item-x02 5s ease-in-out infinite;
	-webkit-animation-delay:1s;
	animation-delay:1s;
}
@-webkit-keyframes item-x01 {
    0% {
			visibility: hidden;
			opacity: 0;
			-webkit-transform: translateX(15%);
			transform: translateX(15%);
    }
    50% {
			visibility: visible;
			opacity: 1;
			-webkit-transform: translateX(-10%);
			transform: translateX(-10%);
    }
	100% {
			visibility: hidden;
			opacity: 0;
			-webkit-transform: translateX(15%);
			transform: translateX(15%);
    }
}
@keyframes item-x01 {
	0% {
			visibility: hidden;
			opacity: 0;
			-webkit-transform: translateX(15%);
			transform: translateX(15%);
    }
    50% {
			visibility: visible;
			opacity: 1;
			-webkit-transform: translateX(-10%);
			transform: translateX(-10%);
    }
	100% {
			visibility: hidden;
			opacity: 0;
			-webkit-transform: translateX(15%);
			transform: translateX(15%);
    }
}
@-webkit-keyframes item-x02 {	
	0% {
			visibility: hidden;
			opacity: 0;
			-webkit-transform: translateX(-10%);
			transform: translateX(-10%);
    }
    50% {
			visibility: visible;
			opacity: 1;
			-webkit-transform: translateX(15%);
			transform: translateX(15%);
    }
	100% {
			visibility: hidden;
			opacity: 0;
			-webkit-transform: translateX(-10%);
			transform: translateX(-10%);
    }
}
@keyframes item-x02 {
   0% {
			visibility: hidden;
			opacity: 0;
			-webkit-transform: translateX(-10%);
			transform: translateX(-10%);
    }
    50% {
			visibility: visible;
			opacity: 1;
			-webkit-transform: translateX(15%);
			transform: translateX(15%);
    }
	100% {
			visibility: hidden;
			opacity: 0;
			-webkit-transform: translateX(-10%);
			transform: translateX(-10%);
    }
}


/* ========================================
	cont01
======================================== */
.p-action-cont01{
	position: relative;
	margin-top: -1%;
}
.p-action-cont01_h {
	position: absolute;
	top: 4.066210867218424%; /* 113 / 2779 * 100 */
	left: 0;
	right: 0;
	width: 71.46666666666667%; /* 536 / 750 * 100 */
	margin: 0 auto;
}
/* step */
.p-action-cont01-step_bg{
	position: absolute;
	width: 100%;
	top: 6.225260885210507%; /* 173 / 2779 * 100*/
	left: 0;
	z-index: 0;
}
.p-action-cont01_step01 {
	position: absolute;
	top: 8.852105073767543%; /* 246 / 2779 * 100 */
	left: 1.7333333333333332%; /* 13 / 750 * 100 */
	width: 94.93333333333334%; /* 712 / 750 * 100 */
	z-index: 10;
}
.p-action-cont01_step02 {
	position: absolute;
	top: 20.582943504857862%; /* 572 / 2779 * 100 */
	left: 0;
	width: 98%; /* 735 / 750 * 100 */
}
.p-action-cont01_step03 {
	position: absolute;
	top: 32.99748110831234%; /* 917 / 2779 * 100 */
	left: 1.7333333333333332%; /* 13 / 750 * 100 */
	width: 94.93333333333334%; /* 712/ 750 * 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: 20.546959337891327%; /* 571 / 2779 * 100 */
	left: 45.6%; /* 342 / 750 * 100 */
	width: 19.733333333333334%;/* 148 / 750 * 100 */
}
.p-action-cont01-movie {
	position: absolute;
	top: 46.34760705289673%; /* 1288 / 2779 * 100 */
	left: 9.733333333333333%; /* 73 / 750 * 100 */
	width: 81.2%; /* 609 / 750 * 100 */
}
.p-action-cont01-movie .mov_wrap{
	position: absolute;
	width: 90%;
	height: 0px;
	padding-bottom: 49.46666666666666%; /* 371 / 750 * 100 */
	z-index: 1;
	overflow: hidden;
	top: 8%;
	left: 4.5%;
}
.p-action-cont01-movie.p-action-yt .mov{
	position: absolute;
	top: -1%;
	left: 0;
	width: 100%;
	height: 102%;
	z-index: 1;
}
.p-action-cont01-movie.p-action-yt .movie_btn{
	position: absolute;
	top: 7.277628032345014%; /* 27 / 371 * 100 */
	left: 4.269293924466338%; /* 26 / 609 * 100 */
	width: 90.14778325123153%; /* 549 / 609 * 100 */
	height: 83.28840970350404%; /* 309 / 371 * 100 */
	overflow: hidden;
	z-index: 10;
}
.p-action-cont01_line {
	position: absolute;
	top: 60.34544800287873%; /* 1677 / 2779 * 100 */
	left: 2.666666666666667%; /* 20 / 750 * 100 */
	width: 95.19999999999999%;/* 714 / 750 * 100 */
}
/* light */
.p-action-cont01-light_bg{
	position: absolute;
	width: 100%;
	top: 59.841669665347254%; /* 1663 / 2779 * 100*/
	left: 0;
	z-index: 0;
}
.p-action-cont01-light_box {
	position: absolute;
	top: 63.044260525368834%; /* 1752 / 2779 * 100 */
	left: 6.4%; /* 48 / 750 * 100 */
	width: 87.2%; /* 654 / 750 * 100 */
}
.p-action-cont01-light_img02 {
	position: absolute;
	top: 52%;
	left: 0;
	width: 53.822629969418955%; /* 352 / 654 * 100 */
}
.p-action-cont01-light_thumb {
	position: absolute;
	top: 75.99856063332135%; /* 2112 / 2779 * 100 */
	left: 0;
	right: 0;
	width: 82.39999999999999%; /* 618 / 750 * 100 */
	margin: 0 auto;
}
.p-action-cont01-light_thumb .mov_wrap{
	position: absolute;
	width: 96.5%;
	height: 0;
	padding-bottom: 54.69255663430421%; /* 338 / 618 * 100 */
	z-index: 1;
	overflow: hidden;
	top: 2.6%;
	left: 2%;
}
.p-action-cont01-light_thumb.p-action-yt .mov{
	position: absolute;
	top: 0%;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.p-action-cont01-light_thumb.p-action-yt .movie_btn02{
	position: absolute;
	top: 2.528089887640449%; /* 9 / 356 * 100 */
	left: 1.4563106796116505%; /* 9 / 618 * 100 */
	width: 97.0873786407767%; /* 600 / 618 * 100 */
	overflow: hidden;
	z-index: 10;
}
.p-action-cont01-light_lead01 {
	position: absolute;
	top: 89.8524649154372%; /* 2497 / 2779 * 100 */
	left: 0;
	right: 0;
	width: 85.33333333333334%; /* 640 / 750 * 100 */
	margin: 0 auto;
}

/* ========================================
	cont02
======================================== */
.p-action-cont02{
	position: relative;
	margin-top: -1.5%;
}
.p-action-cont02_h{
	position: absolute;
	width: 58.4%; /* 438 / 750 * 100 */
	top: 5.411764705882352%; /* 115 / 2125 * 100*/
	left: 0;
	right: 0;
	margin: 0 auto;
}
.p-action-cont02-element01_bg {
	position: absolute;
	top: 9.741176470588234%; /* 207 / 2125 * 100*/
	left: 0;
	width: 100%;
}
.p-action-cont02-element01_img01 {
	position: absolute;
	top: 16.28235294117647%; /* 346 / 2125 * 100*/
	left: 0;
	width: 92.93333333333334%; /* 697 / 750 * 100 */
}
.p-action-cont02-element01_lead {
	position: absolute;
	top: 40%; /* 850 / 2125 * 100*/
	left: 0;
	right: 0;
	width: 62.53333333333333%; /* 469 / 750 * 100 */
	margin: 0 auto;
}
.p-action-cont02-element02_bg {
	position: absolute;
	width: 91.33333333333333%; /* 685 / 750 * 100 */
	top: 50.4%; /* 1071 / 2125 * 100*/
	left: 4.266666666666667%; /* 32 / 750 * 100 */
	z-index: 0;
}
.p-action-cont02-element02-box_img01 {
	position: absolute;
	width: 67.60000000000001%; /* 507 / 750 * 100 */
	top: 53.88235294117647%; /* 1145 / 2125 * 100*/
	left: 10.666666666666668%; /* 80 / 750 * 100 */
}
.p-action-cont02-element02-box_img02 {
	position: absolute;
	width: 66.66666666666666%; /* 500 / 750 * 100 */
	top: 73.45882352941176%; /* 1561 / 2125 * 100*/
	right: 12.533333333333333%; /* 94 / 750 * 100 */
}