@-webkit-keyframes blinkImage {
	0% 		{ opacity: 0; }
	30% 	{ opacity: 1; }
	70% 	{ opacity: 1; }
	100% 	{ opacity: 0; }
}
@-moz-keyframes blinkImage {
	0% 		{ opacity: 0; }
	30% 	{ opacity: 1; }
	70% 	{ opacity: 1; }
	100% 	{ opacity: 0; }
}
@keyframes blinkImage {
	0% 		{ opacity: 0; }
	30% 	{ opacity: 1; }
	70% 	{ opacity: 1; }
	100% 	{ opacity: 0; }
}


/** -------------------------------
 * mainview
 */

#mainview {
	background-color: #000;
}

#mainview > .wrap {
	position: relative;
	width: 100%;
}

#mainview .swiper-container {

}

#mainview .swiper-wrapper {

}

#mainview .swiper-slide {
	position: relative;
	padding-top: 52%;
}

#mainview .bg {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

#mainview .swiper-slide > .wrap {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}

#mainview .inner {
	position: relative;
	width: 100%;
    /*max-width: 1280px;*/
	height: 100%;
    /*margin: 0 auto;*/
}

#mainview .inner .copy {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	display: block;
}

#mainview .inner .copy span {
	display: block;
	height: 100%;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

/* item01 */

#mainview .item01 {

}

#mainview .item01 .bg01 {
	background-image: url(../i_IMAGES/PC/mainview01_img01.jpg);
	transition: 1.0s ease-in;
	-o-transition: 1.0s ease-in;
	-moz-transition: 1.0s ease-in;
	-webkit-transition: 1.0s ease-in;
	opacity: 0;
}

/*#mainview .item01 .bg02 {
	background-image: url(../i_IMAGES/PC/mainview01_img02.jpg);
	transition: 1.5s ease-in 1.5s;
	-o-transition: 1.5s ease-in 1.5s;
	-moz-transition: 1.5s ease-in 1.5s;
	-webkit-transition: 1.5s ease-in 1.5s;
	opacity: 0;
}*/

#mainview .item01.show .bg01, #mainview .item01.show .bg02 {
	opacity: 1;
}

#mainview .item01 .inner {

}


/* copy */
#mainview .item01 .inner .copy {
	transition: 1.0s ease-in 3.15s;
	-o-transition: 1.0s ease-in 3.15s;
	-moz-transition: 1.0s ease-in 3.15s;
	-webkit-transition: 1.0s ease-in 3.15s;
	opacity: 0;
}

#mainview .item01.show .inner .copy {
	opacity: 1;
}

#mainview .item01 .inner .copy span {
	/*background-image: url(../i_IMAGES/PC/mainview01_copy01.png);*/
}

/* aside */
#mainview .aside {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}

#mainview .aside > .wrap {
	position: relative;
	max-width: 1280px;
	height: 100%;
	margin: 0 auto;
	transition: 1.0s ease-in 3.15s;
	-o-transition: 1.0s ease-in 3.15s;
	-moz-transition: 1.0s ease-in 3.15s;
	-webkit-transition: 1.0s ease-in 3.15s;
	opacity: 0;
}

#mainview .item01.show .aside > .wrap {
	opacity: 1;
}

#mainview .aside .content {
	position: absolute;
	/*right: 12.3%; /* 6.3%*!/*/
	right: calc(190/1280 * 100%);
	bottom: 1%; /* 5% */
	z-index: 2;
	display: table;
	transition: 1.0s ease-in;
	-o-transition: 1.0s ease-in;
	-moz-transition: 1.0s ease-in;
	-webkit-transition: 1.0s ease-in;
}

#mainview .aside .price {
	display: table-cell;
	padding-right: 10px;
	vertical-align: bottom;
}

#mainview .aside .price dl {
	white-space: nowrap;
}

#mainview .aside .price dt {
	font-size: 1.2em;
	color: #fff;
	line-height: 1.1;
}

#mainview .aside .price dd {
	padding-top: 3px;
	font-size: 3.6em;
	font-weight: bold;
	color: #fff;
	line-height: 1.1;
}

#mainview .aside .price em {
	padding-left: 2%;
	font-size: 0.6em;
	vertical-align: middle;
}

#mainview .aside .button {
	display: table-cell;
	padding-left: 10px;
	vertical-align: bottom;
}

#mainview .aside .button.quotation a {
	position: relative;
	display: table;
	height: 34px;
	background-color: rgba(0,0,0,0.4);
	border: 1px solid #555;
}

#mainview .aside .button.carSearch a {
	position: relative;
	display: table;
	height: 34px;
	background-color: #c3002f;
	border: 1px solid #c3002f;
}

#mainview .aside .button a:before {
	content: '';
	position: absolute;
	left: 5px;
	top: 50%;
	display: block;
	width: 32px;
	height: 32px;
	margin-top: -16px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

#mainview .aside .button.carSearch a:before {
	background-image: url(../i_IMAGES/icon_carSearch02.png);
}

#mainview .aside .button.quotation a:before {
	background-image: url(../i_IMAGES/icon_quotation.png);
}

#mainview .aside .button span {
	display: table-cell;
	padding-left: 40px;
	padding-right: 15px;
	font-size: 1.3em;
	color: #fff;
	line-height: 1.1;
	white-space: nowrap;
	vertical-align: middle;
}

#mainview .aside .button.quotation:hover span {
	color: #c3002c;
}

#mainview .aside .button.carSearch:hover a {
	background-color: #a60028;
}


/* item02 */
#mainview .item02 {

}

#mainview .item02 .bg01 {
	background-image: url(../i_IMAGES/PC/mainview02_img01.jpg);
}

#mainview .item02 .bg02 {
	background-image: url(../i_IMAGES/PC/mainview02_img01.jpg);
	/*    background-image: url(../i_IMAGES/PC/mainview02_img02.jpg);
	    -webkit-animation: blinkImage 2.5s infinite linear alternate;
	    -moz-animation: blinkImage 2.5s infinite linear alternate;
	    animation: blinkImage 2.5s infinite linear alternate;
	*/
}

#mainview .item02 .inner {

}

 /* copy */
#mainview .item02 .inner .copy {
	/*transition: 1.0s ease-in;
    -o-transition: 1.0s ease-in;
    -moz-transition: 1.0s ease-in;
    -webkit-transition: 1.0s ease-in;
    opacity: 0;*/
}

#mainview .item02.show .inner .copy {
	opacity: 1;
}

#mainview .item02 .inner .copy span {
	/*background-image: url(../i_IMAGES/PC/mainview02_copy01.png);*/
}

#mainview .item02 .btn {
	position: absolute;
	left: 5.66%;
	top: 0;
	margin-top: 18.72%;/*15.33%*/
    /*margin-top: 40%;*/
}

#mainview .item02 .btn a {
	position: relative;
	display: table;
	height: 38px;
	background-color: #c3002f;
	color: #fff;
}

#mainview .item02 .btn a:after {
	content: '';
	position: absolute;
	right: 14px;
	top: 0;
	bottom: 0;
	display: block;
	width: 10px;
	background-image: url(../i_IMAGES/swiper_next_white.png);
	background-repeat: no-repeat;
	background-position: right;
	background-size: auto 10px;
}

#mainview .item02 .btn a span {
	display: table-cell;
	padding-left: 14px;
	padding-right: 36px;
	font-size: 1.5em;
	white-space: nowrap;
	vertical-align: middle;
}

#mainview .item02 .btn a:hover {
	background-color: #900025;
	color: #fff;
}

#mainview .item02 .btn a:hover:after {
	background-image: url(../i_IMAGES/swiper_next_white.png);
}





/* swiper ctrl */
#mainview .swiper-button-prev {
	left: 0;
	display: block;
	width: 38px;
	height: 200px;
	margin-top: -100px;
	background-color: rgba(238,238,238,.85);
	background-image: url(../i_IMAGES/swiper_prev_gray.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 18px auto;
}

#mainview .swiper-button-prev:hover {
	background-color: #c3002f;
	background-image: url(../i_IMAGES/swiper_prev_white.png);
}

#mainview .swiper-button-prev.swiper-button-disabled {
	display: none;
}

#mainview .swiper-button-prev.none {
	display: none;
}

#mainview .swiper-button-next {
	right: 0;
	display: block;
	width: 38px;
	height: 200px;
	margin-top: -100px;
	background-color: rgba(238,238,238,.85);
	background-image: url(../i_IMAGES/swiper_next_gray.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 18px auto;
}

#mainview .swiper-button-next:hover {
	background-color: #c3002f;
	background-image: url(../i_IMAGES/swiper_next_white.png);
}

#mainview .swiper-button-next.swiper-button-disabled {
	display: none;
}

#mainview .swiper-button-next.none {
	display: none;
}

#mainview .swiper-pagination {
	clear: both;
	left: 0;
	bottom: 0;
	width: 100%;
	margin-bottom: -125px;
	padding-right: 15px;
	text-align: center;
}

#mainview .swiper-pagination.none {
	display: none;
}

#mainview .swiper-pagination-bullet {
	position: relative;
	width: 170px;
	height: 96px;
	margin-left: 15px;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	opacity: 1;
}

#mainview .swiper-pagination-bullet:nth-child(1) {
	background-image: url(../i_IMAGES/mainview_thumb01.jpg);
}

#mainview .swiper-pagination-bullet:nth-child(2) {
	background-image: url(../i_IMAGES/mainview_thumb03.jpg);
}

#mainview .swiper-pagination-bullet:nth-child(3) {
	background-image: url(../i_IMAGES/mainview_thumb02.jpg);
}

#mainview .swiper-pagination-bullet-active {

}

#mainview .swiper-pagination-bullet-active:after {
	content: '';
	position: absolute;
	left: -4px;
	top: -4px;
	right: -4px;
	bottom: -4px;
	display: block;
	background-color: rgba(255,255,255,0.5);
	border: 1px solid #c3002c;
}


/* tablet */
@media screen and (min-width: 581px) and (max-width: 1279px) {
	/* aside */

	#mainview .aside .price {
		padding-right: 0.78125vw;
	}

	#mainview .aside .price dd {
		padding-top: 0.234375vw;
	}

	#mainview .aside .button {
		padding-left: 0.78125vw;
	}

	#mainview .aside .button a {
		height: 2.65625vw;
	}

	#mainview .aside .button a:before {
		left: 0.390625vw;
		width: 2.5vw;
		height: 2.5vw;
		margin-top: -1.25vw;
	}

	#mainview .aside .button span {
		padding-left: 3.125vw;
		padding-right: 1.171875vw;
	}

	/* swiper ctrl */
	#mainview .swiper-button-prev {
		width: 2.8vw;
		height: 15vw;
		margin-top: -7.5vw;
		background-size: 1.5vw auto;
	}

	#mainview .swiper-button-next {
		width: 2.8vw;
		height: 15vw;
		margin-top: -7.5vw;
		background-size: 1.5vw auto;
	}
}





/** -------------------------------
 * large-banner
 */

.large-banner {
	max-width: 1280px;
	margin: 5% auto 0;
	padding: 0 3.667%;
	/*margin-top: 180px;*/
}

.large-banner .wrap {
	padding: 0 2.864%;
	position: relative;
	overflow: hidden;
}

.large-banner .banner {
	width: calc(50% - 15px);
	float: left;
}

.large-banner .banner:first-child {
	margin-right: 30px;
}

.large-banner .banner img {
	width: 100%;
}




/** -------------------------------
 * section | gradeRanking
 */

.section#gradeRanking {

}

.section#gradeRanking > .wrap {
	padding-bottom: 3.281%;
}

.section#gradeRanking .content {
	margin-top: 2.4%;
}

.section#gradeRanking .content > .wrap {
	position: relative;
}

.section#gradeRanking .swiper-container {

}

.section#gradeRanking .swiper-wrapper {

}

.section#gradeRanking .swiper-slide {
	display: block;
	width: 31.624%;
	margin-left: 2.564%;
	float: left;
}

.section#gradeRanking .swiper-slide:first-child {
	margin-left: 0;
}

.section#gradeRanking .content .item {
	position: relative;
	display: block;
	width: 100%;
	padding-top: 35.135%;
	color: #000;
}

.section#gradeRanking .content .item .image {
	position: absolute;
	left: 0;
	top: 30px;
	right: 0;
	bottom: 0;
	display: block;
	background-repeat: no-repeat;
	background-position: left;
	background-size: contain;
}

.section#gradeRanking .content .item01 .image {
	background-image: url(../i_IMAGES/PC/gradeRanking_img01.jpg);
}

.section#gradeRanking .content .item02 .image {
	background-image: url(../i_IMAGES/PC/gradeRanking_img02.jpg);
}

.section#gradeRanking .content .item03 .image {
	background-image: url(../i_IMAGES/PC/gradeRanking_img03.jpg);
}

.section#gradeRanking .content .item .num {
	position: absolute;
	left: 0;
	top: 0;
	display: table;
	width: 30px;
	height: 30px;
	background-color: #fff;
	border: 1px solid #b4b4b4;
}

.section#gradeRanking .content .item .num em {
	display: table-cell;
	font-size: 1.6em;
	font-style: normal;
	font-weight: bold;
	color: #666;
	line-height: 1.1;
	text-align: center;
	vertical-align: middle;
}

.section#gradeRanking .content .item dl {
	position: absolute;
	left: 50%;
	top: 6%;
}

.section#gradeRanking .content .item:hover {
	color: #000;/*#c3002f*/
}

.section#gradeRanking .content .item dt {
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.5;
}

.section#gradeRanking .content .item dd {
	margin-top: 4%;
	font-size: 1.3em;
	line-height: 1.5;
}

.section#gradeRanking .content .item dd b {
	font-weight: bold;
}

.section#gradeRanking .content .simulation {
	position: relative;
	display: block;
    /*width: 57.837%;*/
	width: 33%;
	margin: 0 auto;
	margin-top: 2.7%;
	padding-right: 3%;
	background-color: #eee;
	color: #000;
}

.section#gradeRanking .content .simulation span {
	display: block;
	padding: 8% 10%;
	background-image: url(../i_IMAGES/arrow_red.png);
	background-repeat: no-repeat;
	background-position: right;
	background-size: auto 10px;
	font-size: 1.3em;
	white-space: nowrap;
}

.section#gradeRanking .content .simulation:hover span {
	color: #c3002c;
}

.section#gradeRanking .swiper-button-prev {
	display: none;
}

.section#gradeRanking .swiper-button-next {
	display: none;
}

.section#gradeRanking .link {
	clear: both;
	margin-top: 2.734%;
}

.section#gradeRanking .link ul {
	display: table;
	margin: 0 auto;
}

.section#gradeRanking .link li {
	display: table-cell;
	padding: 0 2.8%;
}

.section#gradeRanking .link li:first-child {
	/*width: 110px;*/
    /* 試乗車・展示車検索クローズ：164px */
	width: 164px;
    /*border-right: 1px solid #c1c1c1;*/
}

.section#gradeRanking .link li:last-child {
	width: 136px;
}

.section#gradeRanking .link a {
	display: block;
	padding: 2% 0;
}

.section#gradeRanking .link span {
	display: block;
    /*padding-right: 20px;*/
	background-image: url(../i_IMAGES/arrow_red.png);
	background-repeat: no-repeat;
	background-position: right;
	background-size: auto 13px;
	font-size: 1.4em;
	color: #333;
	line-height: 1.1;
	white-space: nowrap;
}

.section#gradeRanking .link a:hover span {
	color: #c3002c;
}
/* tablet */

@media screen and (min-width: 581px) and (max-width: 1279px) {
	.section#gradeRanking .content .item .image {
		top: 2.3437vw;
	}

	.section#gradeRanking .content .item .num {
		width: 2.3437vw;
		height: 2.3437vw;
	}

	.section#gradeRanking .content .simulation span {
		background-size: auto 0.78125vw;
	}

	.section#gradeRanking .link li:first-child {
		/*width: 8.8125vw;*/
        /* 試乗車・展示車検索クローズ：12.8125vw */
		width: 12.8125vw;
	}

	.section#gradeRanking .link li:last-child {
		width: 10.625vw;
	}

	.section#gradeRanking .link span {
		padding-right: 1.5625vw;
		background-size: auto 1.0156vw;
	}
}





.section-wide {
	clear: both;
	position: relative;
	margin-top: 10%;
}

.section-wide .wrap {
	position: relative;
	/*overflow: hidden;*/
}



/** -------------------------------
 * NIM
 */

#NIM .logo {
	padding-top: calc(469/1500 * 100%);
	background-image: url(../i_IMAGES/PC/nim_banner.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

/* @group #NIM_INTRO */

/** -------------------------------
 * NIM_INTRO
 */

#NIM_INTRO.section-wide {
	margin-top: 3.2%;
}

#NIM_INTRO .wrap {
	width: 100%;
	padding-top: calc(640/1500 * 100%);
}

#NIM_INTRO .image {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
}

#NIM_INTRO .bg 		{ background-image: url(../i_IMAGES/PC/nim_intro_01.jpg); }
#NIM_INTRO .copy 	{ background-image: url(../i_IMAGES/PC/nim_intro_02.png); opacity: 0; }

/*#NIM_INTRO .bg.start {
	animation: nim_intro_1 5.5s cubic-bezier(0, 0.54, 0.28, 1) 0s;
	animation-fill-mode: both;
}*/

#NIM_INTRO .copy.start {
	animation: nim_intro_2 4s cubic-bezier(0, 0.54, 0.28, 1) 1.0s;
	animation-fill-mode: both;
}

@keyframes nim_intro_1 {
	0% {
		opacity: 1;
	}

	100% {
		opacity: .2;
	}
}

@keyframes nim_intro_2 {
	0% {
		opacity: 0;
		transform: translateY(3%) translateZ(0);
	}

	45% {
		transform: translateY(0) translateZ(0);
	}

	100% {
		opacity: 1;
		transform: translateY(0) translateZ(0);
	}
}

/* @end #NIM_INTRO */




/* @group #FUNCTION_PANEL */

/** -------------------------------
 * FUNCTION_PANEL
 */

.function-panel .wrap {
	padding-top: calc(105/1500 * 100%);
}

.function-panel .images {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	padding-top: calc(630/1500 * 100%);
	z-index: 5;
}

.function-panel .images .image,
.function-panel .images .inner_image {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transform-origin: center;
}
.function-panel .images .image:first-child,
.function-panel .images .s-1 .inner_image:first-child { opacity: 1; }

.function-panel .content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	overflow: hidden;
}

.function-panel .content .header .label {
	/* width: 100%; */
	margin-left: calc(74/1500 * 100%);
	padding-top: calc(46/1500 * 100%);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: contain;
	opacity: 0;
}

.function-panel .content .header .copy {
	/* width: 100%; */
	margin-left: calc(74/1500 * 100%);
	margin-top: calc(22/1500 * 100%);
	padding-top: calc(54/1500 * 100%);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: contain;
	opacity: 0;
}

/*.function-panel .content .link {
	position: absolute;
	right: calc(53/1500 * 100%);
	bottom: calc(42/735 * 100%);
	width: calc(218/1500 * 100%);
	padding-top: calc(58/1500 * 100%);
	opacity: 0;
}

.function-panel .content .link .btn {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	padding-top: calc(34/450 * 100%);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: contain;
	transition: opacity 0.6s ease-out 0s;
}*/

.function-panel .content .link {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding-top: calc(630/1500 * 100%);
	opacity: 0;
}

.function-panel .content .link .btn {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	background-repeat: no-repeat;
	background-position: left top;
	background-size: contain;
	transition: opacity 0.6s ease-out 0s;
}

.function-panel .content .link .btn::after {
	content: '';
	display: block;
	width: calc(366/1500 * 100%);
	padding-top: calc(52/1500 * 100%);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: contain;
	position: absolute;
	right: calc(53/1500 * 100%);
	bottom: calc(42/735 * 100%);
}

.function-panel .content .link .btn:hover {
	opacity: 0.7;
}

.function-panel .content.start .header .label {
	animation: function_panel_content 1.2s cubic-bezier(0.31, 0.76, 0.56, 1) 0s;
	animation-fill-mode: both;
}

.function-panel .content.start .header .copy {
	animation: function_panel_content 1.2s cubic-bezier(0.31, 0.76, 0.56, 1) 0.3s;
	animation-fill-mode: both;
}

.function-panel .content.start .link {
	opacity: 1;
}

.function-panel .content.start .link .btn::after {
	animation: function_panel_content 1s cubic-bezier(0, 0.54, 0.28, 1) 2s;
	animation-fill-mode: both;
}




.function-panel .note {
	margin-top: 1.4em;
	font-size: 1.2em;
	margin-left: calc(74/1500 * 100%);
	/*position: absolute;
	bottom: -2.5em;*/
}



.function-panel .numbers {
	position: absolute;
	top: 25%;
	left: 25%;
}

.function-panel .numbers,
.function-panel .numbers .number-digits {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	line-height: 1;
}

.function-panel .numbers .number-digits {
	opacity: 0;
}

.function-panel .numbers .number {
	font-size: 5em;
	font-family: Nissan-Global, sans-serif;
	font-weight: 300;
	height: .85em;
	overflow: hidden;
	color: #023466;
}

.function-panel .numbers .number + .number {
	margin-left: 0.05em;
}

.function-panel .numbers .number .number-inner {
	display: block;
	margin-top: -0.15em;
}

.function-panel .numbers .number-unit .label.s {
	font-size: 40%;
}



/* @group #FUNCTION_PANEL_1 */
#FUNCTION_PANEL_1 .images 	.image_1 	{ background-image: url(../i_IMAGES/PC/function_panel_1_img_01.jpg); }
#FUNCTION_PANEL_1 .images 	.image_2 	{ background-image: url(../i_IMAGES/PC/function_panel_1_img_02.jpg); }
#FUNCTION_PANEL_1 .header 	.label 		{ background-image: url(../i_IMAGES/PC/function_panel_1_label.png); }
#FUNCTION_PANEL_1 .header 	.copy 		{ background-image: url(../i_IMAGES/PC/function_panel_1_copy.png); }
#FUNCTION_PANEL_1 .link 	.btn::after	{ background-image: url(../i_IMAGES/PC/function_panel_1_link.png); }

#FUNCTION_PANEL_1 .images .image_2.start {
	animation: function_panel_simple_alpha 9s cubic-bezier(0, 0.54, 0.28, 1) 1s;
	animation-fill-mode: both;
}
/* @end #FUNCTION_PANEL_1 */



/* @group #FUNCTION_PANEL_2 */
#FUNCTION_PANEL_2 .images 	.image_1 	{ background-image: url(../i_IMAGES/PC/function_panel_2_img_01.jpg); }
#FUNCTION_PANEL_2 .images 	.image_2 	{ background-image: url(../i_IMAGES/PC/function_panel_2_img_02.jpg); }
#FUNCTION_PANEL_2 .images 	.image_3 	{ background-image: url(../i_IMAGES/PC/function_panel_2_img_03.jpg); }
#FUNCTION_PANEL_2 .header 	.label 		{ background-image: url(../i_IMAGES/PC/function_panel_2_label.png); }
#FUNCTION_PANEL_2 .header 	.copy 		{ background-image: url(../i_IMAGES/PC/function_panel_2_copy.png); }
#FUNCTION_PANEL_2 .link 	.btn::after	{ background-image: url(../i_IMAGES/PC/function_panel_2_link.png); }


#FUNCTION_PANEL_2 .images.start .image_2 {
	animation: function_panel_2_blink_1 4s linear 0s infinite;
	animation-fill-mode: both;
}

#FUNCTION_PANEL_2 .images.start .image_3 {
	animation: function_panel_2_blink_2 4s linear 0s infinite;
	animation-fill-mode: both;
}

@keyframes function_panel_2_blink_1 {
	0% { opacity: 0; }
	7% { opacity: 0.85; }
	10% { opacity: 1; }
	78% { opacity: 1; }
	85% { opacity: 0; }
	100% { opacity: 0; }
}

@keyframes function_panel_2_blink_2 {
	0% { opacity: 0; }
	9% { opacity: 0; }
	30% { opacity: 0.85; }
	40% { opacity: 1; }
	65% { opacity: 1; }
	83% { opacity: 0; }
	100% { opacity: 0; }
}

/* @end #FUNCTION_PANEL_2 */


/* @group #FUNCTION_PANEL_3 */
#FUNCTION_PANEL_3 .images				{ overflow: hidden; }
#FUNCTION_PANEL_3 .images 	.image_1 	{ background-image: url(../i_IMAGES/PC/function_panel_3_img_01.jpg); transform: scale(2.3) translateZ(0); }
#FUNCTION_PANEL_3 .images 	.image_2 	{ background-image: url(../i_IMAGES/PC/function_panel_3_img_02.jpg); }
#FUNCTION_PANEL_3 .header 	.label 		{ background-image: url(../i_IMAGES/PC/function_panel_3_label.png); }
#FUNCTION_PANEL_3 .header 	.copy 		{ background-image: url(../i_IMAGES/PC/function_panel_3_copy.png); }
#FUNCTION_PANEL_3 .link 	.btn::after	{ background-image: url(../i_IMAGES/PC/function_panel_3_link.png); }

#FUNCTION_PANEL_3 .images.start .image_1 {
	animation: function_panel_3_zoom_out 1.8s cubic-bezier(0.41, 0.15, 0.14, 1) 0s;
	animation-fill-mode: both;
}

#FUNCTION_PANEL_3 .images.start .image_2 {
	animation: function_panel_simple_alpha 1.3s cubic-bezier(0, 0.54, 0.28, 1) 1.9s;
	animation-fill-mode: both;
}

@keyframes function_panel_3_zoom_out {
	0% {
		transform: scale(2.3) translateZ(0);
	}

	100% {
		transform: scale(1) translateZ(0);
	}
}

/* @end #FUNCTION_PANEL_3 */


/* @group #FUNCTION_PANEL_4 */
#FUNCTION_PANEL_4 .images 	.image_1 	{ background-image: url(../i_IMAGES/PC/function_panel_4_img_01.jpg); }
#FUNCTION_PANEL_4 .images 	.image_2 	{ background-image: url(../i_IMAGES/PC/function_panel_4_img_02.jpg); }
#FUNCTION_PANEL_4 .images 	.image_3 	{ background-image: url(../i_IMAGES/PC/function_panel_4_img_03.jpg); }
#FUNCTION_PANEL_4 .images 	.image_4 	{ background-image: url(../i_IMAGES/PC/function_panel_4_img_04.jpg); }
#FUNCTION_PANEL_4 .header 	.label 		{ background-image: url(../i_IMAGES/PC/function_panel_4_label.png); }
#FUNCTION_PANEL_4 .header 	.copy 		{ background-image: url(../i_IMAGES/PC/function_panel_4_copy.png); }
#FUNCTION_PANEL_4 .link 	.btn::after	{ background-image: url(../i_IMAGES/PC/function_panel_4_link.png); }

#FUNCTION_PANEL_4 .images .measure {
	width: calc(254/1500 * 100%);
	padding-top: calc(139/1500 * 100%);
	position: absolute;
	top: calc(426/630 * 100%);
	left: calc(800/1500 * 100%);
	transform: translateZ(0);
	background-image: url(../i_IMAGES/PC/function_panel_4_img_05.png);
	background-size: cover;
	background-position: center;
	overflow: hidden;
	opacity: 0;
}

#FUNCTION_PANEL_4 .images .measure .image_5 { background-image: url(../i_IMAGES/PC/function_panel_4_img_06.png); }
#FUNCTION_PANEL_4 .images .measure .image_6 { background-image: url(../i_IMAGES/PC/function_panel_4_img_07.png); }

#FUNCTION_PANEL_4 .images .numbers {
	top: calc(340/630 * 100%);
	left: calc(790/1500 * 100%);
}

#FUNCTION_PANEL_4 .images .numbers .number {
	font-size: 9.5em;
	font-weight: bold;
	color: #fff;
}


#FUNCTION_PANEL_4 .images.start .image_2 {
	animation: function_panel_simple_alpha 2s cubic-bezier(0, 0.54, 0.28, 1) 1.1s;
	animation-fill-mode: both;
}

#FUNCTION_PANEL_4 .images.start .image_3 {
	animation: function_panel_simple_alpha 2s cubic-bezier(0, 0.54, 0.28, 1) 2.5s;
	animation-fill-mode: both;
}

#FUNCTION_PANEL_4 .images.start .image_4 {
	animation: function_panel_simple_alpha 0.7s cubic-bezier(0, 0.54, 0.28, 1) 4.8s;
	animation-fill-mode: both;
}

#FUNCTION_PANEL_4 .images.start .measure {
	animation: function_panel_simple_alpha 0.4s linear .5s;
	animation-fill-mode: both;
}

#FUNCTION_PANEL_4 .images.start .measure .image_5 {
	animation: Panel_4_measure_1 2s cubic-bezier(0, 0.54, 0.28, 1) 1.5s;
	animation-fill-mode: both;
}

#FUNCTION_PANEL_4 .images.start .measure .image_6 {
	animation: Panel_4_measure_2 2s cubic-bezier(0, 0.54, 0.28, 1) 1.5s;
	animation-fill-mode: both;
}

#FUNCTION_PANEL_4 .images.start .numbers .number-digits {
	animation: function_panel_simple_alpha 2s ease-in-out 1s;
	animation-fill-mode: both;
}

#FUNCTION_PANEL_4 .images.start .numbers .number-digits .number:nth-child(1) .number-inner {
	animation: Panel_4_Number_1_1 1.4s cubic-bezier(0, 0.54, 0.28, 1) 1.5s;
	animation-fill-mode: both;
}

#FUNCTION_PANEL_4 .images.start .numbers .number-digits .number:nth-child(2) .number-inner {
	animation: Panel_4_Number_1_2 1.7s cubic-bezier(0, 0.54, 0.28, 1) 1.5s;
	animation-fill-mode: both;
}

#FUNCTION_PANEL_4 .images.start .numbers .number-digits .number:nth-child(3) .number-inner {
	animation: Panel_4_Number_1_3 2s cubic-bezier(0, 0.54, 0.28, 1) 1.5s;
	animation-fill-mode: both;
}


@keyframes Panel_4_measure_1 {
	0% {
		transform: translateX(100%) translateZ(0);
	}
	95% {
		opacity: 1;
		transform: translateX(0) translateZ(0);
	}
	100% {
		opacity: 0;
	}
}

@keyframes Panel_4_measure_2 {
	0% {
		opacity: 0;
	}
	90% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes Panel_4_Number_1_1 {
	0% 		{ transform: translateY(0) translateZ(0); }
	100% 	{
		transform: translateY(calc(-3.333% * 3)) translateZ(0);
		-ms-transform: translateY(-9.999%) translateZ(0);
	}
}

@keyframes Panel_4_Number_1_2 {
	0% 		{ transform: translateY(0); }
	100% 	{
		transform: translateY(calc(-3.333% * 12)) translateZ(0);
		-ms-transform: translateY(-39.996%) translateZ(0);
	}
}

@keyframes Panel_4_Number_1_3 {
	0% 		{ transform: translateY(0); }
	100% 	{
		transform: translateY(calc(-3.333% * 20)) translateZ(0);
		-ms-transform: translateY(-66.66%) translateZ(0);
	}
}

/* @end #FUNCTION_PANEL_4 */


/* @group #FUNCTION_PANEL_5 */
#FUNCTION_PANEL_5 .images				{ overflow: hidden; }
#FUNCTION_PANEL_5 .images 	.image_1 	{ background-image: url(../i_IMAGES/PC/function_panel_5_img_01.jpg); }
#FUNCTION_PANEL_5 .images 	.image_2 	{ background-image: url(../i_IMAGES/PC/function_panel_5_img_02.jpg); }
#FUNCTION_PANEL_5 .images 	.image_3 	{ background-image: url(../i_IMAGES/PC/function_panel_5_img_03.jpg); }
#FUNCTION_PANEL_5 .images 	.image_4 	{ background-image: url(../i_IMAGES/PC/function_panel_5_img_04.jpg); }
#FUNCTION_PANEL_5 .images 	.image_5 	{ background-image: url(../i_IMAGES/PC/function_panel_5_img_05.jpg); }
#FUNCTION_PANEL_5 .images 	.image_6 	{ background-image: url(../i_IMAGES/PC/function_panel_5_img_06.jpg); }
#FUNCTION_PANEL_5 .header 	.label 		{ background-image: url(../i_IMAGES/PC/function_panel_5_label.png); }
#FUNCTION_PANEL_5 .header 	.copy 		{ background-image: url(../i_IMAGES/PC/function_panel_5_copy.png); }
#FUNCTION_PANEL_5 .link 	.btn::after	{ background-image: url(../i_IMAGES/PC/function_panel_5_link.png); }

#FUNCTION_PANEL_5 .images .measure {
	width: calc(208/1500 * 100%);
	padding-top: calc(75/1500 * 100%);
	position: absolute;
	top: calc(276/630 * 100%);
	left: calc(714/1500 * 100%);
	transform: translateZ(0);
	background-image: url(../i_IMAGES/PC/function_panel_5_img_07.png);
	background-size: cover;
	background-position: center;
	overflow: hidden;
	opacity: 0;
}

#FUNCTION_PANEL_5 .images .measure .image_7 { background-image: url(../i_IMAGES/PC/function_panel_5_img_08.png); }
#FUNCTION_PANEL_5 .images .measure .image_8 { background-image: url(../i_IMAGES/PC/function_panel_5_img_09.png); }

#FUNCTION_PANEL_5 .images .numbers {
	top: calc(360/630 * 100%);
	left: calc(703/1500 * 100%);
}

#FUNCTION_PANEL_5 .images .numbers .number {
	font-size: 9.3em;
	font-weight: bold;
	color: #fff;
}


#FUNCTION_PANEL_5 .images.start .image_2 {
	animation: function_panel_blink 1.5s linear 0s;
	animation-fill-mode: both;
}

#FUNCTION_PANEL_5 .images.start .image_1 {
	transform-origin: 71.2% 67.5%;
	animation: function_panel_5_zoom_in 1.3s cubic-bezier(0, 0.54, 0.28, 1) 1.5s;
	animation-fill-mode: both;
}

#FUNCTION_PANEL_5 .images.start .image_3 {
	animation: function_panel_simple_alpha 0.3s cubic-bezier(0, 0.54, 0.28, 1) 2.5s;
	animation-fill-mode: both;
}

#FUNCTION_PANEL_5 .images.start .image_4 {
	animation: function_panel_simple_alpha 2s cubic-bezier(0, 0.54, 0.28, 1) 3.5s;
	animation-fill-mode: both;
}

#FUNCTION_PANEL_5 .images.start .image_5 {
	animation: function_panel_simple_alpha 2s cubic-bezier(0, 0.54, 0.28, 1) 3.5s;
	animation-fill-mode: both;
}

#FUNCTION_PANEL_5 .images.start .image_6 {
	animation: function_panel_simple_alpha 5s cubic-bezier(0, 0.54, 0.28, 1) 4s;
	animation-fill-mode: both;
}

#FUNCTION_PANEL_5 .images.start .measure {
	animation: function_panel_simple_alpha 0.4s linear 3.45s;
	animation-fill-mode: both;
}

#FUNCTION_PANEL_5 .images.start .measure .image_7 {
	animation: Panel_5_measure_1 2s cubic-bezier(0.2, 0.54, 0.51, 0.99) 3.45s;
	animation-fill-mode: both;
}

#FUNCTION_PANEL_5 .images.start .measure .image_8 {
	animation: Panel_5_measure_2 2s cubic-bezier(0.2, 0.54, 0.51, 0.99) 3.45s;
	animation-fill-mode: both;
}

#FUNCTION_PANEL_5 .images.start .numbers .number-digits {
	animation: function_panel_simple_alpha 2s cubic-bezier(0, 0.54, 0.28, 1) 3.5s;
	animation-fill-mode: both;
}

#FUNCTION_PANEL_5 .images.start .numbers .number-digits .number:nth-child(1) .number-inner {
	animation: Panel_5_Number_1_1 1.4s cubic-bezier(0, 0.54, 0.28, 1) 3.7s;
	animation-fill-mode: both;
}

#FUNCTION_PANEL_5 .images.start .numbers .number-digits .number:nth-child(2) .number-inner {
	animation: Panel_5_Number_1_2 1.7s cubic-bezier(0, 0.54, 0.28, 1) 3.7s;
	animation-fill-mode: both;
}

#FUNCTION_PANEL_5 .images.start .numbers .number-digits .number:nth-child(3) .number-inner {
	animation: Panel_5_Number_1_3 2s cubic-bezier(0, 0.54, 0.28, 1) 3.7s;
	animation-fill-mode: both;
}


@keyframes function_panel_5_zoom_in {
	0% {
		transform: scale(1) translateZ(0);
	}

	100% {
		transform: scale(1.56) translateZ(0);
	}
}

@keyframes Panel_5_measure_1 {
	0% {
		transform: translateX(-100%) translateZ(0);
	}
	95% {
		opacity: 1;
		transform: translateX(0) translateZ(0);
	}
	100% {
		opacity: 0;
	}
}

@keyframes Panel_5_measure_2 {
	0% {
		opacity: 0;
	}
	90% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes Panel_5_Number_1_1 {
	0% 		{ transform: translateY(0) translateZ(0); }
	100% 	{
		transform: translateY(calc(-3.333% * 6)) translateZ(0);
		-ms-transform: translateY(-19.998%) translateZ(0);
	}
}

@keyframes Panel_5_Number_1_2 {
	0% 		{ transform: translateY(0); }
	100% 	{
		transform: translateY(calc(-3.333% * 15)) translateZ(0);
		-ms-transform: translateY(-49.995%) translateZ(0);
	}
}

@keyframes Panel_5_Number_1_3 {
	0% 		{ transform: translateY(0); }
	100% 	{
		transform: translateY(calc(-3.333% * 20)) translateZ(0);
		-ms-transform: translateY(-66.66%) translateZ(0);
	}
}

/* @end #FUNCTION_PANEL_5 */


/* @group #FUNCTION_PANEL_6 */
#FUNCTION_PANEL_6 .images				{ overflow: hidden; }
#FUNCTION_PANEL_6 .images 	.image_1 	{ background-image: url(../i_IMAGES/PC/function_panel_6_img_01.jpg); }
#FUNCTION_PANEL_6 .images 	.image_2 	{ background-image: url(../i_IMAGES/PC/function_panel_6_img_02.jpg); }
#FUNCTION_PANEL_6 .images 	.image_3 	{ background-image: url(../i_IMAGES/PC/function_panel_6_img_03.jpg); }
#FUNCTION_PANEL_6 .images 	.image_4 	{ background-image: url(../i_IMAGES/PC/function_panel_6_img_04.jpg); opacity: 1; transform: translateX(110%); }
#FUNCTION_PANEL_6 .header 	.label 		{ background-image: url(../i_IMAGES/PC/function_panel_6_label.png); }
#FUNCTION_PANEL_6 .header 	.copy 		{ background-image: url(../i_IMAGES/PC/function_panel_6_copy.png); }
#FUNCTION_PANEL_6 .link 	.btn::after	{ background-image: url(../i_IMAGES/PC/function_panel_6_link.png); }

#FUNCTION_PANEL_6 .images .side-container {
	position: relative;
	width: 100%;
	height: 100%;
}

#FUNCTION_PANEL_6 .images.start .image_2 {
	animation: function_panel_simple_alpha 4s cubic-bezier(0, 0.54, 0.28, 1) 1s;
	animation-fill-mode: both;
}

#FUNCTION_PANEL_6 .images.start .image_3 {
	animation: function_panel_simple_alpha 6s cubic-bezier(0, 0.54, 0.28, 1) 2.5s;
	animation-fill-mode: both;
}

#FUNCTION_PANEL_6 .images.start .side-container {
	animation: function_panel_slide_content_1 0.75s cubic-bezier(0, 0.54, 0.28, 1) 7.5s;
	animation-fill-mode: both;
}

#FUNCTION_PANEL_6 .images.start .image_4 {
	animation: function_panel_slide_content_2 0.75s cubic-bezier(0, 0.54, 0.28, 1) 7.5s;
	animation-fill-mode: both;
}

/* @end #FUNCTION_PANEL_6 */


/* @group #FUNCTION_PANEL_7 */
#FUNCTION_PANEL_7 .images 	.image_1 	{ background-image: url(../i_IMAGES/PC/function_panel_7_img_01.jpg); }
#FUNCTION_PANEL_7 .header 	.label 		{ background-image: url(../i_IMAGES/PC/function_panel_7_label.png); }
#FUNCTION_PANEL_7 .header 	.copy 		{ background-image: url(../i_IMAGES/PC/function_panel_7_copy.png); }
#FUNCTION_PANEL_7 .link 	.btn::after	{ background-image: url(../i_IMAGES/PC/function_panel_7_link.png); }

#FUNCTION_PANEL_7 .overlay {
	width: calc(376/1500 * 100%);
	height: calc(294/630 * 100%);;
	position: absolute;
	top: calc(264/630 * 100%);
	left: calc(48/1500 * 100%);
	opacity: 0;
	background-color: rgba(255, 255, 255, 0.5);
}

#FUNCTION_PANEL_7 .overlay .image {
	width: 100%;
	padding-top: calc(162/376 * 100%);
	height: auto;
	top: calc(15/294 * 100%);
	background-size: contain;
}

#FUNCTION_PANEL_7 .overlay 	.image_1 	{ background-image: url(../i_IMAGES/PC/function_panel_7_img_02.png); }
#FUNCTION_PANEL_7 .overlay 	.image_2 	{ background-image: url(../i_IMAGES/PC/function_panel_7_img_03.png); }
#FUNCTION_PANEL_7 .overlay 	.image_3 	{ background-image: url(../i_IMAGES/PC/function_panel_7_img_04.png); }
#FUNCTION_PANEL_7 .overlay 	.image_4 	{ background-image: url(../i_IMAGES/PC/function_panel_7_img_05.png); }

#FUNCTION_PANEL_7 .overlay .angle {
	width: 50%;
	padding-top: calc(190/376 * 100%);
	display: inline-block;
	text-align: center;
}

#FUNCTION_PANEL_7 .overlay .angle p {
	font-size: 1.8em;
}

#FUNCTION_PANEL_7 .overlay .numbers {
	position: static;
	margin-top: 0.8em;
}

#FUNCTION_PANEL_7 .overlay .number-digits {
	opacity: 1;
	margin: 0 auto;
}

#FUNCTION_PANEL_7 .overlay .number-digits .number {
	font-size: 5.5em;
	color: #000;
}

#FUNCTION_PANEL_7 .overlay .numbers .number + .number {
	margin-left: 0.03em;
}

#FUNCTION_PANEL_7 .overlay .numbers .number + .number-unit {
	margin-left: 0.08em;
}

#FUNCTION_PANEL_7 .overlay.start {
	animation: function_panel_simple_alpha 2s cubic-bezier(0, 0.54, 0.28, 1) .5s;
	animation-fill-mode: both;
}

#FUNCTION_PANEL_7 .overlay.start .image_2 {
	animation: function_panel_simple_alpha 0.5s ease-in-out 1.2s;
	animation-fill-mode: both;
}

#FUNCTION_PANEL_7 .overlay.start .image_3 {
	animation: function_panel_simple_alpha 1s linear 2.4s;
	animation-fill-mode: both;
}

#FUNCTION_PANEL_7 .overlay.start .image_4 {
	animation: function_panel_simple_alpha 1s linear 3.3s;
	animation-fill-mode: both;
}

#FUNCTION_PANEL_7 .overlay.start .angle_1 .number-digits .number:nth-child(1) .number-inner {
	animation: Panel_7_Number_1_1 1.4s cubic-bezier(0, 0.54, 0.28, 1) 2.8s;
	animation-fill-mode: both;
}

#FUNCTION_PANEL_7 .overlay.start .angle_1 .number-digits .number:nth-child(2) .number-inner {
	animation: Panel_7_Number_1_2 1.7s cubic-bezier(0, 0.54, 0.28, 1) 2.8s;
	animation-fill-mode: both;
}

#FUNCTION_PANEL_7 .overlay.start .angle_1 .number-digits .number:nth-child(4) .number-inner {
	animation: Panel_7_Number_1_3 2s cubic-bezier(0, 0.54, 0.28, 1) 2.8s;
	animation-fill-mode: both;
}

#FUNCTION_PANEL_7 .overlay.start .angle_2 .number-digits .number:nth-child(1) .number-inner {
	animation: Panel_7_Number_2_1 2s cubic-bezier(0, 0.54, 0.28, 1) 2.8s;
	animation-fill-mode: both;
}

#FUNCTION_PANEL_7 .overlay.start .angle_2 .number-digits .number:nth-child(2) .number-inner {
	animation: Panel_7_Number_2_2 2s cubic-bezier(0, 0.54, 0.28, 1) 2.8s;
	animation-fill-mode: both;
}

#FUNCTION_PANEL_7 .overlay.start .angle_2 .number-digits .number:nth-child(4) .number-inner {
	animation: Panel_7_Number_2_3 2s cubic-bezier(0, 0.54, 0.28, 1) 2.8s;
	animation-fill-mode: both;
}


@keyframes Panel_7_Number_1_1 {
	0% 		{ transform: translateY(0) translateZ(0); }
	100% 	{
		transform: translateY(calc(-3.333% * 13)) translateZ(0);
		-ms-transform: translateY(-43.329%) translateZ(0);
	}
}

@keyframes Panel_7_Number_1_2 {
	0% 		{ transform: translateY(0); }
	100% 	{
		transform: translateY(calc(-3.333% * 20)) translateZ(0);
		-ms-transform: translateY(-66.66%) translateZ(0);
	}
}

@keyframes Panel_7_Number_1_3 {
	0% 		{ transform: translateY(0); }
	100% 	{
		transform: translateY(calc(-3.333% * 25)) translateZ(0);
		-ms-transform: translateY(-83.325%) translateZ(0);
	}
}

@keyframes Panel_7_Number_2_1 {
	0% 		{ transform: translateY(0) translateZ(0); }
	100% 	{
		transform: translateY(calc(-3.333% * 16)) translateZ(0);
		-ms-transform: translateY(-53.328%) translateZ(0);
	}
}

@keyframes Panel_7_Number_2_2 {
	0% 		{ transform: translateY(0); }
	100% 	{
		transform: translateY(calc(-3.333% * 26)) translateZ(0);
		-ms-transform: translateY(-86.658%) translateZ(0);
	}
}

@keyframes Panel_7_Number_2_3 {
	0% 		{ transform: translateY(0); }
	100% 	{
		transform: translateY(calc(-3.333% * 22)) translateZ(0);
		-ms-transform: translateY(-73.326%) translateZ(0);
	}
}

/* @end #FUNCTION_PANEL_7 */


/* @group #FUNCTION_PANEL_8 */
#FUNCTION_PANEL_8 .images 	.image_1 	{ background-image: url(../i_IMAGES/PC/function_panel_8_img_01.jpg); }
#FUNCTION_PANEL_8 .images 	.image_2 	{ background-image: url(../i_IMAGES/PC/function_panel_8_img_02.jpg); }
#FUNCTION_PANEL_8 .header 	.label 		{ background-image: url(../i_IMAGES/PC/function_panel_8_label.png); }
#FUNCTION_PANEL_8 .header 	.copy 		{ background-image: url(../i_IMAGES/PC/function_panel_8_copy.png); }
#FUNCTION_PANEL_8 .link 	.btn::after	{ background-image: url(../i_IMAGES/PC/function_panel_8_link.png); }

#FUNCTION_PANEL_8 .images.start .image_2 {
	animation: blinkImage 1.5s infinite linear alternate;
	animation-fill-mode: both;
}

/* @end #FUNCTION_PANEL_8 */


/* @group keyframes */

@keyframes function_panel_content {
	0% {
		opacity: 0;
		transform: translateX(5%);
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

@keyframes function_panel_simple_alpha {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes function_panel_blink {
	0% {
		opacity: 0;
	}

	35% {
		opacity: 1;
	}

	85% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@keyframes function_panel_slide_content_1 {
	0% {
		transform: translateX(0) translateZ(0);
	}

	100% {
		transform: translateX(-110%) translateZ(0);
	}
}

@keyframes function_panel_slide_content_2 {
	0% {
		transform: translateX(110%) translateZ(0);
	}

	100% {
		transform: translateX(0) translateZ(0);
	}
}

@keyframes function_panel_measure {
	0% {
		opacity: 0;
		width: 5%;
	}

	30% {
		opacity: 1;
		width: 5%;
	}

	100% {
		opacity: 1;
		width: 100%;
	}
}

@keyframes function_panel_slide_up {
	0% {
		opacity: 0;
		transform: translateY(3%) translateZ(0);
	}

	85% {
		opacity: 1;
	}

	100% {
		opacity: 1;
		transform: translateY(0) translateZ(0);
	}
}

/* @end keyframes */


/* @end #FUNCTION_PANEL */





/* @group #SAPOCAR_S */

#SAPOCAR_S .inner {
	border: 2px solid #e0e0e0;
	padding: calc(34/1170 * 100%) calc(45/1170 * 100%);
	box-sizing: border-box;
}

#SAPOCAR_S .inner::after {
	display: block;
	clear: both;
	content: "";
}

#SAPOCAR_S .icon {
	width: calc(160/1076 * 100%);
	float: left;
	margin-right: calc(25/1076 * 100%);
}

#SAPOCAR_S .icon img {
	width: 100%;
}

#SAPOCAR_S .description {
	font-size: 1.6em;
}

#SAPOCAR_S .note {
	margin-top: 1.4em;
	font-size: 1.2em;
}

/* @end */