@charset "utf-8";

/*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */

html {
  font-family:"微软雅黑"; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

body {
  margin: 0;
}
a{ text-decoration:none;}

/* HTML5 display definitions
   ========================================================================== */

article,
aside,
details, /* 1 */
figcaption,
figure,
footer,
header,
main, /* 2 */
menu,
nav,
section,
summary { /* 1 */
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

progress {
  vertical-align: baseline;
}

template, /* 1 */
[hidden] {
  display: none;
}

/* Links
   ========================================================================== */

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline-width: 0;
}

/* Text-level semantics
   ========================================================================== */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

b,
strong {
  font-weight: inherit;
}
b,
strong {
  font-weight: bolder;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background-color: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

img {
  border-style: none; border:none; padding:0px; margin:0px; display:block;
}

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

code,
kbd,
pre,
samp {
  font-family:"微软雅黑"; /* 1 */
  font-size: 1em; /* 2 */
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/* Forms
   ========================================================================== */

button,
input,
select,
textarea {
  font: inherit;
}

optgroup {
  font-weight: bold;
}

button,
input, /* 1 */
select { /* 2 */
  overflow: visible;
}

button,
input,
select,
textarea { /* 1 */
  margin: 0;
}

button,
select { /* 1 */
  text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  cursor: pointer;
}

[disabled] {
  cursor: default;
}

button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* 2 */
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

button:-moz-focusring,
input:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

textarea {
  overflow: auto;
}

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*! normalize.css END */


html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  background:transparent;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
  display:block;
}

blockquote, q {
  quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content:'';
  content:none;
}

table {
  border-collapse:collapse;
  border-spacing:0;
}

*,*::before,*::after {
  box-sizing: border-box;
}


html {
	font-size: 62.5%;
	line-height: 1.333333;
}

body {
	font-family:"微软雅黑";
	font-size: 1.8rem;
	color: #333;
}

a {
	color: #333;
}

img {
	vertical-align: top;
}

sup {
	font-size: 0.5em;
}

.launch-screen {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 200;
	animation: fadeOutScreen 1.5s cubic-bezier(0.165, 0.84, 0.44, 1) 7s forwards;
}
@keyframes fadeOutScreen {
	0% {
		opacity: 1;
		z-index: 1000;
	}
	100% {
		opacity: 0;
		z-index: -1;
	}
}
.svg-wrapper {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 300px;
	height: 240px;
	margin: auto;
}
.svg-wrapper {
}
.svg-wrapper #sample2 {
	animation: fadeOutLogo 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 3s forwards,
		scaleOutLogo 3s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}
.svg-wrapper:before {
	display: block;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	background: url(/assets/svg/logo.svg) no-repeat center center;
	animation: fadeInLogo 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 3s forwards,
		scaleOutLogo 3s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}
@keyframes fadeInLogo {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes fadeOutLogo {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
@keyframes scaleOutLogo {
	0% {
		transform: scale(1);
	}
	100% {
		transform: scale(0.8);
	}
}
#sample {
	width: 200px;
	margin: 0 auto;
}
.console {
	position: fixed;
	padding: 5px 10px;
	background: rgba(0,0,0,0.65);
	color: #eee;
	font-size: 12px;
	left: 0;
	bottom: 0;
	z-index: 1000;
}

@keyframes slidein {
	from {
		margin-left: 100%;
		width: 300%
	}
	
	to {
		margin-left: 0%;
		width: 100%;
	}
}


.page {
	min-width: 1000px;
	overflow: hidden;
}

.global-header {
	position: fixed;
	width: 100%;
	min-width: 1000px;
	top: 0;
	z-index: 102;
	transition: 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.global-header__inner {
	position: relative;
	max-width: 1300px;
	margin-left: auto;
	margin-right: auto;
}
.global-header:before {
	content: '';
	position: absolute;
	display: block;
	width: 100%;
	height: 0;
	border-top: 0 solid rgba(255,255,255,0.95);
	border-bottom: 0 solid rgba(0,0,0,0.15);
	transition: 0.3s;
	z-index: -1;
}
.state_fixed .global-header:before {
	border-top:60px solid rgba(255,255,255,0.95);
	border-bottom: 1px solid rgba(0,0,0,0.15);
}
.state_fixed .global-header {
	height:61px;
}
.global-header:after {
	content: '';
	display: block;
	clear: both;
}

.global-header__logo {
	position: absolute;
	top: 13px;
	left: 10px;
	width:131px;
	transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.global-header__logo:hover {
	opacity: 0.6;
}
@media (max-width: 1200px) {
	.global-header__logo {
		top: 21px;
		left: 0;
		width: 60px;
	}
}
.global-header__logo img {
	max-width: 100%;
	height: auto;
}
.state_fixed .global-header__logo {
	top: 6px;
	left: 10px;
	width: 100px;
}

.global-header__buttons {
	position: absolute;
	top: 28px;
	right: 20px;
	transition: 0.3s;
}
@media (max-width: 1200px) {
	.global-header__buttons {
		right: 0;
	}
}
.state_fixed .global-header__buttons {
	top:3px;
	right: 0;
}
.global-header__buttons:after {
	content: '';
	display: block;
	clear: both;
}
.global-header__buttons__item {
	float: left;
	margin-left: 10px;
	list-style-type: none;
	transition: 0.3s;
}
.state_fixed .global-header__buttons__item {
	margin-left: 0;
}
.global-header__buttons__btn,
.global-header__buttons__btn::before,
.global-header__buttons__btn::after {
	overflow: hidden;
	position: relative;
	display: inline-block;
	width: 100px;
	padding: 9px 0;
	border-radius: 3px;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	font-size: 1.5rem;
	color: #fff;
	transition: 0.3s;
}
.global-header__buttons__btn::before,
.global-header__buttons__btn::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: attr(data-hover);
}
.global-header__buttons__btn__contact {
	background: #272f89;
}
.global-header__buttons__btn__contact::before {
	background: #db2035;
	transform: translateX(0);
}
.global-header__buttons__btn__contact::after {
	background: #ff001d;
	transform: translateY(-100%);
}
.global-header__buttons__btn__dealers {
	background: #006aad;
}
.global-header__buttons__btn__dealers::before {
	background: #006aad;
	transform: translateY(0);
}
.global-header__buttons__btn__dealers::after {
	background: #005093;
	transform: translateY(-100%);
}
.state_fixed .global-header__buttons__btn,
.state_fixed .global-header__buttons__btn::before,
.state_fixed .global-header__buttons__btn::after {
	padding: 15px 0 16px;
	border-radius: 0;
}
.global-header__buttons__btn:hover::before {
	transform: translateY(100%);
}
.global-header__buttons__btn:hover::after {
	transform: translateY(0);
}


/* .global-nav */

.global-nav {
	width: 100%;
	padding-top: 12px;
	transition: 0.3s;
	text-align: center;
}
@media (max-width: 1300px) {
.global-nav {width: 90%;}
	}
}
@media (max-width: 1200px) {
	.global-nav {
		padding-top: 15px;
	}
}
.state_fixed .global-nav {
	padding-top: 0;
}
.global-nav {
	font-size: 0;
}
.global-nav:after {
	content: '';
	display: block;
	clear: both;
}
.global-nav__item {
	display: inline-block;
	list-style-type: none;
	
	font-size: 1.6rem;
	transition: 0.3s;
}
@media (max-width: 1200px) {
	.global-nav__item {
		font-size: 1.3rem;
	}
}
.state_fixed .global-nav__item {
	font-size: 1.6rem;
}
.global-nav__item--japanese {
	font-weight: normal;
}
.global-nav__item:not(:first-child) {
	margin-left: 17px;
}
@media (max-width: 1200px) {
	.global-nav__item:not(:first-child) {
		margin-left: 13px;
	}
}
.global-nav__link {
	display: block;
	padding:23px 13px;
	text-decoration: none;
	transition: opacity 0.3s !important;
}

@media (max-width: 1200px) {
	.global-nav__link {padding:23px 6px;}

}

.state_fixed .global-nav__link {
	padding-top: 17px;
	padding-bottom: 17px;
}
.global-nav__link:hover,
.global-nav__item[data-state='active'] .global-nav__link,
.global-nav__item[data-global-nav-active='true'] .global-nav__link {
	opacity: 0.5;
}
.global-nav__link--arrow {
	margin-right: 4px;
	cursor: pointer;
}
.global-nav__link--arrow:after {
	display: inline-block;
	content: '';
	width: 0;
	height: 0;
	margin-left: 4px;
	border-style: solid;
	border-width: 4px 3.5px 0 3.5px;
	border-color: rgba(0,0,0,0.41) transparent transparent transparent;
	vertical-align: 1px;
	transition: 0.3s;
}
[data-header-type="white"]:not(.state_fixed) .global-nav__link {
	color: rgba(255,255,255,0.9);
}
[data-header-type="white"]:not(.state_fixed) .global-nav__link--arrow:after {
	border-color: rgba(255,255,255,0.9) transparent transparent transparent;
}
.global-nav__item[data-state='active'] .global-nav__link--arrow:after {
	transform: rotate(180deg);
}

.products-nav {
	position: absolute;
	left: 50%;
	width: 952px;
	top: -1000px;
	margin-left: -476px;
	border-left: 1px solid rgba(0,0,0,0.15);
	border-right: 1px solid rgba(0,0,0,0.15);
	border-bottom: 1px solid rgba(0,0,0,0.15);
	border-top: 1px solid rgba(0,0,0,0.15);
	text-align: left;
	z-index: -2;
	opacity: 0;
	/*
	animation-duration: 0.5s;
	transition: opacity 0.5s, transform 0.5s, border 0.5s;*/
}
.global-nav__item[data-state='active']  .products-nav {
	top: 76px;
	animation: fadeInFromNone 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.global-nav__item[data-state='inactive']  .products-nav {
	opacity: 1;
	top: 76px;
	animation: productsNavFadeOut 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94) both,
		productsNavToTop 0s 0.15s step-end both;
}
.state_fixed .global-nav__item[data-state='active']  .products-nav {
	/*top: 50px;*/
	transform: translateY(-26px);
	border-top: none;
}
.state_fixed .global-nav__item[data-state='inactive']  .products-nav {
	top: 50px;
	border-top: none;
}

@keyframes productsNavToTop {
	0% {
		transform: none;
	}
	100% {
		transform: translate3d(0, -1000px, 0);
	}
}
@keyframes productsNavFadeOut {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
@keyframes fadeInFromNone {
	0% {
		display: none;
		opacity: 0;
	}
	1% {
		display: block;
		opacity: 0;
	}
	100% {
		display: block;
		opacity: 1;
	}
}
.products-nav__inner {
	display: table;
	width: 100%;
	background: rgba(255,255,255,0.98);
	table-layout: fixed;
}
.products-nav__item {
	display: table-cell;
	padding-top: 40px;
	padding-left:25px;
	padding-right: 25px;
	padding-bottom: 60px;
}
.products-nav__item:not(:first-child) {
	border-left: 1px solid #d8d8d8;
}
.products-nav__title {
	margin-bottom: 1px;
	font-size: 1.8rem;
}
.products-nav__title__link {
	display: block;
	position: relative;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 15px;
	text-decoration: none;
	transition: 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	z-index: 1;
}
.products-nav__title__link:after {
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	content: '';
	width: 7px;
	height: 7px;
	margin-top: -3.5px;
	border-style: solid;
	border-width: 1px 1px 0 0;
	transform: rotateZ(45deg);
	transition: 0.25s;
	border-color: #333;
	opacity: 0;
}
.products-nav__title__link--disable {
	display: block;
	position: relative;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 15px;
}
.products-nav__list__item {
	padding-top: 1px;
	padding-bottom: 1px;
	border-top: 1px solid #d8d8d8;
	list-style: none;
	font-size: 1.3rem;
}
.products-nav__list__link {
	position: relative;
	display: block;
	padding-left: 15px;
	padding-top: 9px;
	padding-bottom: 9px;
	text-decoration: none;
	transition: 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	z-index: 1;
}
.products-nav__list__link:after {
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	content: '';
	width: 7px;
	height: 7px;
	margin-top: -3.5px;
	border-style: solid;
	border-width: 1px 1px 0 0;
	transform: rotateZ(45deg);
	transition: 0.25s;
	border-color: #333;
	opacity: 0;
}
.products-nav__title__link:hover,
.products-nav__list__link--state_active,
.products-nav__list__link:hover {
	background: #f4f4f4;
	padding-left: 33px;
	transition: background 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), padding-left 0.25s, color 0.25s;
}
.products-nav__title__link:hover:after,
.products-nav__list__link:hover:after {
	left: 14px;
	opacity: 1;
}
.products-nav__title[data-products-nav-active='true'] .products-nav__title__link,
.products-nav__list__item[data-products-nav-active='true'] .products-nav__list__link--state_active,
.products-nav__list__item[data-products-nav-active='true'] .products-nav__list__link {
	background: #353535;
	padding-left: 33px;
	color: #fff;
	transition: background 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), padding-left 0.6s, color 0.6s;
}
.products-nav__title[data-products-nav-active='true'] .products-nav__title__link:after,
.products-nav__list__item[data-products-nav-active='true'] .products-nav__list__link:after {
	left: 14px;
	opacity: 1;
	border-color: #fff;
}

.global-footer {
	visibility: visible !important;
	position: relative;
	z-index: 1;
}
.global-footer__links {
	display: table;
	width: 100%;
	min-width: 1000px;
}
.global-footer__links__item {
	overflow: hidden;
	position: relative;
	display: table-cell;
	width: 50%;
	padding-top: 118px;
	padding-bottom: 118px;
	text-align: center;
	color: #fff;
}

.global-footer__links__btn {
	display: inline-block;
	width: 129px;
	padding-top: 8px;
	padding-bottom: 8px;
	border-radius: 3px;
	background: rgba(255,255,255,0);
	border: 1px solid rgba(255,255,255,0.9);
	text-decoration: none;
	font-weight: 700;
	font-size: 1.6rem;
	transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	color: #fff;
}
.global-footer__links__btn--contact:hover {
	color: #272f89;
}
.global-footer__links__btn--dealers:hover {
	color: #006aad;
}
.global-footer__links__btn:hover {
	border: 1px solid rgba(255,255,255,1);
	background: rgba(255,255,255,1);
}
/*
.global-footer__links__btn:after {
	position: absolute;
	top: 0;
	z-index: -1;
	display: block;
	content: '';
	height: 100%;
	width: 100%;
	max-width: 700px;
	transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
*/
.global-footer__links__item:after {
	position: absolute;
	top: 0;
	display: block;
	content: '';
	height: 100%;
	width: 100%;
	max-width: 700px;
	transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	opacity: 0;
}
/*
.global-footer__links__btn:before {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	content: '';
	height: 100%;
	width: 100%;
	z-index: -1;
}
*/
.global-footer__links__item:before {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	content: '';
	height: 100%;
	width: 100%;
	z-index: -1;
}
/*
.global-footer__links__contact .global-footer__links__btn:after {
	background: #272f89 url(/assets/img/common/footer_bg01.png) no-repeat center;
	right: 0;
}
.global-footer__links__contact .global-footer__links__btn:before {
	background: #272f89;
}
.global-footer__links__dealers .global-footer__links__btn:after {
	background: #006aad url(/assets/img/common/footer_bg02.png) no-repeat center;
	left: 0;
}
.global-footer__links__dealers .global-footer__links__btn:before {
	background: #006aad;
}
*/
.global-footer__links__contact {
	background: #272f89;
}
.global-footer__links__dealers {
	background: #006aad;
}
.global-footer__links__contact:after {
	background: #272f89 url(../images/footer_bg02.png) no-repeat center;
	right: 0;
}
.global-footer__links__dealers:after {
	background: #006aad url(../images/footer_bg01.png) no-repeat center;
	left: 0;
}
.global-footer__links__item[data-hover="true"]:after {
	transform: scale(1.3);
}
/*
.global-footer__links__btn:hover:after {
	transform: scale(1.3);
}
*/
.global-footer__links__title {
	position: relative;
	width: 100%;
	max-width: 700px;
	z-index: 1;
	opacity: 0;
}
/*
.animated .global-footer__links__title {
	animation: viewScaleDown 0.8s 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
*/
.global-footer__links__text {
	position: relative;
	clear: both;
	width: 100%;
	max-width: 700px;
	padding-top: 4px;
	z-index: 1;
	opacity: 0;
}
.global-footer__links__contact .global-footer__links__title,
.global-footer__links__contact .global-footer__links__text {
	float: right; font-size:13px;margin-top:0.5em;
}
.global-footer__links__dealers .global-footer__links__title,
.global-footer__links__dealers .global-footer__links__text {
	float: left; font-size:13px; margin-top:0.5em;
}

.animated .global-footer__links__title,
.animated .global-footer__links__text {
	animation-duration: 0.8s;
	animation-fill-mode: both;
	animation-name: viewFadeInBottom2;
	animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.animated .global-footer__links__item:after {
	animation: fadeIn 0.5s 0.6s both;
}
.global-footer__links__contact .global-footer__links__title {
	animation-delay: 0.5s;
}
.global-footer__links__contact .global-footer__links__text {
	animation-delay: 0.6s;
}
.global-footer__links__dealers .global-footer__links__title {
	animation-delay: 0.8s;
}
.global-footer__links__dealers .global-footer__links__text {
	animation-delay: 0.9s;
}
.animated .global-footer__links__contact:after {
	animation-delay: 0.4s;
}
.animated .global-footer__links__dealers:after {
	animation-delay: 0.7s;
}

.global-footer__copyright {
	padding-top: 20px;
	padding-bottom: 20px;
	background: #fff;
	text-align: center;
}
.global-footer__copyright img{ margin:0 auto;}
.global-footer__privacy {
  text-align: left;
  margin-top: -45px;
  margin-left: 10px;
  margin-bottom: 25px;
  font-size: 1.4rem;
  font-weight: bold;
  color: black;
}
.global-footer__privacy a {
  color: #006aad;
  text-decoration: none;
}
.global-footer__privacy a:hover {
  text-decoration: underline;
}
.global-footer__pagetop__link {
	display: block;
	padding-top: 27px;
	padding-bottom: 25px;
	background: #333;
	text-align: center;
	line-height: 1;
	transition: 0.2s;
}
.global-footer__pagetop__link:hover {
	background: #000;
	transition: 0.3s;
}

.global-footer__pagetop__link img{ margin:0 auto;}

.global-pagetop {
	position: fixed;
	right: 15px;
	bottom: 15px;
	opacity: 0;
	transition: opacity 0.3s;
	z-index: 100;
}
.global-pagetop[data-state='show'] {
	opacity: 1;
}
.global-pagetop__link {
	display: block;
	width: 40px;
	height: 40px;
	padding-top: 15px;
	background: rgba(0,0,0,0.10);
	text-align: center;
	line-height: 1;
	transition: 0.2s;
}
.global-pagetop__link:hover {
	background: rgba(0,0,0,0.90);
	transition: 0.3s;
}
.global-pagetop__link img{ margin:0 auto;}


/* ==========================================================================
   PAGE - HOME
   ========================================================================== */

.home-visual__wrapper {
	position: relative;
	overflow: hidden;
	min-width: 1000px;
	height: 800px;
	background: #b8c2c3 url(../images/visual_bg.jpg) repeat-x center top;
}
.home-visual {
	position: absolute;
	width: 100%;
}
.home-visual__item {
	position: relative;
	height: 800px;
	opacity: 1;
	transition: 0.3s;
}
.home-visual__text,
.home-visual__img {
	position: absolute;
	left: 50%;
}

.home-visual__text {
	z-index: 1;
	opacity: 0;
	transition: 0.6s  cubic-bezier(0.165, 0.84, 0.44, 1);
}
.moved .home-visual__text {
	margin-top: 0;
	opacity: 1;
}
 .home-visual__animate-block01 {
	transform: translateY(50px);
	transition: 0.6s  cubic-bezier(0.165, 0.84, 0.44, 1);
	opacity: 0;
	display: block;
}
 .home-visual__animate-block02 {
	transform: translateY(50px);
	transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	opacity: 0;
	display: block;
}
 .home-visual__animate-block03 {
	transform: translateY(50px);
	transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	opacity: 0;
}
 .home-visual__animate-block04 {
	transform: translateY(50px);
	transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	opacity: 0;
}
 .home-visual__animate-block01 {
	transition-delay: 0.15s;
}
 .home-visual__animate-block02 {
	transition-delay: 0.1s;
}
 .home-visual__animate-block03 {
	transition-delay: 0.05s;
}
 .home-visual__animate-block04 {
	transition-delay: 0s;
}
.moved  .home-visual__animate-block01 {
	transition-delay: 0s;
}
.moved  .home-visual__animate-block02 {
	transition-delay: 0.1s;
}
.moved  .home-visual__animate-block03 {
	transition-delay: 0.2s;
}
.moved  .home-visual__animate-block04 {
	transition-delay: 0.3s;
}
.moved .home-visual__animate-block01,
.moved .home-visual__animate-block02,
.moved .home-visual__animate-block03,
.moved .home-visual__animate-block04 {
	transform: translateY(0);
	opacity: 1;
}
.home-visual__title {
	line-height: 1;
}
.home-visual__item--scene01 .home-visual__title {
	font-size:3.6rem; line-height:46px;
}
.home-visual__item--scene02 .home-visual__title {
	font-size:3.8rem;line-height:46px;
}
.home-visual__item--scene03 .home-visual__title {
	font-size: 6.6rem;
}
.home-visual__item--scene01 .home-visual__text {
	top:260px;
	margin-left: -500px;
}
.home-visual__item--scene02 .home-visual__text {
	top:300px;
	margin-left:150px;
}
.home-visual__item--scene03 .home-visual__text {
	top: 458px;
	margin-left: -492px;
}
.home-visual__item--scene01 .home-visual__img {
	top: 0;
	top: -110px;
	margin-left: -400px;
}
.home-visual__item--scene02 .home-visual__img {
	top:-120px;
	margin-left: -640px;
}
.home-visual__item--scene03 .home-visual__img {
	top: 82px;
	margin-left: -432px;
}
.home-visual__item--scene03 .home-visual__animate-block03 {
	margin-left: 5px;
}
.home-visual__button {
	float: left;
	margin-top:15px;
}
.home-visual__button + .home-visual__button {
	margin-left: 14px;
}
@media (max-width: 1410px) {
	.home-visual {
		width: 1410px;
		margin-left: -705px;
		left: 50%;
	}
}


.cranes-series {
	display: table;
	width: 100%;
	max-width: 1200px;
	min-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	table-layout: fixed;
}
@media (max-width: 1200px) {
	.cranes-series {
		overflow: hidden;
	}
}
.cranes-series__item {
	position: relative;
	display: table-cell;
	padding-top: 330px;
	padding-bottom: 63px;
	text-align: center;
	opacity: 0;
}
.animated .cranes-series__item {
	animation-name: viewFadeInBottom;
	animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	animation-duration: 0.8s;
	animation-fill-mode: forwards;
}
.cranes-series__img {
	position: absolute;
	top:35px;
	left: 50%;
	margin-left: -110px;
	z-index: 2;
	opacity: 0;
}
.animated .cranes-series__img {
	animation-name: viewScaleUp;
	animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	animation-duration: 0.9s;
	animation-fill-mode: forwards;
}
.cranes-series__title {
	font-size: 2rem;
}
.cranes-series__svg {
	content: '';
	display: block;
	position: absolute;
	left: 50%;
	top: 61px;
	width: 250px;
	height: 250px;
	margin-left: -125px;
}
.cranes-series__svg__circle{
	fill: none;
	stroke: #cccccc;
	stroke-width: 1;
	stroke-miterlimit: 10;
}
.cranes-series__text {
	margin-top: 14px;
	margin-left: 48px;
	margin-right: 48px;
	line-height: 1.333333;
	font-size: 1.5rem;
	color: #666;
}
.cranes-series__btn {
	position: absolute;
	bottom: 0;
	width: 100%;
}


.crane-lineup {
	display: table;
	width: 100%;
	max-width: 1400px;
	min-width: 1000px;
	margin-top: -10px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
}
.crane-lineup--2017 {
}
@media (max-width: 1410px) {
	.crane-lineup {
		overflow: hidden;
	}
}
.crane-lineup__item {
	position: relative;
	display: table-cell;
	padding-top: 340px;
	padding-bottom: 35px;
	text-align: center;
	opacity: 0;
}
.crane-lineup__item--2017 {
	padding-top:268px;
}
.crane-lineup__img {
	position: absolute;
	top: 0;
	left:25%;
	transition: 0.6s opacity, 0.3s transform;
}
.crane-lineup__item--type01 .crane-lineup__img {
	margin-left: -42px;
}
.crane-lineup__item--type02 {
	min-width: 82px;
}
.crane-lineup__item--type02 .crane-lineup__img {
	margin-left: -41px;
}
.crane-lineup__item--type03 {
	min-width: 112px;
}
.crane-lineup__item--type03 .crane-lineup__img {
	margin-left: -42px;
}
.crane-lineup__item--type04 {
	min-width: 130px;
}
.crane-lineup__item--type04 .crane-lineup__img {
	margin-left: -42px;
}
.crane-lineup__item--type05 {
	min-width: 128px;
}
.crane-lineup__item--type05 .crane-lineup__img {
	margin-left: -42px;
}
.crane-lineup__item--type06 {
	min-width: 139px;
}
.crane-lineup__item--type06 .crane-lineup__img {
	margin-left: -42px;
}
.crane-lineup__item--type07 {
	min-width: 85px;
}
.crane-lineup__item--type07 .crane-lineup__img {
	margin-left: -35px;
}
.crane-lineup__item--type08 {
	min-width: 100px;
}
.crane-lineup__item--type08 .crane-lineup__img {
	margin-left: -50px;
}
.crane-lineup__item--type09 .crane-lineup__img {
	margin-left: -53px;
}


.crane-lineup__item--type01-2017 .crane-lineup__img {
	margin-left: -42px;
}
.crane-lineup__item--type02-2017 {
	min-width: 82px;
}
.crane-lineup__item--type02-2017 .crane-lineup__img {
	margin-left: -41px;
}
.crane-lineup__item--type03-2017 {
	min-width: 100px;
}
.crane-lineup__item--type03-2017 .crane-lineup__img {
	margin-left: -56px;
}
.crane-lineup__item--type04-2017 {
	min-width: 110px;
}
.crane-lineup__item--type04-2017 .crane-lineup__img {
	margin-left: -32px;
}
.crane-lineup__item--type05-2017 {
	min-width: 100px;
}
.crane-lineup__item--type05-2017 .crane-lineup__img {
	margin-left: -42px;
}
.crane-lineup__item--type06-2017 {
	min-width: 150px;
}
.crane-lineup__item--type06-2017 .crane-lineup__img {
	margin-left: -88px;
}
.crane-lineup__item--type07-2017 {
	min-width: 110px;
}
.crane-lineup__item--type07-2017 .crane-lineup__img {
	margin-left: -42px;
}
.crane-lineup__item--type08-2017 {
	min-width: 85px;
}
.crane-lineup__item--type08-2017 .crane-lineup__img {
	margin-left: -35px;
}
.crane-lineup__item--type09-2017 {
	min-width: 100px;
}
.crane-lineup__item--type09-2017 .crane-lineup__img {
	margin-left: -50px;
}
.crane-lineup__item--type10-2017 .crane-lineup__img {
	margin-left: -53px;
}
.crane-lineup__title {
	font-size:1.6rem;
	transition: 0.6s;
}
.crane-lineup__text {
	line-height: 1.233333;
	font-size: 1.2rem;
	color: #808080;
	transition: 0.6s;
}
.crane-lineup__btn {
	position: absolute;
	bottom: 0;
	width: 100%;
	transition: 0.6s;
}
.animated .crane-lineup__item--type01 {
	animation: viewFadeInRight 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.animated .crane-lineup__item--type02 {
	animation: viewFadeInRight 1s 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.animated .crane-lineup__item--type03 {
	animation: viewFadeInRight 1s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.animated .crane-lineup__item--type04 {
	animation: viewFadeInRight 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.animated .crane-lineup__item--type05 {
	animation: viewFadeInRight 1s 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.animated .crane-lineup__item--type06 {
	animation: viewFadeInRight 1s 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.animated .crane-lineup__item--type07 {
	animation: viewFadeInRight 1s 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.animated .crane-lineup__item--type08 {
	animation: viewFadeInRight 1s 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.animated .crane-lineup__item--type09 {
	animation: viewFadeInRight 1s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

.animated .crane-lineup__item--type01-2017 {
	animation: viewFadeInRight 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; width:233px; overflow:hidden;
}
.animated .crane-lineup__item--type02-2017 {
	animation: viewFadeInRight 1s 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.animated .crane-lineup__item--type03-2017 {
	animation: viewFadeInRight 1s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.animated .crane-lineup__item--type04-2017 {
	animation: viewFadeInRight 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.animated .crane-lineup__item--type05-2017 {
	animation: viewFadeInRight 1s 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.animated .crane-lineup__item--type06-2017 {
	animation: viewFadeInRight 1s 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.animated .crane-lineup__item--type07-2017 {
	animation: viewFadeInRight 1s 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.animated .crane-lineup__item--type08-2017 {
	animation: viewFadeInRight 1s 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.animated .crane-lineup__item--type09-2017 {
	animation: viewFadeInRight 1s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.animated .crane-lineup__item--type10-2017 {
	animation: viewFadeInRight 1s 0.85s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.crane-lineup[data-state='hover'] .crane-lineup__item:not([data-state='hover']) > * {
	opacity: 0.1;
	transition: 0.3s opacity;
}
.crane-lineup__item[data-state='hover'] > .crane-lineup__img {
	transform: translateY(-10px);
	transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@keyframes lineupFadeOut {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0.5;
	}
}

.gallery {
	min-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
.gallery:after {
	content: '';
	display: block;
	clear: both;
}
.gallery__item {
	float: left;
	width:20%;
}
.animated .gallery__item {
	animation-name: viewScaleUp;
	animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	animation-duration: 1s;
	animation-fill-mode: both;
}
.gallery[data-gallery-view='mc104c'] .gallery__item:not([data-gallery-category='mc104c']) { display: none; }
.gallery[data-gallery-view='mc174c'] .gallery__item:not([data-gallery-category='mc174c']) { display: none; }
.gallery[data-gallery-view='mc285c-2'] .gallery__item:not([data-gallery-category='mc285c-2']) { display: none; }
.gallery[data-gallery-view='mc305c-2'] .gallery__item:not([data-gallery-category='mc305c-2']) { display: none; }
.gallery[data-gallery-view='mc405c'] .gallery__item:not([data-gallery-category='mc405c']) { display: none; }
.gallery[data-gallery-view='mk1033cw-1'] .gallery__item:not([data-gallery-category='mk1033cw-1']) { display: none; }
.gallery[data-gallery-view='lc383m-5'] .gallery__item:not([data-gallery-category='lc383m-5']) { display: none; }
.gallery[data-gallery-view='lc785m-8'] .gallery__item:not([data-gallery-category='lc785m-8']) { display: none; }
.gallery[data-gallery-view='cc1485s-1'] .gallery__item:not([data-gallery-category='cc1485s-1']) { display: none; }
.gallery[data-gallery-animate='true'] .gallery__item {
	opacity: 0;
	animation: galleryScaleBack 0.6s;
	animation-delay: 0s !important;
}
@keyframes galleryScaleBack {
	0% {
		opacity: 1;
		transform: scale(1);
	}
	100% {
		opacity: 0;
		transform: scale(0.9);
	}
}

.gallery__link {
	overflow: hidden;
	display: block;
	position: relative;
}
.gallery__link:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(255,255,255,0.79);
	opacity: 0;
	transition: 0.4s;
	z-index: 1;
}
.gallery__link[data-gallery-type='movie']:before {
	background: rgba(255,255,255,0.79) url(/assets/img/common/arrow_gallery_on.png) no-repeat center center;
}
.gallery__link[data-gallery-type='movie']:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: url(/assets/img/common/arrow_gallery_off.png) no-repeat center center;
	opacity: 1;
	transition: 0.3s;
	z-index: 1;
}
.gallery__link:hover:before {
	opacity: 1;
}
.gallery__link:hover:after {
	opacity: 0;
}
.gallery__img {
 padding:5%;
	width:92%;
	height: auto;
	transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); border:1px solid #ddd; margin:4%;
}
.gallery__link:hover .gallery__img {
	transform: scale(1.05);
	z-index: 0;
}
.gallery__footer {
	clear: both;
	padding-top: 29px;
	text-align: center;
}
.gallery__footer__btn {
	width: 136px;
}


.maeda-brand {
	display: table;
	width: 100%;
	max-width:1300px;
	min-width: 1000px;
	overflow: hidden;
	table-layout: fixed;
	margin:0 auto;
}
.maeda-brand__img {
	position: relative;
	margin-left: -374px;
	padding-top:0px;
	padding-right:34px;
	padding-left:10px;
	text-align: right;
	transform: translateX(-12px);
}
.maeda-brand__item {
	display: table-cell;
	width: 50%;
	vertical-align: top;
}
.maeda-brand__title {
	margin-bottom:0.3em;
	margin-top:1.2em;
	font-size:2.6rem;
}
.maeda-brand__text {
	margin-top: 1em;
	font-size: 1.5rem; color:#555; line-height:26px; text-align:justify; margin-right:1em;
	
}
.maeda-brand-no {
	margin-top: 2.6rem;
}
.maeda-brand-no__icon {
	margin-right: 7px;
	vertical-align: baseline;
}
.maeda-brand-no__text01 {
	font-size: 2.4rem;
}
.maeda-brand-no__text02 {
	font-size: 10rem;
	line-height: 0.8;
}
.maeda-brand__text-small {
	font-size: 1.4rem;
}


.made-in-japan {
	position: relative;
	min-width: 1000px;
	overflow: hidden;
}
.made-in-japan__img {
	transition: 2s transform cubic-bezier(0.19, 1, 0.22, 1);
}
@media (max-width: 1920px) {
	.made-in-japan__img {
		position: absolute;
		top: 0;
		left: 50%;
		width: 1920px;
		margin-left: -960px;
	}
}
.made-in-japan__img img {
	width: 100%;
	height: auto;
}
.made-in-japan__title {
	position: absolute;
	left:45%;
	text-align: center;
	line-height: 1;
	color: #fff;
}
.made-in-japan__title__text {
	font-size: 1rem;
}
.made-in-japan__title__text01 {
	display: inline-block;
	margin-bottom: 10px;
	font-size: 5.4rem;
}
.made-in-japan__title__text02 {
	display: inline-block;
	margin-bottom: 11px;
	font-size: 7.179rem;
}
.made-in-japan__title__text03 {
	display: inline-block;
	margin-bottom: 13px;
	font-size: 5.347rem;
}
.made-in-japan__title__note {
	font-size: 1.3rem;
	opacity: 0.75;
}
.made-in-japan__banner {
	height:667px; background: url(../images/gs.jpg) center top no-repeat; padding:60px 0;
}
.made-in-japan__banner .section__header .heading01gs{ color:#fff;}
.made-in-japan__banner .section__header .section__header__text11{ color:#ddd; text-transform:uppercase; font-size:1.6rem; font-family:Arial, Helvetica, sans-serif;}
.made-in-japan__banner .made-in-japan__title {
}
.made-in-japan__text {
	width:94%;
	
	font-weight: 300;
	text-align: center;
	color: #fff;
	max-width:1100px; padding:0 3%;
	 margin:0 auto;margin-top:40px; text-align:justify;font-size:1.6rem; line-height:38px; color:#eee;
}

.made-in-japan__btn {
	position: absolute;
	top: 50%;
	width: 100%;
	margin-top: 207px;
	text-align: center;
	color: #fff;
}



.home-row {
	display: table;
	width: 100%;
	min-width: 1000px;
	table-layout: fixed;
}
.home-col {
	display: table-cell;
	vertical-align: top;
}
.home-col--1of2 {
	width: 50%;
}
.slider-minimum-col01,
.slider-minimum-col02 {
	width: 100%;
	max-width: 680px;
}
.slider-minimum-col01 {
	float: right;
}
.slider-minimum-col02 {
	float: left;
}



/* ==========================================================================
   PAGE - PRODUCTS
   ========================================================================== */

.jumbotron-products-details {
	position: relative;
	display: flex;
	align-items: center;
	height: 800px;
	min-width: 1000px;
	padding-left: 50%;
	background: url(../images/jumbotron_bg.jpg) repeat-x center top;
	overflow: hidden;
}
.jumbotron-products-details::before {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	content: '';
	animation: fadeOutOpacityProducts 1s 0.5s both;
	background: #d5dfe0;
	width: 100%;
	height: 100%;
}
.jumbotron-products-details__img {
	position: absolute;
	left: 50%;
	z-index: 0;
	animation: viewFadeInLeft 2s 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) both;
}
.jumbotron-products-details__img--mc104c {
	top: 230px;
	margin-left: -517px;
}
.jumbotron-products-details__img--mc174c {
	top: 95px;
	margin-left: -500px;
}
.jumbotron-products-details__img--mc285c-2 {
	top: 45px;
	margin-left: -595px;
}
.jumbotron-products-details__img--mc285c-3 {
	top: 95px;
	margin-left: -595px;
}
.jumbotron-products-details__img--mc305c-2 {
	top: 25px;
	margin-left: -650px;
}
.jumbotron-products-details__img--mc405c {
	top: 76px;
	margin-left: -657px;
}
.jumbotron-products-details__img--mc815c {
	top: 150px;
	margin-left: -649px;
}
.jumbotron-products-details__img--mk1033cw-1 {
	top: 113px;
	margin-left: -517px;
}
.jumbotron-products-details__img--lc383m-5,
.jumbotron-products-details__img--cc423s-1 {
	top: 220px;
	margin-left: -625px;
}
.jumbotron-products-details__img--lc785m-8 {
	top: 116px;
	margin-left: -500px;
}
.jumbotron-products-details__img--cc985s-1 {
	top: 69px;
	margin-left: -581px;
}
.jumbotron-products-details__img--cc1485s-1 {
	top: 180px;
	margin-left: -600px;
}
.jumbotron-products-details__heading {
	margin-top: 19px;
	margin-bottom: 16px;
	font-size: 7.2rem;
	line-height: 1;
}
.jumbotron-products-details__data {
	min-width: 600px;
	max-width: 600px;

}
.jumbotron-products-details__text {
	line-height: 1.1;
}
.jumbotron-products-details__fs-ll {
	font-size: 3.8rem;
}
.jumbotron-products-details__fs-l {
	font-size: 2.4rem;
}
.jumbotron-products-details__fs-s {
	font-size: 1.6rem;
}

.jumbotron-products-details__spec {
	display: flex;
	flex-wrap: wrap; font-size:1.5rem; line-height:26px; color:#555;
}
.jumbotron-products-details__spec p{ display:block;}
.jumbotron-products-details__spec__item:nth-of-type(n+3) {
	margin-top: 26px;
}
.jumbotron-products-details__spec__item--type01 {
	width: 200px;
}
.jumbotron-products-details__spec__item--type02 {
	width: 220px;
}
.jumbotron-products-details__spec__item--type03 {
	width: 245px;
}
.jumbotron-products-details__spec__left {
	float: left;
	margin-right: 26px;
}

.jumbotron-products-details__buttons {
	display: flex;
	width: 431px;
	margin-top: 29px;
	justify-content: flex-start;
	/*justify-content: space-between;*/
}
.jumbotron-products-details__buttons__item {
	list-style-type: none;
}
.jumbotron-products-details__buttons__item:not(:first-child) {
	margin-left: 10px;
}
.jumbotron-products-details__buttons__link {
	width: 137px;
}
.jumbotron-products-details__nav {
	position: relative;
	display: flex;
	margin-top: 28px;
}
.jumbotron-products-details__nav__item {
	list-style-type: none;
	font-size: 1.4rem;
}
.jumbotron-products-details__nav__item:not(:first-child):before {
	display: inline-block;
	content: "・";
	margin-left: 9px;
	margin-right: 9px;
}
.jumbotron-products-details__nav__item--narrow:not(:first-child):before {
	margin-left: 3px;
	margin-right: 3px;
}
.jumbotron-products-details__nav__link {
	text-decoration: none;
	color: rgba(51,51,51,1.00);
	transition: 0.3s;
}
.jumbotron-products-details__nav__link:hover,
.jumbotron-products-details__nav__link[data-active="true"] {
	color: rgba(51,51,51,0.5);
}

.products-details-nav {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	min-width: 1000px;
	width: 100%;
	background: rgba(0,0,0,0.70);
	z-index: 2;
}
.products-details-nav--wide {
}
.products-details-nav__inner {
	display: table;
	table-layout: fixed;
	width: 1000px;
	justify-content: space-between;
}
[data-header-fixed2='true'] .products-details-nav {
	position: fixed;
	top: 50px;
	z-index: 101;
}
[data-header-fixed2='true'] .products-anchor01 {
	margin-top: 50px;
}
.products-details-nav__item {
	width: 166px;
	list-style-type: none;
	text-align: center;
	font-size: 1.6rem;
}
.products-details-nav__item--wide {
	display: table-cell;
	width: auto;
	vertical-align: top;
}
.products-details-nav__item--sub {
	width: 320px;
}
.products-details-sub-nav {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.products-details-sub-nav__item {
	list-style-type: none;
}
.products-details-sub-nav__item .products-details-nav__link {
	padding-left: 10px;
	padding-right: 10px;
	color: rgba(255,255,255,0.50);
}
.products-details-sub-nav__item .products-details-nav__link:hover {
	color: rgba(255,255,255,1);
	background: none; color:#fff;
}
.products-details-nav__link {
	display: block;
	text-decoration: none;
	color: rgba(255,255,255,0.80);
	line-height: 50px;
	transition: 0.3s;
}
.products-details-nav__link:hover {
	background: rgba(255,255,255,0.20);
}

.products-styles__header {
	position: relative;
	z-index: 1;
}
[data-zoom='true'] .products-styles__header {
	z-index: auto;
}

.products-styles__item {
	position: relative;
	width: 100%;
	min-width: 1000px;
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 95px;
}
.products-styles__sidebar {
	position: relative;
	width: 180px;
	z-index: 1;
}

.zoom-thumbs {
	position: relative;
	overflow: hidden;
}

.animated .zoom-thumbs {
	/*animation: viewScaleDownFade 1.5s 0.3s cubic-bezier(0.77, 0, 0.175, 1) both;*/
	animation: viewFadeInRight2 1.5s 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) both;
}
.zoom-thumbs {
	opacity: 0;
}
.zoom-thumbs--mc104c {
	height: 314px;
	width: 204px;
	margin-top: 143px;
}
.zoom-thumbs--mc174c {
	height: 332px;
	width: 203px;
	margin-top: 137px;
}
.zoom-thumbs--mc285c-2 {
	height: 322px;
	width: 203px;
	margin-top: 152px;
}
.zoom-thumbs--mc305c-2 {
	height: 381px;
	width: 203px;
	margin-top: 118px;
}
.zoom-thumbs--mc405c {
	height: 421px;
	width: 195px;
	margin-top: 45px;
}
.zoom-thumbs--mc815c {
	height: 419px;
	width: 187px;
	margin-top: 32px;
}
.zoom-thumbs--mk1033cw-1 {
	height: 196px;
	width: 200px;
	margin-top: 212px;
}
.zoom-thumbs--lc383m-5 {
	height: 420px;
	width: 200px;
	margin-top: 94px;
}
.zoom-thumbs--lc785m-8 {
	height: 420px;
	width: 200px;
	margin-top: 46px;
}
.zoom-thumbs--cc985s-1 {
	height: 420px;
	width: 200px;
	margin-top: 46px;
	margin-left: -13px;
}
.zoom-thumbs--cc1485s-1 {
	height: 420px;
	width: 200px;
	margin-top: 46px;
}
.zoom-thumbs__item {
	position: absolute;
	left: 0;
	bottom: 0;
	list-style-type: none;
	transition: 0.8s opacity;
}
.zoom-thumbs__item::after {
	position: absolute;
	left: 50%;
	top: 50%;
	content: '';
	display: block;
	width: 16px;
	height: 16px;
	border: 1px solid #00a1da;
	border-radius: 50%;
	background: url(/assets/img/products/zoom_icon.png) no-repeat;
	transition: 0.5s;
	opacity: 0;
}
.zoom-thumbs__item::before {
	position: absolute;
	left: 50%;
	top: 50%;
	content: '';
	display: block;
	width: 16px;
	height: 16px;
	border: 1px solid #00a1da;
	border-radius: 50%;
	background: #00a1da;
	transition: 0.5s;
	opacity: 0;
	z-index: 2;
}
.animated[data-zoom='true'] .zoom-thumbs__item::after {
	background: none;
	border-color: transparent;
}
.animated .zoom-thumbs__item::after {
	animation: bounceIn 1s 3s forwards;
}
.animated .zoom-thumbs__item::before {
	animation: viewFadeInBottom 1s 2s cubic-bezier(0.165, 0.84, 0.44, 1) both,
		bounceIn2 1s 3s forwards,
		viewFadeOut 0.1s 3.45s forwards;
}
.zoom-thumbs__item--mc104c::after,
.zoom-thumbs__item--mc104c::before {
	margin-left: -7px;
	margin-top: -40px;
}
.zoom-thumbs__item--mc174c::after,
.zoom-thumbs__item--mc174c::before {
	margin-left: -9px;
	margin-top: -35px;
}
.zoom-thumbs__item--mc285c-2::after,
.zoom-thumbs__item--mc285c-2::before {
	margin-left: -16px;
	margin-top: -51px;
}
.zoom-thumbs__item--mc305c-2::after,
.zoom-thumbs__item--mc305c-2::before {
	margin-left: -6px;
	margin-top: -49px;
}
.zoom-thumbs__item--mc405c-yes::after,
.zoom-thumbs__item--mc405c-yes::before {
	margin-left: -13px;
	margin-top: -17px;
}
.zoom-thumbs__item--mc405c-no::after,
.zoom-thumbs__item--mc405c-no::before {
	margin-left: -14px;
	margin-top: -49px;
}
.zoom-thumbs__item--mc815c-yes::after,
.zoom-thumbs__item--mc815c-yes::before {
	margin-left: -7px;
	margin-top: -16px;
}
.zoom-thumbs__item--mc815c-no::after,
.zoom-thumbs__item--mc815c-no::before {
	margin-left: -7px;
	margin-top: -48px;
}
.zoom-thumbs__item--mk1033cw-1::after,
.zoom-thumbs__item--mk1033cw-1::before {
	margin-left: -48px;
	margin-top: -23px;
}
.zoom-thumbs__item--lc383m-5::after,
.zoom-thumbs__item--lc383m-5::before {
	margin-left: -29px;
	margin-top: -27px;
}
.zoom-thumbs__item--lc785m-8-yes::after,
.zoom-thumbs__item--lc785m-8-yes::before {
	margin-left: -32px;
	margin-top: -26px;
}
.zoom-thumbs__item--lc785m-8-no::after,
.zoom-thumbs__item--lc785m-8-no::before {
	margin-left: -24px;
	margin-top: -56px;
}
.zoom-thumbs__item--cc985s-1-yes::after,
.zoom-thumbs__item--cc985s-1-yes::before {
	margin-left: 1px;
	margin-top: -51px;
}
.zoom-thumbs__item--cc985s-1-no::after,
.zoom-thumbs__item--cc985s-1-no::before {
	margin-left: -5px;
	margin-top: -66px;
}
.zoom-thumbs__item--cc1485s-1-yes::after,
.zoom-thumbs__item--cc1485s-1-yes::before {
	margin-left: -15px;
	margin-top: -51px;
}
.zoom-thumbs__item--cc1485s-1-no::after,
.zoom-thumbs__item--cc1485s-1-no::before {
	margin-left: -11px;
	margin-top: -85px;
}

.zoom-options {
	margin-top: 12px;
}
.zoom-options__title {
	margin-top: 6px;
	margin-bottom: 18px;
	font-size: 3.6rem;
	line-height: 1;
}
.zoom-options__title,
.zoom-options__text {
	width: 144px;
	margin-left: 10px;
	text-align: center;
}
.zoom-options__list {
	display: flex;
	width: 144px;
	margin-left: 10px;
	justify-content: space-between;
}
.zoom-options__list__item {
	width: 68px;
	height: 18px;
	list-style-type: none;
	cursor: pointer;
}
.zoom-options__list__item img {
	transition: 0.3s;
}
.zoom-options__list__yes {
	background: url(/assets/img/products/zoom_option_yes_off.png) no-repeat;
}
.zoom-options__list__no {
	background: url(/assets/img/products/zoom_option_no_off.png) no-repeat;
}
[data-view='yes'] .zoom-options__list__no img {
	opacity: 0;
}
[data-view='no'] .zoom-options__list__yes img {
	opacity: 0;
}
[data-view='yes'] .zoom-thumbs__item:not(:first-child) {
	left: -100%;
	opacity: 0;
}
[data-view='no'] .zoom-thumbs__item:first-child {
	left: -100%;
	opacity: 0;
}
.zoom-container {
	position: absolute;
	top: 52px;
	right: 0;
	width: 800px;
	height: 800px;
	background: #fff;
	box-shadow: 0 3px 1px rgba(35,31,32,0.1);
	z-index: -10;
}
[data-zoom='true'] .zoom-container {
	z-index: auto;
}

.slider-products {
	position: absolute;
	top: -50px;
	right: 0;
	width: 1000px;
	height: 950px;
	margin-right: -100px;
	opacity: 0;
	z-index: 0;
}
.animated .slider-products {
	animation: viewFadeInRight2 1.5s 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) both;
}
/*
.animated .slider-products .slick-prev,
.animated .slider-products .slick-next {
	animation: viewFadeInBottom2 0.4s 1.5s both;
}
.animated .slider-products .slick-dots li {
	animation: viewFadeInBottom2 0.4s 1.6s both;
}
*/
.animated .slider-products .slick-dots li:nth-of-type(1) { animation-delay: 1.7s; }
.animated .slider-products .slick-dots li:nth-of-type(2) { animation-delay: 1.8s; }
.animated .slider-products .slick-dots li:nth-of-type(3) { animation-delay: 1.9s; }
.animated .slider-products .slick-dots li:nth-of-type(4) { animation-delay: 2.0s; }
.animated .slider-products .slick-dots li:nth-of-type(5) { animation-delay: 2.1s; }
.animated .slider-products .slick-dots li:nth-of-type(6) { animation-delay: 2.2s; }
.animated .slider-products .slick-dots li:nth-of-type(7) { animation-delay: 2.3s; }
.animated .slider-products .slick-dots li:nth-of-type(8) { animation-delay: 2.4s; }
.animated .slider-products .slick-dots li:nth-of-type(9) { animation-delay: 2.5s; }

.slider-products .slick-prev {
	width: 32px;
	height: 32px;
	right: 50%;
	left: auto;
	bottom: 90px;
	z-index: 2;
}
.slider-products .slick-next {
	width: 32px;
	height: 32px;
	left: 50%;
	bottom: 90px;
	z-index: 2;
}
.slider-products .slick-prev:before,
.slider-products .slick-prev:after,
.slider-products .slick-next:before,
.slider-products .slick-next:after {
    width: 32px;
    height: 32px;
    border-radius: 0;
    background: #ccc;
}
.slider-products .slick-prev:before {
	background: url(/assets/img/products/slider_prev_off.png) no-repeat;
}
.slider-products .slick-prev:after {
	background: url(/assets/img/products/slider_prev_on.png) no-repeat;
}
.slider-products .slick-next:before {
	background: url(/assets/img/products/slider_next_off.png) no-repeat;
}
.slider-products .slick-next:after {
	background: url(/assets/img/products/slider_next_on.png) no-repeat;
}
.slider-products .slick-dots {
	bottom: 100px;
}
.products-styles {
	position: relative;
	min-height: 900px;
	visibility: visible !important;
}

.products-gallery {
	position: relative;
	margin-top: 41px;
	min-height: 632px;
	padding-bottom: 60px;
}
.animated.products-gallery {
	animation: viewFadeInBottom 0.8s 0.2s both;
}

.products-gallery__footer {	
	margin-top: 32px;
	text-align: center;
}

.image-list {
	display: flex;
	width: 100%;
	max-width: 1200px;
	min-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	flex-wrap: wrap;
	margin-top: 44px;
}
.image-list__item {
	width: 18.4%;
	margin-left: 1%;
	margin-right: 1%;
	list-style-type: none;
}
.image-list__item:nth-of-type(n+6) {
	margin-top: 40px;
}
.image-list__item:nth-of-type(5n+1) {
	margin-left: 0;
}
.image-list__item:nth-of-type(5n) {
	margin-right: 0;
}
.image-list__img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.image-list__caption {
	display: block;
	width: 184px;
	margin-top: 11px;
	margin-left: auto;
	margin-right: auto;
	line-height: 1.125;
	font-size: 1.6rem;
}
.animated.products-technical-data__header .section__header__title,
.animated.products-technical-data__header .section__header__text,
.animated.products-gallery__header .section__header__title,
.animated.products-gallery__header .section__header__text,
.animated.products-equipment__header .section__header__title,
.animated.products-equipment__header .section__header__text,
.animated.products-options__header .section__header__title,
.animated.products-options__header .section__header__text {
	animation: viewFadeInBottom2 0.8s 0s both;
}
.animated.products-technical-data__header .section__header__text,
.animated.products-gallery__header .section__header__text,
.animated.products-equipment__header .section__header__text,
.animated.products-options__header .section__header__text {
	animation-delay: 0.3s;
}
.products-tabs {
	padding-bottom: 236px;
}
.tab-nav-primary,
.tab-nav-secondary,
.tab-nav-tertiary {
	display: table;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
	table-layout: fixed;
}
.tab-nav-primary__item,
.tab-nav-secondary__item,
.tab-nav-tertiary__item {
	display: table-cell;
	width: 100%;
}
.tab-nav-primary__link,
.tab-nav-secondary__link,
.tab-nav-tertiary__link {
	display: block;
	text-decoration: none;
	line-height: 50px;
	text-align: center;
	transition: 0.3s;
	outline: none;
}
.tab-nav-primary__link {
	height: 50px;
	background: #656565;
	font-weight: bold;
	font-size: 2rem;
	color: rgba(255,255,255,0.5);
}
.tab-nav-primary__link:hover {
	color: rgba(255,255,255,1);
}
.ui-state-active > .tab-nav-primary__link {
	background: #333;
	color: rgba(255,255,255,1);
}
.tab-nav-primary,
.tab-nav-secondary--only {
	margin-top: 85px;
}
.tab-nav-secondary__link {
	height: 50px;
	background: #333;
	color: rgba(255,255,255,0.5);
}
.tab-nav-secondary__link:hover {
	color: rgba(255,255,255,1);
}
.ui-state-active > .tab-nav-secondary__link {
	color: rgba(255,255,255,1);
}
.tab-nav-tertiary {
	margin-top: 1em;
}
.tab-nav-tertiary__item {
	border: 1px solid #bdbdbd;
}
.tab-nav-tertiary__link {
	height: 48px;
	background: #fff;
	color: rgba(51,51,51,1.00);
}
.tab-nav-tertiary__link:hover {
	color: rgba(51,51,51,0.5);
}
.ui-state-active > .tab-nav-tertiary__link {
	background: #f0f0f0;
}
.tab-heading01 {
	margin-top: 90px;
	margin-bottom: 20px;
	font-size: 3.6rem;
}
.tab-heading02 {
	margin-top: 90px;
	margin-bottom: 35px;
	font-size: 3rem;
}
.tab-non-heading {
	margin-top: 90px;
}
.tab-img-large {
	margin-left: -100px;
	margin-right: -100px;
}
.tab-heading02--bottom-narrow {
	margin-bottom: 0;
}

.ui-tabs-panel[aria-hidden="false"] > *:not(.tab-nav-secondary) {
	animation: 0.8s viewFadeIn;
}

.specification-table {
	width: 800px;
	margin-top: 46px;
	margin-left: auto;
	margin-right: auto;
	font-size: 1.5rem;
}
.specification-table__row {
}
.specification-table__header {
	width: 330px;
	padding: 5px 10px;
	border: 1px solid #b3b3b3;
	text-align: left;
}
.specification-table__data {
	padding: 5px 10px;
	border: 1px solid #b3b3b3;
}
.specification-table-note {
	width: 800px;
	margin-top: 3px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 1.5rem;
}
.specification-table-text {
	width: 800px;
  margin-top: 0.5em;
	margin-left: auto;
	margin-right: auto;
	font-size: 1.5rem;
}


.technical-data {
	position: relative;
}
.technical-data-footer {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	padding-top: 50px;
	padding-bottom: 50px;
	background: #f5f5f5;
	text-align: center;
	font-size: 0;
}
.technical-data-footer__item {
	display: inline-block;
	margin-left: 10px;
	margin-right: 10px;
}
.technical-data-footer__link {
	width: 200px;
}

.jumbotron-products-mc815c-teaser {
	background: url(/assets/img/products/mc815c_teaser/jumbotron_bg.png) repeat-x;
	position: relative;
	min-width: 1000px;
	overflow: hidden;
}
/*
.jumbotron-products-mc815c-teaser__text::before {
	position: absolute;
	top: 0;
	display: block;
	content: '';
	animation: fadeOutOpacity 1s 0.5s both;
	background: linear-gradient(rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,0));
	width: 100%;
	height: 100%;
	z-index: 1;
}
*/
.jumbotron-products-details__img--mc815c_01 {
	top: 0;
	margin-left: -718px;
	/*animation: viewFadeInRight 0.8s 1s both;*/
	animation: viewFadeInRight2 0.8s 1.3s both;
}
.jumbotron-products-details__img--mc815c_02 {
	top: 197px;
	margin-left: -171px;
	/*animation: viewFadeInLeft2 0.8s 1.2s both;*/
	animation: viewFadeInLeft3 0.8s 1.45s both;
}
.jumbotron-products-mc815c-teaser__text {
	position: relative;
	height: 886px;
	padding-top: 166px;
	background: url(/assets/img/products/mc815c_teaser/jumbotron_bg2.png) repeat-x;
	text-align: center;
	color: #fff;
}
.jumbotron-products-mc815c-teaser__heading01 {
	font-size: 2.4rem;
	line-height: 17px;
	/*animation: viewFadeInBottom2 0.8s 1.5s both;*/
	animation: viewFadeInBottom2 0.8s 0.5s both;
}
.jumbotron-products-mc815c-teaser__heading02 {
	margin-top: 12px;
	font-size: 11rem;
	line-height: 80px;
	/*animation: viewFadeInBottom2 0.8s 1.65s both;*/
	animation: viewFadeInBottom2 0.8s 0.65s both;
}
.jumbotron-products-mc815c-teaser__heading03 {
	margin-top: 20px;
	font-weight: bold;
	font-size: 6rem;
	line-height: 43px;
	/*animation: viewFadeInBottom2 0.8s 1.8s both;*/
	animation: viewFadeInBottom2 0.8s 0.8s both;
}

.jumbotron-products-mc815c-teaser__spec {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
.jumbotron-products-mc815c-teaser__spec:after {
	content: '';
	display: block;
	clear: both;
}
.jumbotron-products-mc815c-teaser__spec__item {
	float: left;
}
.jumbotron-products-mc815c-teaser__spec__item--01 {
	width: 280px;
}
.jumbotron-products-mc815c-teaser__spec__item--01 {
	animation: viewFadeInBottom2 0.8s 1.6s both;
}
.jumbotron-products-mc815c-teaser__spec__item--02 {
	width: 235px;
}
.jumbotron-products-mc815c-teaser__spec__item--02 {
	animation: viewFadeInBottom2 0.8s 1.65s both;
}
.jumbotron-products-mc815c-teaser__spec__item--03 {
	animation: viewFadeInBottom2 0.8s 1.7s both;
}
.jumbotron-products-mc815c-teaser__spec__item--04 {
	float: right;
}
.jumbotron-products-mc815c-teaser__spec__item--04 {
	animation: viewFadeInBottom2 0.8s 1.75s both;
}
.jumbotron-products-mc815c-teaser__spec__fs-l {
	font-size: 4.8rem;
}
.jumbotron-products-mc815c-teaser__spec__text02 {
	margin-top: 9px;
	font-size: 2.4rem;
	line-height: 1;
}
.jumbotron-products-mc815c-teaser__notice {
	animation: fadeIn 0.8s 1.75s both;
	margin-top: 36px;
	text-align: center;
	font-size: 1.6rem;
	color: rgba(51,51,51,0.50);
}

.products-mc815c-teaser {
	position: relative;
	margin-top: -410px;
	padding-top: 700px;
	padding-bottom: 200px;
	background: url(/assets/img/products/mc815c_teaser/bg-min.png) no-repeat center top;
	transition: 2s background-position cubic-bezier(0.19, 1, 0.22, 1);
}

.products-mc815c-teaser__section01 {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 430px;
	padding-left: 100px;
	padding-right: 100px;
	transition: 2s transform cubic-bezier(0.19, 1, 0.22, 1);
}
.products-mc815c-teaser__heading01 {
	font-size: 8rem;
	line-height: 1;
}
.animated.products-mc815c-teaser__heading01 {
	animation: viewFadeInRight2 1s 0s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.animated.products-mc815c-teaser__heading01-02 {
	animation: viewFadeInLeftBlurNone 0.6s 0.6s cubic-bezier(0.075, 0.82, 0.165, 1) both;
}
@keyframes viewFadeInLeftBlur {
	0% {
		opacity: 0;
		filter: blur(10px);
		-webkit-filter: blur(10px);
		transform: translate3d(-30px, 0, 0);
		color: #fff;
	}
	75% {
		filter: blur(0);
		-webkit-filter: blur(0);
	}
	100% {
		opacity: 1;
		transform: none;
		color: #000;
	}
}
@keyframes viewFadeInRightBlur {
	0% {
		opacity: 0;
		transform: translate3d(30px, 0, 0);
	}
	100% {
		opacity: 1;
		transform: none;
	}
}
@keyframes viewFadeInLeftBlurNone {
	0% {
		opacity: 0;
		transform: translate3d(-30px, 0, 0);
	}
	100% {
		opacity: 1;
		transform: none;
	}
}
.products-mc815c-teaser__heading02 {
	font-size: 6.2rem;
	line-height: 1;
}
.animated .products-mc815c-teaser__heading02 {
	animation: viewFadeInBottom2 0.8s 0s both;
}
.animated .products-mc815c-teaser__heading03 {
	animation: viewFadeInBottom2 0.8s 0.2s both;
}
.products-mc815c-teaser__heading03 {
	margin-top: 8px;
	font-size: 3.2rem;
	color: #808080;
	line-height: 1;
}
.products-mc815c-teaser__list {
	margin-top: 46px;
}
.products-mc815c-teaser__list__item {
	position: relative;
	padding-left: 44px;
	list-style: none;
}
.animated .products-mc815c-teaser__list__item {
	animation: viewFadeInRight2 1s 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.animated .products-mc815c-teaser__list__item:nth-of-type(2) { animation-delay: 0.32s; }
.animated .products-mc815c-teaser__list__item:nth-of-type(3) { animation-delay: 0.39s; }
.animated .products-mc815c-teaser__list__item:nth-of-type(4) { animation-delay: 0.46s; }
.animated .products-mc815c-teaser__list__item:nth-of-type(5) { animation-delay: 0.53s; }
.animated .products-mc815c-teaser__list__item:nth-of-type(6) { animation-delay: 0.60s; }
.animated .products-mc815c-teaser__list__item:nth-of-type(7) { animation-delay: 0.67s; }
.animated .products-mc815c-teaser__list__item:nth-of-type(8) { animation-delay: 0.74s; }
.products-mc815c-teaser__list__item:not(:first-child) {
	margin-top: 13px;
}
.products-mc815c-teaser__list__item:before {
	position: absolute;
	left: 0;
	display: inline-block;
	content: '';
	width: 20px;
	height: 20px;
	background: url(/assets/img/common/icon_check.png) no-repeat;
}
.products-mc815c-teaser__animate {
	display: inline-block;
}
/*
.animated .products-mc815c-teaser__animate {
	animation: viewFadeInRightScale2 1s 0s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
	transform-origin: left center;
}
*/
.animated .products-mc815c-teaser__list__item:nth-of-type(1) .products-mc815c-teaser__animate { animation-delay: 0.25s; }
.animated .products-mc815c-teaser__list__item:nth-of-type(2) .products-mc815c-teaser__animate { animation-delay: 0.32s; }
.animated .products-mc815c-teaser__list__item:nth-of-type(3) .products-mc815c-teaser__animate { animation-delay: 0.39s; }
.animated .products-mc815c-teaser__list__item:nth-of-type(4) .products-mc815c-teaser__animate { animation-delay: 0.46s; }
.animated .products-mc815c-teaser__list__item:nth-of-type(5) .products-mc815c-teaser__animate { animation-delay: 0.53s; }
.animated .products-mc815c-teaser__list__item:nth-of-type(6) .products-mc815c-teaser__animate { animation-delay: 0.60s; }
.animated .products-mc815c-teaser__list__item:nth-of-type(7) .products-mc815c-teaser__animate { animation-delay: 0.67s; }
.animated .products-mc815c-teaser__list__item:nth-of-type(8) .products-mc815c-teaser__animate { animation-delay: 0.74s; }

.products-mc815c-teaser__section02 {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
.products-mc815c-teaser__img {
	position: relative;
	margin-top: 84px;
	margin-left: -200px;
	margin-right: -200px;
}
.animated .products-mc815c-teaser__img {
	animation: fadeIn 0.8s 0.6s both;
}
.technical-data-footer--mc815c-teaser {
	padding-top: 82px;
	padding-bottom: 82px;
}

/* prpducts category */

.jumbotron-products-index {
	position: relative;
	height: auto;
	min-width: 1000px;
	background: url(../images/jumbotron_bg.jpg) repeat-x center top;
	overflow: hidden;
}

.jumbotron-products-index::before {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	content: '';
	animation: fadeOutOpacityProducts 1s 0.5s both;
	background: #d5dfe0;
	width: 100%;
	height: 100%;
}
/*
.jumbotron-products-details__img {
	position: absolute;
	left: 50%;
	z-index: 0;
	animation: viewFadeInLeft 2s 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) both;
}
*/

.jumbotron-products-index__heading {
	position: absolute;
	top:150px;
	width: 100%;
	text-align: center;
	font-size:4.5rem;
	line-height: 1;
}
.jumbotron-products-index__text {
	position: absolute;
	top:210px;
	width: 100%;
	text-align: center; font-size:16px; line-height:26px; color:#555;
}

/*产品*/
.prolist{ margin-bottom:60px;}
.spider-cranes-lineup {
	width:1300px; margin:0 auto; margin-top:280px;overflow:hidden;
}
.spider-cranes-lineup .pro_li{ margin:0 9.5px 25px 9.5px;}
.spider-cranes-lineup__item {
	position: relative;
	display: table-cell;
	padding-bottom: 40px;
	text-align: center;
}
.spider-cranes-lineup__item01 {
	animation: viewFadeInRight 1s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) both;
}
.spider-cranes-lineup__item02 {
	animation: viewFadeInRight 1s 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) both;
}
.spider-cranes-lineup__item03 {
	animation: viewFadeInRight 1s 1.0s cubic-bezier(0.165, 0.84, 0.44, 1) both;
}
.spider-cranes-lineup__item04 {
	animation: viewFadeInRight 1s 1.1s cubic-bezier(0.165, 0.84, 0.44, 1) both;
}
.spider-cranes-lineup__item05 {
	animation: viewFadeInRight 1s 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) both;
}
.spider-cranes-lineup__item06 {
	animation: viewFadeInRight 1s 1.3s cubic-bezier(0.165, 0.84, 0.44, 1) both;
}
.spider-cranes-lineup__img {
	transition: 0.6s opacity, 0.3s transform;
}
.spider-cranes-lineup__btn {
	position: absolute;
	width: 100%;
	bottom: 0;
}
/**/
.spider-cranes-image01,
.crawler-cranes-images01{
	z-index: -1;
}
.animated .spider-cranes-image01,
.animated .crawler-cranes-images01 {
	z-index: 1;
	animation: viewFadeIn 1s 0.5s both;
}
.animated .spider-cranes-image02 {
	animation: viewFadeIn 1s 0.5s both;
}

.products-section {
	padding-top: 60px;
	padding-bottom: 90px;
}
.products-section--top-small {
	padding-top: 10px;
}
.products-section--top-middle {
	padding-top: 110px;
}
.products-section--top-large {
	padding-top: 150px;
}
.products-section--top-large2 {
	padding-top: 185px;
}
.products-section--bottom-large {
	padding-bottom: 150px;
}
.products-section--bottom-large2 {
	padding-bottom: 195px;
}
.products-section--bottom-narrow {
	padding-bottom: 0;
}
.products-section__row {
	display: flex;
	align-items: center;
	justify-content: center;
}
.products-section__row--reverse {
	flex-direction: row-reverse;
}
.products-section__col {
	width: 50%;
	vertical-align: middle;
	max-width: 600px;
	min-width: 500px;
}
.products-section__col--wide {
	width: 100%;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}
.products-section__col--text {
	padding-left: 100px;
	padding-right: 100px;
	z-index: 1;
}
.products-section__row--reverse .products-section__col--text {
	padding-right: 100px;
	padding-left: 100px;
}
.products-section__row--reverse .products-section__col--outriggers {
	padding-right: 150px;
	padding-left: 0;
}
.products-section-image01 {
	margin-left: -200px;
}
.products-section-image02 {
	margin-right: -200px;
}
.products-section-image03 {
	margin-left: -100px;
}
.products-section-image04 {
	margin-right: -100px;
}
.products-section-image05 {
	margin-top: -150px;
}
.products-section__col--image__stretch img {
	max-width: 100%;
	height: auto;
}

.spider-cranes-animation01 img {
	width: 100%;
	height: auto;
}
.spider-cranes-animation01 {
	display: block;
	position: relative;
}
.spider-cranes-animation01:before {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	content: '';
	background: url(/assets/img/products/spider-cranes/img02.jpg) no-repeat;
	background-size: cover;
}
.spider-cranes-animation01:after {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	content: '';
	background: url(/assets/img/products/spider-cranes/img03.jpg) no-repeat;
	background-size: cover;
}
.animated .spider-cranes-animation01:before {
	animation: fadeIn 0.8s 1.5s both;
}
.animated .spider-cranes-animation01:after {
	animation: fadeIn 0.8s 3s both;
}

.spider-cranes-animation02 img {
	width: 100%;
	height: auto;
}
.spider-cranes-animation02 {
	display: block;
	position: relative;
}
.spider-cranes-animation02:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: '';
	background: url(/assets/img/products/spider-cranes/img05.jpg);
	background-size: cover;
}
.animated .spider-cranes-animation02:before {
	animation: fadeIn 2s 1.5s both;
}

.spider-cranes-animation03 {
	display: block;
	position: relative;
	overflow: hidden;
}
.spider-cranes-animation03:before {
	position: absolute;
	top: 685px;
	left: 35px;
	content: '';
	width: 80px;
	height: 750px;
	background: #fafafa url(/assets/img/products/spider-cranes/img10_crane.png) no-repeat;
	animation: spiderCranesAnimation03 10s 0s infinite;
}
@keyframes spiderCranesAnimation03 {
	0% {
		transform: none;
	}
	50% {
		transform: translateY(-600px);
	}
	100% {
		transform: none;
	}
}


.products-cycle {
}
.products-cycle__images img {
	max-width: 100%;
	height: auto;
}
.products-cycle__image {
	list-style-type: none;
}
.products-cycle__thumbs {
	display: flex;
	justify-content: center;
	margin-top: 20px;
}
.products-cycle__thumb {
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
	list-style-type: none;
	cursor: pointer;
}
.products-cycle__thumb:after {
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	transition: 0.3s;
	border: 4px solid rgba(0,161,218,0);
	background: rgba(255,255,255,0.00);
}
.products-cycle__thumb:not(.products-cycle__thumb--active):hover:after {
	background: rgba(255,255,255,0.35);
}
.products-cycle__thumb--active:after {
	border-color: rgba(0,161,218,1);
}

.spider-cranes-animation04 {
	display: block;
	position: relative;
}
.spider-cranes-animation04:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: '';
	background: url(/assets/img/products/spider-cranes/tipping_prevention_system01_cover.png);
	background-size: cover;
	animation: blink 0.4s 0s infinite alternate;
}

.spider-cranes-animation05 {
	display: block;
	position: relative;
}
.spider-cranes-animation05:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: '';
	background: url(/assets/img/products/spider-cranes/working_envelope_setting01_cover.png);
	background-size: cover;
	animation: blink 0.4s 0s infinite alternate;
}

.spider-cranes-animation06 {
	display: block;
	position: relative;
}
.spider-cranes-animation06:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: '';
	background: url(/assets/img/products/spider-cranes/img11_cover.png);
	background-size: cover;
	animation: blink 0.4s 0s infinite alternate;
}
.products-section-small-image {
	float: left;
}
.products-section-small-image + .products-section-small-image {
	margin-left: 30px;
}
@media (max-width: 1280px) {
	.products-section-small-image {
		width: 120px;
	}
	.products-section-small-image + .products-section-small-image {
		margin-left: 15px;
	}
}
.products-section-image-wide01 {
	padding-top: 40px;
	padding-bottom: 266px;
	background: url(/assets/img/products/spider-cranes/crane_tilt_alarm_bg.png) no-repeat center bottom;
}
.products-section-image-wide01 img {
	max-width: 100%;
	height: auto;
}
.products-section-image-wide02 {
	margin-left: -728px;
	margin-right: -125px;
	z-index: 0;
}


.spider-cranes-animation07 {
	display: inline-block;
	max-width: 1200px;
	min-width: 1000px;
	position: relative;
}
.spider-cranes-animation07:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: '';
	background: url(/assets/img/products/spider-cranes/crane_tilt_alarm01_cover.png);
	background-size: cover;
	animation: blink 0.4s 0s infinite alternate;
}
.spider-cranes-remote-control {
	margin-top: -94px;
}

@keyframes blink {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.jumbotron__crawler-cranes {
	position: absolute;
	top: 275px;
	left: 50%;
	width: 400px;
	margin-left: -500px;
}
.jumbotron__crawler-cranes__heading {
	position: static;
	text-align: left;
}
.jumbotron__crawler-cranes__text {
	position: static;
	margin-top: 20px;
	text-align: left;
}
.crawler-cranes-lineup {
	position: absolute;
	left: 50%;
	top: 125px;
	display: table;
	width: 100%;
	max-width: 560px;
	min-width: 100px;
	margin-left: -90px;
}
.crawler-cranes-lineup__item {
	position: relative;
	display: table-cell;
	padding-bottom: 40px;
	text-align: center;
}
.crawler-cranes-lineup__img {
	transition: 0.6s opacity, 0.3s transform;
}
.crawler-cranes-lineup__img01 {
}
.crawler-cranes-lineup__img02 {
	margin-right: -15px;
	margin-left: 10px;
}
.crawler-cranes-lineup__img03 {
	margin-right: -45px;
}
.crawler-cranes-lineup__btn {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
}
.crawler-cranes-lineup__item01 {
	padding-left: 10px;
	padding-right: 10px;
	animation: viewFadeInRight 2s 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) both;
}
.crawler-cranes-lineup__item02 {
	animation: viewFadeInRight 2s 0.45s cubic-bezier(0.165, 0.84, 0.44, 1) both;
}
.crawler-cranes-lineup__item03 {
	animation: viewFadeInRight 2s 0.65s cubic-bezier(0.165, 0.84, 0.44, 1) both;
}


.spider-cranes-lineup[data-state='hover'] .spider-cranes-lineup__item:not([data-state='hover']) > *,
.crawler-cranes-lineup[data-state='hover'] .crawler-cranes-lineup__item:not([data-state='hover']) > *,
.knuckle-boom-lineup[data-state='hover'] .knuckle-boom-lineup__item:not([data-state='hover']) > * {
	opacity: 0.1;
	transition: 0.3s opacity;
}
.spider-cranes-lineup__item[data-state='hover'] > .spider-cranes-lineup__img,
.crawler-cranes-lineup__item[data-state='hover'] > .crawler-cranes-lineup__img,
.knuckle-boom-lineup__item[data-state='hover'] > .knuckle-boom-lineup__img {
	transform: translateY(-10px);
	transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.crawler-cranes-parallax {
	display: flex;
	align-items: center;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
.crawler-cranes-parallax01 {
	margin-top: 114px;
	margin-bottom: 124px;
}
.crawler-cranes-parallax02 {
}
.crawler-cranes-parallax02__img {
	width: 100%;
}
.crawler-cranes-parallax03 {
	margin-top: 90px;
	align-items: flex-start;
}
.crawler-cranes-parallax03__img {
	padding-top: 100px;
}
.crawler-cranes-parallax--reverse {
	flex-direction: row-reverse;
}
.crawler-cranes-parallax__text-body,
.crawler-cranes-parallax__img {
	transition: 2s transform cubic-bezier(0.19, 1, 0.22, 1);
}
.crawler-cranes-parallax__text-body {
	position: relative;
	background: #fff;
	z-index: 1;
}
.crawler-cranes-parallax__text-body01 {
	width: 615px;
	margin-left: -50px;
	padding-left: 75px;
	padding-top: 75px;
	padding-right: 75px;
	padding-bottom: 75px;
}
.crawler-cranes-parallax__text-body03 {
	width: 458px;
	margin-right: -50px;
	padding-left: 65px;
	padding-top: 65px;
	padding-right: 65px;
	padding-bottom: 65px;
}

.crawler-cranes-animation01,
.crawler-cranes-animation02,
.crawler-cranes-animation03 {
	display: block;
	position: relative;
}
.crawler-cranes-animation01:before,
.crawler-cranes-animation02:before,
.crawler-cranes-animation03:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: '';
	background-size: cover;
}
.crawler-cranes-animation01:before {
	background-image: url(/assets/img/products/crawler-cranes/tipping_prevention_system01_cover.png);
	animation: blink 0.4s 0s infinite alternate;
}
.crawler-cranes-animation02:before {
	background-image: url(/assets/img/products/crawler-cranes/working_envelope_setting01_cover.png);
	animation: blink 0.4s 0s infinite alternate;
}
.crawler-cranes-animation03:before {
	background-image: url(/assets/img/products/crawler-cranes/img04_cover.png);
	animation: blink 0.4s 0s infinite alternate;
}
.products-section-image-wide03 {
	background: url(/assets/img/products/crawler-cranes/img04_bg.png) no-repeat center bottom;
}
.products-section-image-wide03__inner {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 260px;
}
.products-section-image-wide03 img {
	max-width: 100%;
	height: auto;
}
.crawler-cranes-tilt-alarm {
	position: relative;
}
.crawler-cranes-tilt-alarm__text {
	position: absolute;
	left: 50%;
	top: 315px;
	width: 402px;
	margin-left: 100px;
}
.crawler-cranes-images {
	max-width: 1100px;
	margin-top: 55px;
	margin-left: auto;
	margin-right: auto;
}
.crawler-cranes-images__item {
	font-size: 2.2rem;
}
.animated .crawler-cranes-images__item01 {
	animation: viewFadeIn 0.8s 0.6s both;
}
.animated .crawler-cranes-images__item02 {
	animation: viewFadeIn 0.8s 0.6s both;
}

.products-images-cover {
	display:  inline-block;
	position: relative;
	overflow: hidden;
}
.products-images-cover::before {
	position: absolute;
	display: block;
	content: '';
	height: 800px;
	width: 800px;
	background: #f1f1f1;
	top: -100px;
	left: -100px;
}
.animated.products-images-cover::before,
.animated .products-images-cover::before {
	animation: viewMask 1s 0.8s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
}
.animated .products-section-image05 {
	animation-delay: 1.2s;
}


.jumbotron__knuckle-boom {
	position: absolute;
	top: 320px;
	left: 50%;
	width: 400px;
	margin-left: 100px;
}
.jumbotron__knuckle-boom__heading {
	position: static;
	text-align: left;
}
.jumbotron__knuckle-boom__text {
	position: static;
	margin-top: 20px;
	text-align: left;
}
.knuckle-boom-lineup {
	position: absolute;
	left: 50%;
	top: 180px;
	display: table;
	width: 100%;
	max-width: 450px;
	min-width: 100px;
	margin-left: -490px;
}
.knuckle-boom-lineup__item {
	position: relative;
	display: table-cell;
	padding-bottom: 40px;
	text-align: center;
	width: 448px;
	animation: viewFadeInLeft 2s 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) both;
}
.knuckle-boom-lineup__img01 {
	margin-right: -550px;
	margin-bottom: -8px;
	transition: 0.6s opacity, 0.3s transform;
}
.knuckle-boom-lineup__btn {
	position: absolute;
	width: 100%;
	bottom: 0;
}
.knuckle-boom-parallax {
	display: flex;
	align-items: center;
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
}
.knuckle-boom-parallax01 {
	align-items: flex-end;
	margin-top: 114px;
	margin-bottom: 200px;
}
.knuckle-boom-parallax02 {
	align-items: flex-end;
	margin-top: 200px;
	margin-bottom: 200px;
}
.knuckle-boom-parallax03 {
	justify-content: center;
	align-items: flex-end;
}
.knuckle-boom-parallax03__img01 {
	margin-right: -200px;
	z-index: 1;
}
.knuckle-boom-parallax03__img02 {
	margin-bottom: -170px;
}
.knuckle-boom-parallax04 {
	margin-top: 370px;
	justify-content: center;
}
.knuckle-boom-parallax05 {
	justify-content: center;
}
.knuckle-boom-parallax02__img {
	width: 100%;
}
.knuckle-boom-parallax--reverse {
	flex-direction: row-reverse;
}
.knuckle-boom-parallax__text-body,
.knuckle-boom-parallax__img {
	transition: 2s transform cubic-bezier(0.19, 1, 0.22, 1);
}
.knuckle-boom-parallax__text-body {
	position: relative;
	background: #fff;
	z-index: 1;
}
.knuckle-boom-parallax__text-body01 {
	width: 600px;
	margin-right: -308px;
	margin-bottom: -100px;
	padding-left: 60px;
	padding-top: 85px;
	padding-right: 60px;
	padding-bottom: 85px;
}
.knuckle-boom-parallax__text-body02 {
	width: 600px;
	margin-left: -300px;
	margin-bottom: -100px;
	padding-left: 65px;
	padding-top: 65px;
	padding-right: 65px;
	padding-bottom: 65px;
}
.knuckle-boom-animation04,
.knuckle-boom-animation05,
.knuckle-boom-animation06 {
	position: relative;
	display: inline-block;
}
.knuckle-boom-animation04:before,
.knuckle-boom-animation05:before,
.knuckle-boom-animation06:before {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: 1.5s 1s;
}
.knuckle-boom-animation04:before {
	background: url(/assets/img/products/knuckle-boom/img02_cover.jpg);
}
.knuckle-boom-animation05:before {
	background: url(/assets/img/products/knuckle-boom/img04_cover.jpg);
}
.knuckle-boom-animation06:before {
	background: url(/assets/img/products/knuckle-boom/img06_cover.jpg);
}
.animated .knuckle-boom-animation04:before,
.animated .knuckle-boom-animation05:before,
.animated .knuckle-boom-animation06:before {
	opacity: 1;
}
.knuckle-boom-animation01 {
	display: block;
	position: relative;
}
.knuckle-boom-animation01:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: '';
	background: url(/assets/img/products/knuckle-boom/img07_cover.png);
	background-size: cover;
	animation: blink 0.4s 0s infinite alternate;
}
.products-section--moment-limiter__text01 {
	position: relative;
	width: 512px;
	margin-left: auto;
	margin-right: auto;
}
.products-section--moment-limiter__img {
	margin-top: -6px;
	margin-bottom: -73px;
}
.knuckle-boom-animation02 {
	display: block;
	position: relative;
}
.knuckle-boom-animation02:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: '';
	background: url(/assets/img/products/knuckle-boom/img09_cover.png);
	background-size: cover;
	animation: blink 0.4s 0s infinite alternate;
}
.products-section-image-wide04 {
	padding-top: 100px;
	padding-bottom: 193px;
	background: url(/assets/img/products/knuckle-boom/img10_bg.png) no-repeat center bottom;
}
.products-section-image-wide04 img {
	max-width: 100%;
	height: auto;
}
.knuckle-boom-animation03 {
	display: inline-block;
	max-width: 1200px;
	min-width: 1000px;
	position: relative;
}
.knuckle-boom-animation03:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: '';
	background: url(/assets/img/products/knuckle-boom/img10_cover.png);
	background-size: cover;
	animation: blink 0.4s 0s infinite alternate;
}
.knuckle-boom-remote-control {
	padding-bottom: 157px;
}
.animated .knuckle-boom-images01 {
	animation: viewFadeIn 0.8s 0.6s both;
}
.animated .knuckle-boom-images02 {
	animation: viewFadeInBottom 0.8s 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) both;
}



/* ==========================================================================
   PAGE - APPLICATIONS
   ========================================================================== */

.jumbotron--application {
	margin-bottom: 20px;
	background: url(/assets/img/application/application_jumbotron.jpg) no-repeat center top;
	background-size: cover;
	font-size: 7.2rem;
}
.jumbotron--application::before {
	position: absolute;
	top: 0;
	display: block;
	content: '';
	animation: fadeOutOpacity 1s 0.5s both;
	background: #000;
	width: 100%;
	height: 100%;
}
.jumbotron__heading--application {
	margin-top: -33px;
	color: rgba(255,255,255,0.9);
}
.jumbotron__text--application {
	margin-top: 30px;
	font-size: 2.4rem;
	color: rgba(255,255,255,0.9);
}
.jumbotron__heading--application,
.jumbotron__text--application {
	animation-duration: 0.8s;
	animation-fill-mode: both;
	animation-name: viewFadeInBottom2;
	animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.jumbotron__heading--application {
	animation-delay: 1s;
}
.jumbotron__text--application {
	animation-delay: 1.15s;
}

.application-nav {
	display: flex;
	flex-wrap: wrap;
	/*width: 1020px;*/
	margin-top: 91px;
	margin-left: -10px;
	margin-right: -10px;
}
.application-nav__item {
	/*width: 204px;*/
	width: 20%;
	min-height: 180px;
	padding-left: 10px;
	padding-right: 10px;
	list-style-type: none;
	line-height: 1.25;
	font-size: 1.6rem;
}
.application-nav__item:nth-of-type(n+6) {
	margin-top: 20px;
}
.application-nav__link {
	position: relative;
	display: block;
	text-decoration: none;
	text-align: center;
}
.application-nav__link:before {
	position: absolute;
	/*top: 39px;*/
	top: 52px;
	left: 50%;
	margin-left: -19px;
	content: attr(data-index);
	display: block;
	width: 37px;
	height: 37px;
	border-radius: 50%;
	background: #000;
	box-shadow: 0 2px 1px rgba(0,0,0,0.10);
	line-height: 37px;
	text-align: center;
	font-style: italic;
	color: #fff;
	z-index: 2;
}
.application-nav__link:after {
}
.application-nav__thumb-cover {
	position: relative;
	display: block;
	overflow: hidden;
}
.application-nav__thumb-cover:after {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	background: rgba(255,255,255,0.80);
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: 0.3s;
}
.application-nav__caption {
	display: block;
	margin-top: 7px;
	margin-left: 10px;
	margin-right: 10px;
	transition: 0.3s;
}
.application-nav__link img {
	width: 100%;
	height: auto;
	transition: 0.3s;
}
.application-nav__link:hover img {
	transform: scale(1.05);
}
.application-nav__link:hover .application-nav__thumb-cover:after {
	opacity: 1;
}
.application-nav__link:hover .application-nav__caption {
	opacity: 0.5;
}

.application-gallery {
	position: relative;
	margin-top: 41px;
	min-height: 632px;
	padding-bottom: 60px;
}
.animated.application-gallery {
	animation: viewFadeInBottom 0.8s 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) both;
}


.application-entry {
	text-align: center;
}
.application-entry__number {
	display: inline-block;
	width: 71px;
	border-radius: 50%;
	background: #000;
	box-shadow: 0 2px 1px rgba(0,0,0,0.10);
	line-height: 71px;
	font-size: 2.8rem;
	font-style: italic;
	color: #fff;
}
.application-entry__title {
	margin-top: 41px;
	margin-bottom: -1.3rem;
	font-size: 4.2rem;
}
.application-entry__text {
}



/* ==========================================================================
   PAGE - MADE IN JAPAN
   ========================================================================== */

.jumbotron--made-in-japan {
	margin-bottom: 46px;
	background: url(/assets/img/made-in-japan/made-in-japan_jumbotron.jpg) no-repeat center top;
	background-size: cover;
	font-size: 7.2rem;
}
.jumbotron--made-in-japan::before {
	position: absolute;
	top: 0;
	display: block;
	content: '';
	animation: fadeOutOpacity 1s 0.5s both;
	background: #000;
	width: 100%;
	height: 100%;
}
.made-in-japan__title--jumbotron {
	margin-top: -137px;
	padding-top: 51px;
	border: none;
	/*border-color: rgba(255,255,255,0.46);*/
}
.made-in-japan__title--jumbotron .made-in-japan__title__text01,
.made-in-japan__title--jumbotron .made-in-japan__title__text02,
.made-in-japan__title--jumbotron .made-in-japan__title__text03,
.made-in-japan__title--jumbotron .made-in-japan__title__note {
	animation: fadeIn 0.8s 1.75s both;
}
.made-in-japan__title--jumbotron::before,
.made-in-japan__title--jumbotron::after,
.made-in-japan__title--jumbotron .made-in-japan__title__text::before,
.made-in-japan__title--jumbotron .made-in-japan__title__text::after {
	position: absolute;
	display: block;
	content: '';
	transition: 1s 1s cubic-bezier(0.19, 1, 0.22, 1);
	background: #fff;
}
.made-in-japan__title--jumbotron::before {
	width: 3px;
	height: 100%;
	left: 0;
	top: 0;
	transform: scaleY(0);
	transform-origin: 0px 0px;
}
.made-in-japan__title--jumbotron::after {
	height: 3px;
	width: 100%;
	left: 0;
	bottom: 0;
	transform: scaleX(0);
	transform-origin: 0px 0px;
}
.made-in-japan__title--jumbotron .made-in-japan__title__text::before {
	width: 3px;
	height: 100%;
	right: 0;
	top: 0;
	transform: scaleY(0);
	transform-origin: right bottom;
}
.made-in-japan__title--jumbotron .made-in-japan__title__text::after {
	height: 3px;
	width: 100%;
	right: 0;
	top: 0;
	transform: scaleX(0);
	transform-origin: right top;
}
.animated.made-in-japan__title--jumbotron::before {
	transform: scaleY(1);
}
.animated.made-in-japan__title--jumbotron::after {
	transform: scaleX(1);
}
.animated.made-in-japan__title--jumbotron .made-in-japan__title__text::before {
	transform: scaleY(1);
}
.animated.made-in-japan__title--jumbotron .made-in-japan__title__text::after {
	transform: scaleX(1);
}

.made-in-japan-header {
	 position: relative;
	 min-width: 1000px;
	 margin-left: auto;
	 margin-right: auto;
	 padding-top: 72px;
	 text-align: center;
}
.made-in-japan-header:before {
	display: block;
	content: '';
	position: absolute;
	top: 7px;
	left: 50%;
	width: 56px;
	height: 34px;
	margin-left: -28px;
	border: 1px solid #666;
}
.made-in-japan-header:after {
	display: block;
	content: '';
	width: 18px;
	height: 18px;
	position: absolute;
	top: 15px;
	left: 50%;
	margin-left: -9px;
	border-radius: 50%;
	background: #4d4d4d;
}
.made-in-japan-header__title {
	line-height: 1;
	 font-weight: normal;
	 font-size: 6.4rem;
}
.made-in-japan-header__text {
	 margin-top: 28px;
	 font-size: 2.4rem;
}

.made-in-japan__row {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 150px;
}
.made-in-japan__row--reverse {
	flex-direction: row-reverse;
}
.made-in-japan__row--narrow-top {
	margin-top: 0;
}
.made-in-japan__col {
	vertical-align: middle;
	max-width: 600px;
	min-width: 550px;
	width: 50%;
}
/*
.animated .made-in-japan__col:nth-of-type(2) {
	animation: viewFadeInBottom 0.6s both;
	animation-delay: 0.3s;
}
*/
.made-in-japan__col--text {
	padding-left: 50px;
	padding-right: 150px;
}
.made-in-japan__row--reverse .made-in-japan__col--text {
	padding-left: 150px;
	padding-right: 50px;
}

.slider-photos {
	width: 100%;
	max-width: 600px;
}
.made-in-japan__photo {
	position: relative;
	overflow: hidden;
}
.made-in-japan__photo::before {
	position: absolute;
	display: block;
	content: '';
	height: 800px;
	width: 800px;
	background: #f1f1f1;
	top: -90px;
	left: -90px;
}
.animated.made-in-japan__photo::before,
.animated .made-in-japan__photo::before {
	animation: viewMask 1s 0.8s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
}
@keyframes viewMask {
	0% {
		transform: rotateZ(20deg) translateX(0);
	}
	100% {
		transform: rotateZ(20deg) translateX(100%);
	}
}
.slider-photos__item img,
.made-in-japan__photo img {
	max-width: 100%;
	height: auto;
}




/* ==========================================================================
   PAGE - Customer Experiences
   ========================================================================== */

.jumbotron--customer-experiences {
	margin-bottom: 21px;
	background: url(/assets/img/customer-experiences/customer-experiences_jumbotron.jpg) no-repeat center top;
	background-size: cover;
	font-size: 7.2rem;
}
.jumbotron--customer-experiences::before {
	position: absolute;
	top: 0;
	display: block;
	content: '';
	animation: fadeOutOpacity 1s 0.5s both;
	background: #000;
	width: 100%;
	height: 100%;
}
.jumbotron__heading--customer-experiences {
	text-shadow:
		0 0 10px rgba(0,0,0,0.20),
		0 0 10px rgba(0,0,0,0.20),
		0 0 10px rgba(0,0,0,0.20),
		0 0 10px rgba(0,0,0,0.20);
	font-size: 7.2rem;
	line-height: 0.95;
	color: rgba(255,255,255,0.9);
}
.jumbotron__text--customer-experiences {
	font-size: 15px;
	color: rgba(255,255,255,0.9);
}
.jumbotron__heading--customer-experiences,
.jumbotron__text--customer-experiences,
.jumbotron__nav--customer-experiences {
	animation-duration: 0.8s;
	animation-fill-mode: both;
	animation-name: viewFadeInBottom2;
	animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.jumbotron__text--customer-experiences {
	animation-delay: 1s;
}
.jumbotron__heading--customer-experiences {
	animation-delay: 1.15s;
}
.jumbotron__nav--customer-experiences {
	animation-delay: 1.3s;
}

.customer-experiences-header {
	margin-bottom: 50px;
}
.customer-experiences-header__title-main {
	font-size: 6.4rem;
	line-height: 1;
}
/*
.animated.customer-experiences-header__title-main {
	animation: viewFadeInBottom2 0.8s 0s cubic-bezier(0.215, 0.61, 0.355, 1) both;
}
*/
.customer-experiences-header__title-main--anchor {
	position: relative;
	margin-top: -100px;
	padding-top: 100px;
}
.customer-experiences-header__title-sub {
	font-size: 3.6rem;
	line-height: 1;
}
/*
.animated.customer-experiences-header__title-sub {
	animation: viewFadeInBottom2 0.8s 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) both;
}
*/
.customer-experiences-header__data {
	margin-top: 4rem;
}
.customer-experiences-header__data__item {
	list-style-type: none;
	text-align: center;
}
.customer-experiences-header__data__item:not(:first-child) {
	margin-top: 0.3rem;
}
.customer-experiences-header__data__item:before {
	display: inline-block;
	content: '';
	width: 22px;
	height: 22px;
	margin-right: 8px;
	background-repeat: no-repeat;
	vertical-align: -0.4rem;
}
.customer-experiences-header__data__item--icon01:before {
	background-image: url(/assets/img/customer-experiences/customer_icon01.png);
}
.customer-experiences-header__data__item--icon02:before {
	background-image: url(/assets/img/customer-experiences/customer_icon02.png);
}
.customer-experiences-header__data__item--icon03:before {
	background-image: url(/assets/img/customer-experiences/customer_icon03.png);
}

.customer-experiences__image {
	position: relative;
	margin-bottom: 4.5rem;
	overflow: hidden;
}
.customer-experiences__image::before {
	position: absolute;
	display: block;
	content: '';
	height: 1000px;
	width: 120%;
	background: #f1f1f1;
	top: -150px;
	left: -100px;
	transform: rotateZ(20deg) translateX(0);
}
.animated + .customer-experiences__image::before {
	animation: viewMask 1s 0.8s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
}



/* ==========================================================================
   PAGE - COMPANY
   ========================================================================== */

.jumbotron--company {
	margin-bottom: 20px;
	background: url(/assets/img/company/company_jumbotron.jpg) no-repeat center top;
	background-size: cover;
	font-size: 7.2rem;
}
.jumbotron--company::before {
	position: absolute;
	top: 0;
	display: block;
	content: '';
	animation: fadeOutOpacity 1s 0.5s both;
	background: #fff;
	width: 100%;
	height: 100%;
}
.jumbotron__heading--company {
	color: rgba(255,255,255,0.9);
}
.jumbotron__text--company {
	font-size: 15px;
	color: rgba(255,255,255,0.9);
}
.jumbotron__heading--company,
.jumbotron__text--company {
	animation-duration: 0.8s;
	animation-fill-mode: both;
	animation-name: viewFadeInBottom2;
	animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.jumbotron__heading--company {
	animation-delay: 1s;
}
.jumbotron__text--company {
	animation-delay: 1.15s;
}

.company-nav {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	transition: 0.1s;
}
.company-nav__item {
	width: 490px;
	list-style-type: none;
	animation: viewFadeInBottom 0.8s both;
	/*transition: 0.1s;*/
}
.company-nav__item:nth-of-type(n+3) {
	margin-top: 20px;
}
@media (min-width: 1280px) {
	.company-nav {
		max-width: 1200px;
	}
	.company-nav__item {
		width: 575px;
		transition: 0.3s;
	}
	.company-nav__item:nth-of-type(n+3) {
		margin-top: 50px;
	}
}
.company-nav__item:nth-of-type(1) {
	animation-delay: 1.25s;
}
.company-nav__item:nth-of-type(2) {
	animation-delay: 1.4s;
}
.company-nav__item:nth-of-type(3) {
	animation-delay: 1.55s;
}
.company-nav__item:nth-of-type(4) {
	animation-delay: 1.7s;
}
.company-nav__link {
	overflow: hidden;
	position: relative;
	text-decoration: none;
	display: block;
}
.company-nav__link:after {
	display: block;
	content: attr(title);
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding-top: 9px;
	padding-bottom: 9px;
	background: rgba(21,40,79,0.85);
	font-size: 2.4rem;
	text-align: center;
	color: #fff;
	transition: 0.3s;
}
.company-nav__link:hover:after {
	background: rgba(0,106,173,0.85);
}
.company-nav__image {
	max-width: 100%;
	height: auto;
	transition: 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.company-nav__link:hover .company-nav__image {
	transform: scale(1.05);
}
.company-button {
	width: 280px;
	margin-top: 100px;
	margin-left: auto;
	margin-right: auto;
}



/* ==========================================================================
   PAGE - ABOUT
   ========================================================================== */

.jumbotron--about {
	background: url(/assets/img/company/about_jumbotron.jpg) no-repeat center top;
	background-size: cover;
	font-size: 7.2rem;
}
.jumbotron--about::before {
	position: absolute;
	top: 0;
	display: block;
	content: '';
	animation: fadeOutOpacity 1s 0.5s both;
	background: #5494d1;
	width: 100%;
	height: 100%;
}
.jumbotron__heading--about {
	text-shadow:
		0 0 120px rgb(255,255,255),
		0 0 120px rgb(255,255,255),
		0 0 120px rgb(255,255,255),
		0 0 120px rgb(255,255,255),
		0 0 60px rgb(255,255,255),
		0 0 60px rgb(255,255,255),
		0 0 30px rgb(255,255,255),
		0 0 30px rgb(255,255,255),
		0 0 30px rgb(255,255,255),
		0 0 30px rgb(255,255,255),
		0 0 20px rgb(255,255,255),
		0 0 20px rgb(255,255,255),
		0 0 20px rgb(255,255,255),
		0 0 10px rgb(255,255,255),
		0 0 10px rgb(255,255,255),
		0 0 rgba(21,40,79,1);
	color: rgba(21,40,79,0.9);
}
.jumbotron__text--about {
	text-shadow:
		0 0 50px rgb(255,255,255),
		0 0 50px rgb(255,255,255),
		0 0 40px rgb(255,255,255),
		0 0 30px rgb(255,255,255),
		0 0 20px rgb(255,255,255),
		0 0 20px rgb(255,255,255),
		0 0 20px rgb(255,255,255),
		0 0 20px rgb(255,255,255),
		0 0 20px rgb(255,255,255),
		0 0 rgba(21,40,79,1);
	font-size: 15px;
	color: rgba(21,40,79,0.75);
}

.common-table__head--about {
	width: 350px;
}

.jumbotron__heading--about,
.jumbotron__text--about {
	animation-duration: 0.8s;
	animation-fill-mode: both;
	animation-name: viewFadeInBottom2;
	animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.jumbotron__heading--about {
	animation-delay: 1s;
}
.jumbotron__text--about {
	animation-delay: 1.15s;
}

.about-row {
	display: flex;
	min-width: 1000px;
	overflow: hidden;
}
.about-row--reverse {
	flex-direction: row-reverse;
}
.about-row + .about-row {
	margin-top: 26px;
}
.about-col {
	width: 50%;
}
.about-col--1of2 {
	position: relative;
}
.about-image {
}
.about-image--type1 {
	float: right;
	margin-right: 20px;
}
.about-image--type2 {
	margin-top: 6px;
	margin-left: 36px;
}
.about-col__text {
	width: 500px;
}
.about-col__text--type1 {
	padding-top: 14px;
}
.about-col__text .common-text:not(:first-child) {
	margin-top: 1.3em;
}
.about-col__text--reverse {
	float: right;
}

.about-full-image {
	display: flex;
}
.about-full-image__col {
	width: 50%;
}
.about-full-image__col--1of2 {
	background: url(/assets/img/company/about03.jpg) no-repeat;
}
.about-full-image__col--2of2 {
	background: url(/assets/img/company/about04.jpg) no-repeat;
}
@media (min-width: 1400px) {
	.about-full-image {
		height: 467px;
	}
	.about-full-image__col {
		background-size: cover;
	}
	.about-full-image__col > img {
		display: none;
	}
}
@media (max-width: 1400px) {
	.about-full-image__col > img {
		width: 100%;
		height: auto;
	}
}

.motto-image {
	margin-top: 50px;
}
.motto-row {
	display: flex;
	margin-top: 60px;
	justify-content: space-between;
}
.motto-col {
	width: 318px;
}
.motto-title-image {
	text-align: center;
}
.motto-title {
	margin-top: 9px;
	text-align: center;
	font-weight: bold;
}
.motto-text {
	margin-top: 29px;
}


/* ==========================================================================
   PAGE - CSR
   ========================================================================== */

.jumbotron--csr {
	background: url(/assets/img/company/csr_jumbotron.jpg) no-repeat center top;
	background-size: cover;
	font-size: 7.2rem;
}
.jumbotron--csr::before {
	position: absolute;
	top: 0;
	display: block;
	content: '';
	animation: fadeOutOpacity 1s 0.5s both;
	background: #201c19;
	width: 100%;
	height: 100%;
}
.jumbotron__heading--csr {
	text-shadow:
		0 0 10px rgba(0,0,0,0.20),
		0 0 10px rgba(0,0,0,0.20),
		0 0 10px rgba(0,0,0,0.20),
		0 0 10px rgba(0,0,0,0.20);
	color: #fff;
}
.jumbotron__text--csr {
	text-shadow:
		0 0 10px rgba(0,0,0,0.20),
		0 0 10px rgba(0,0,0,0.20),
		0 0 10px rgba(0,0,0,0.20),
		0 0 10px rgba(0,0,0,0.20);
	font-size: 15px;
	color: rgba(255,255,255,0.9);
}
.jumbotron__heading--csr,
.jumbotron__text--csr {
	animation-duration: 0.8s;
	animation-fill-mode: both;
	animation-name: viewFadeInBottom2;
	animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.jumbotron__heading--csr {
	animation-delay: 1s;
}
.jumbotron__text--csr {
	animation-delay: 1.15s;
}

.csr-section01 {
	display: flex;
	align-items: center;
	justify-content: center;
}
.csr-section01__item {
	width: 50%;
}
.csr-section01__img {
	text-align: center;
}

.csr-section02 {
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 1200px;
	margin-top: -22px;
	margin-left: auto;
	margin-right: auto;
}
.csr-section02 + .csr-section02 {
	margin-top: 32px;
}
.csr-section02--reverse {
	flex-direction: row-reverse;
}
.csr-section02__item {
	width: 50%;
}
.csr-section02__text {
	padding-left: 100px;
}
.csr-section02__text--reverse {
	padding-left: 30px;
	padding-right: 100px;
}
.csr-section02__img img {
	max-width: 100%;
	height: auto;
}
.csr-section02__img-type01 {
	padding-top: 44px;
}

.csr-img01 {
	margin-top: 40px;
	margin-bottom: -11px;
}
.csr-section03 {
	margin-top: 35px;
}
.csr-section04 {
	margin-top: 90px;
}

.csr-heading {
	margin-bottom: -0.7rem;
	font-size: 4.2rem;
	line-height: 1;
}
.csr-entries {
	margin-top: 33px;
}
.csr-entries + .csr-entries {
	margin-top: 90px;
}



/* ==========================================================================
   PAGE - MESSAGE
   ========================================================================== */

.jumbotron--message {
	background: url(/assets/img/company/message_jumbotron.jpg) no-repeat center top;
	background-size: cover;
	font-size: 7.2rem;
}
.jumbotron--message::before {
	position: absolute;
	top: 0;
	display: block;
	content: '';
	animation: fadeOutOpacity 1s 0.5s both;
	background: #e5f3fe;
	width: 100%;
	height: 100%;
}
.jumbotron__heading--message {
	text-shadow:
		0 0 10px rgba(0,0,0,0.20),
		0 0 10px rgba(0,0,0,0.20),
		0 0 10px rgba(0,0,0,0.20),
		0 0 10px rgba(0,0,0,0.20),
		0 0 10px rgba(0,0,0,0.20);
	color: #fff;
}
.jumbotron__text--message {
	text-shadow:
		0 0 10px rgba(0,0,0,0.20),
		0 0 10px rgba(0,0,0,0.20),
		0 0 10px rgba(0,0,0,0.20),
		0 0 10px rgba(0,0,0,0.20),
		0 0 10px rgba(0,0,0,0.20);
	font-style: italic;
	font-size: 36px;
	color: #fff;
}
.message-image {
	margin-top: 46px;
	margin-bottom: 46px;
}
.jumbotron__heading--message,
.jumbotron__text--message {
	animation-duration: 0.8s;
	animation-fill-mode: both;
	animation-name: viewFadeInBottom2;
	animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.jumbotron__heading--message {
	animation-delay: 1s;
}
.jumbotron__text--message {
	animation-delay: 1.15s;
}




/* ==========================================================================
   PAGE - History
   ========================================================================== */

.jumbotron--history {
	background: url(/assets/img/company/history_jumbotron.jpg) no-repeat center top;
	background-size: cover;
	font-size: 6.4rem;
}
.jumbotron__heading--history {
	text-shadow:
		0 0 10px rgba(0,0,0,0.20),
		0 0 10px rgba(0,0,0,0.20),
		0 0 10px rgba(0,0,0,0.20),
		0 0 10px rgba(0,0,0,0.20),
		0 0 10px rgba(0,0,0,0.20);
	color: #fff;
}
.jumbotron--history::before {
	position: absolute;
	top: 0;
	display: block;
	content: '';
	animation: fadeOutOpacity 1s 0.5s both;
	background: #000;
	width: 100%;
	height: 100%;
}
.jumbotron__text--history {
	text-shadow:
		0 0 10px rgba(0,0,0,0.20),
		0 0 10px rgba(0,0,0,0.20),
		0 0 10px rgba(0,0,0,0.20),
		0 0 10px rgba(0,0,0,0.20),
		0 0 10px rgba(0,0,0,0.20);
	font-size: 1.5rem;
	color: #fff;
}
.jumbotron__heading--history,
.jumbotron__text--history {
	animation-duration: 0.8s;
	animation-fill-mode: both;
	animation-name: viewFadeInBottom2;
	animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.jumbotron__heading--history {
	animation-delay: 1s;
}
.jumbotron__text--history {
	animation-delay: 1.15s;
}

.maeda-history {
	padding-top: 33px;
}

.maeda-history__header {
	display: flex;
	margin-bottom: 40px;
	font-size: 5.2rem;
	justify-content: space-between;
}
.maeda-history__header__year {
	order: 1;
	width: 200px;
	visibility: hidden;
}
.maeda-history__header__company {
	width: 400px;
}
.maeda-history__header__product {
	order: 2;
	width: 400px;
}
.animated.maeda-history__header__company {
	animation: viewFadeInBottom2 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) both;
}
.animated.maeda-history__header__product {
	animation: viewFadeInBottom2 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) both;
}

.maeda-history__row {
	min-height: 114px;
	display: flex;
	justify-content: space-between;
}
.maeda-history__row + .maeda-history__row {
	margin-top: 50px;
}
.maeda-history__cell--year {
	position: relative;
	order: 1;
	width: 200px;
	padding-top: 1em;
	font-style: italic;
	font-size: 3.6rem;
	text-align: center;
	line-height: 1;
	color: rgba(255,255,255,1);
	z-index: 1;
}
/*
.animated.maeda-history__cell--year {
	color: rgba(255,255,255,1);
}
*/
.maeda-history__cell--year:before {
	display: block;
	position: absolute;
	left: 50%;
	top: 50px;
	content: '';
	width: 2px;
	height: 100%;
	margin-left: -1px;
	background: #000;
	z-index: -1;
}
.animated.maeda-history__cell--year:before {
	height: 100%;
}
.maeda-history__row:last-of-type .maeda-history__cell--year::before {
	content: none;
}
.maeda-history__cell--year:after {
	display: block;
	position: absolute;
	left: 50%;
	top: 0;
	content: '';
	background: #000;
	width: 114px;
	height: 114px;
	margin-left: -57px;
	border-radius: 50%;
	box-shadow: 0 3px 1px rgba(35,31,32,0.1);
	z-index: -1;
}
/*
.animated.maeda-history__cell--year:after {
	opacity: 1;
	transform: none;
}
*/
.maeda-history__cell--company {
	order: 0;
	width: 400px;
}
.maeda-history__cell--product {
	order: 2;
	width: 400px;
}
.maeda-history__body {
	background: #fff;
	box-shadow: 0 3px 1px rgba(35,31,32,0.1);
	line-height: 1.35;
}
.maeda-history__body--narrow {
	width: 247px;
}
.maeda-history__text {
	padding: 15px 19px;
}
.animated.maeda-history__cell--company {
	animation: viewFadeInRight3 1s 0s cubic-bezier(0.215, 0.61, 0.355, 1) both;
}
.animated.maeda-history__cell--product {
	animation: viewFadeInLeft3 1s 0s cubic-bezier(0.215, 0.61, 0.355, 1) both;
}




/* ==========================================================================
   PAGE - NEWS
   ========================================================================== */

.news-entries {
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	font-size: 0;
}
@media (min-width: 1280px) {
	.news-entries {
		max-width: 1200px;
	}
}
.news-entries__item {
	display: inline-block;
	width: 320px;
	margin-bottom: 61px;
	margin-left: 10px;
	margin-right: 10px;
	vertical-align: top;
	text-align: left;
	font-size: 1.8rem;
	opacity: 0;
}
@media (min-width: 1280px) {
	.news-entries__item {
		width:  calc(1000px / 3);
		margin-left: 50px;
		margin-right: 50px;
		transition: 0.3s;
	}
}
.animated .news-entries__item {
	animation-duration: 0.8s;
	animation-fill-mode: both;
	animation-name: viewFadeInBottom2;
}
.animated .news-entries__item:nth-of-type(1) { animation-delay: 0s; }
.animated .news-entries__item:nth-of-type(2) { animation-delay: 0s; }
.animated .news-entries__item:nth-of-type(3) { animation-delay: 0s; }
.animated .news-entries__item:nth-of-type(4) { animation-delay: 0.1s; }
.animated .news-entries__item:nth-of-type(5) { animation-delay: 0.1s; }
.animated .news-entries__item:nth-of-type(6) { animation-delay: 0.1s; }
.animated .news-entries__item:nth-of-type(7) { animation-delay: 0.2s; }
.animated .news-entries__item:nth-of-type(8) { animation-delay: 0.2s; }
.animated .news-entries__item:nth-of-type(9) { animation-delay: 0.2s; }
.news-entries__img {
	overflow: hidden;
}
.news-entries__img img {
	width: 100%;
	height: auto;
	transition: 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.news-entries__link:hover img {
	transform: scale(1.05);
}
.news-entries__link {
	display: block;
	text-decoration: none;
}
.news-entries__title {
	margin-top: 16px;
}
.news-entries__item:nth-of-type(3n+1) {
	margin-left: 0;
}
.news-entries__item:nth-of-type(3n) {
	margin-right: 0;
}

.news-entries-footer {
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
@media (min-width: 1280px) {
	.news-entries-footer {
		max-width: 1200px;
	}
}
.news-entries-footer__nav {
	font-size: 0;
}
.news-entries-footer__item {
	display: inline-block;
	width: 50%;
	font-size: 1.4rem;
}
.news-entries-footer__item:first-child:not(:only-child) {
	padding-right: 10px;
}
.news-entries-footer__item:first-child + .news-entries-footer__item {
	padding-left: 10px;
}
.news-entries-footer__item:only-child {
	width: 100%;
}
.news-entries-footer__link {
	display: block;
	border: 1px solid rgba(51,51,51,0.50);
	border-radius: 3px;
	padding-top: 15px;
	padding-bottom: 15px;
	text-decoration: none;
	text-align: center;
	transition: 0.3s;
}
.news-entries-footer__link:hover {
	background: #333;
	color: #fff;
}

.entry-body {
	max-width:1100px;
	min-width:400px;
	margin-left: auto;
	margin-right: auto;
	line-height: 1.4;
	font-size:1.5rem; line-height:28px; color:#555;
}
/*
.animated.entry-body {
	animation: viewFadeInBottom 0.8s 0.4s both;
}
*/
.entry-body p {
	margin: 1.4em 0;
}
.entry-body img{ margin:0 auto; max-width:1100px; overflow:hidden;}
.entry-body > :first-child {
	margin-top: 0;
}
.entry-body a {
	text-decoration: none;
	color: #15a5e9;
	transition: 0.3s;
}
.entry-body a:hover {
	/*text-decoration: underline;*/
	opacity: 0.5;
}

.entry-footer {
	margin-top: 60px;
	text-align: center;
}
.entry-footer .common-button {
	text-transform: uppercase;
}





/* ==========================================================================
   PAGE - DOWNLOAD
   ========================================================================== */

.section--download__title {
	text-align: center;
	font-size: 3.6rem;
}
.download-entries + .section--download__title {
	margin-top: 90px;
}
.download-entries {
	max-width: 1200px;
	min-width: 1000px;
	margin-top: 38px;
	margin-left: auto;
	margin-right: auto;
	font-size: 0;
}
@media (max-width: 1279px) {
	.download-entries {
		max-width: 1000px;
	}
}
.download-entries__item {
	display: inline-block;
	width: 320px;
	/*margin-left: calc((100% - 960px) / 4);
	margin-right: calc((100% - 960px) / 4);*/
	margin-left: 10px;
	margin-right: 10px;
	vertical-align: top;
	font-size: 1.4rem;
	transition: 0.1s;
	text-align: center;
	opacity: 0;
}
.animated .download-entries__item {
	animation: viewFadeInBottom 0.8s 0s both;
}
.animated .download-entries__item:nth-of-type(1) { animation-delay: 0s; }
.animated .download-entries__item:nth-of-type(2) { animation-delay: 0.1s; }
.animated .download-entries__item:nth-of-type(3) { animation-delay: 0.2s; }
.animated .download-entries__item:nth-of-type(4) { animation-delay: 0.3s; }
.animated .download-entries__item:nth-of-type(5) { animation-delay: 0.4s; }
.animated .download-entries__item:nth-of-type(6) { animation-delay: 0.5s; }
.animated .download-entries__item:nth-of-type(7) { animation-delay: 0.6s; }
.animated .download-entries__item:nth-of-type(8) { animation-delay: 0.7s; }
.animated .download-entries__item:nth-of-type(9) { animation-delay: 0.8s; }
@media (min-width: 1280px) {
	.download-entries__item {
		width:  calc(1000px / 3);
		margin-left: 50px;
		margin-right: 50px;
		transition: 0.3s;
	}
}
.download-entries__link {
	display: block;
	padding-bottom: 30px;
	border-bottom: 1px solid rgba(0,0,0,0.10);
	background: #fff;
	transition: 0.4s transform;
}
.download-entries__link:hover {
	transform: translateY(-15px);
}
@media (min-width: 1280px) {
	.download-entries__link {
		padding-bottom: 31px;
	}
}
.download-entries__item:nth-of-type(3n+1) {
	margin-left: 0;
}
.download-entries__item:nth-of-type(3n) {
	margin-right: 0;
}
.download-entries__item:nth-of-type(n+4) {
	margin-top: 20px;
}
@media (min-width: 1280px) {
	.download-entries__item:nth-of-type(n+4) {
		margin-top: 50px;
	}
}
/*
.download-entries__item:not(:nth-of-type(3n)):last-child {
	margin-right: 0;
	margin-left: 0;
}
*/
.download-entries__img {
	position: relative;
	width: 320px;
	height: 320px;
	background: #e5eaf1;
	transition: 0.1s;
}
@media (min-width: 1280px) {
	.download-entries__img {
		width: 333px;
		height: 333px;
		transition: 0.3s;
	}
}
.download-entries__img > img {
	position: absolute;
	top: 50%;
	left: 50%;
	box-shadow: 1px 0 1px rgba(0,0,0,0.10);
	transform: translate3d(-50%, -50%, 0);
}
.download-entries__btn {
	display: inline-block;
	width: 136px;
	margin-top: 30px;
	padding-top: 9px;
	padding-bottom: 9px;
	border: 1px solid #709ad2;
	border-radius: 3px;
	text-align: center;
	transition: 0.3s;
	color: #709ad2;
}
@media (min-width: 1280px) {
	.download-entries__btn {
		margin-top: 31px;
	}
}
.download-entries__item:hover .download-entries__btn {
	background: #709ad2;
	color: #fff;
}



/* ==========================================================================
   PAGE - Dealers
   ========================================================================== */

.jumbotron--dealers {
	background: #010e16 url(/assets/img/dealers/dealers_jumbotron.png) no-repeat center top;
}
.jumbotron--dealers:after {
	position: absolute;
	top: 0;
	display: block;
	content: '';
	animation: fadeOutOpacityDealers 1s 0.5s both;
	/*background: #010e16;*/
	background: #000;
	width: 100%;
	height: 100%;
	z-index: 3;
}
.jumbotron__heading--dealers {
	position: relative;
	margin-bottom: 7px;
	padding-top: 19px;
	font-size: 8.2rem;
	font-weight: 900;
	color: #fff;
	z-index: 1;
}
.jumbotron__text--dealers {
	position: relative;
	font-size: 1.5rem;
	color: #fff;
	z-index: 1;
}
.jumbotron__heading--dealers,
.jumbotron__text--dealers {
	animation-duration: 0.8s;
	animation-fill-mode: both;
	animation-name: viewFadeInBottom2;
	animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.jumbotron__heading--dealers {
	animation-delay: 1s;
}
.jumbotron__text--dealers {
	animation-delay: 1.15s;
}

.dealers-nav__link {
	position: absolute;
	left: 50%;
	display: inline-block;
	min-width: 75px;
	padding-left: 15px;
	padding-right: 15px;
	border: 1px solid rgba(96,149,235,0.40);
	border-radius: 3px;
	text-decoration: none;
	text-align: center;
	line-height: 2.8rem;
	font-size: 1.4rem;
	color: #6095eb;
	z-index: 3;
	transition: 0.3s;
	/*animation-duration: 0.3s;*/
	/*animation: viewfadeInDealers 0.1s 1.6s both;*/
	/*
	opacity: 0;
	transform: scale(1.2);
	*/
}
/*
.dealers-nav__link:after {
	position: absolute;
	left: 0;
	content: attr(data-text);
	display: inline-block;
	min-width: 75px;
	margin: -1px;
	padding-left: 15px;
	padding-right: 15px;
	border: 1px solid rgba(96,149,235,0.40);
	border-radius: 3px;
	text-decoration: none;
	text-align: center;
	line-height: 2.8rem;
	font-size: 1.4rem;
	color: #6095eb;
	animation: viewScaleDownDealers 0.8s 1s cubic-bezier(0.215, 0.61, 0.355, 1) both;
}
*/
.dealers-nav__link:before {
	position: absolute;
	left: 0;
	content: attr(data-text);
	display: inline-block;
	min-width: 75px;
	margin: -1px;
	padding-left: 15px;
	padding-right: 15px;
	border: 1px solid rgba(96,149,235,0.40);
	border-radius: 3px;
	text-decoration: none;
	text-align: center;
	line-height: 2.8rem;
	font-size: 1.4rem;
	color: #6095eb;
	opacity: 0;
}
@keyframes viewfadeInDealers {
	0% {
		border: 1px solid rgba(96,149,235,0.00);
		color: rgba(255,255,255,0.00);
	}
	100% {
		border: 1px solid rgba(96,149,235,0.40);
		color: #6095eb;
	}
}
@keyframes viewfadeInDealersColor {
	0% {
		border: 1px solid rgba(96,149,235,0.40);
		color: #6095eb;
	}
	100% {
		border: 1px solid rgba(255,255,255,1);
		color: #fff;
	}
}
@keyframes viewScaleDownDealers {
	0% {
		opacity: 0;
		transform: scale(1.6);
		border: 1px solid #fff;
		color: #fff;
	}
	40% {
		opacity: 0.1;
		color: #fff;
		border: 1px solid #fff;
	}
	80% {
		opacity: 1;
		transform: none;
		border: 1px solid rgba(96,149,235,0.40);
		color: #6095eb;
	}
	100% {
		opacity: 0;
	}
}
.dealers-nav__link:hover {
		border: 1px solid rgba(255,255,255,1);
		color: #fff;
	/*animation: viewfadeInDealersColor 0.6s 0s both;*/
}
/*
.dealers-nav__item[data-state=''] .dealers-nav__link {
	animation: none;
	animation-delay: 0s;
	animation-duration: 0.6s;
	transition: 1s;
	z-index: 2;
}
*/
.dealers-nav__link:hover .dealers-nav__text,
.dealers-nav__item[data-open='true'] .dealers-nav__link .dealers-nav__text {
	transform: none;
	border: 1px solid rgba(255,255,255,0.40);
	transition: 0.3s;
	color: #fff;
}
.dealers-nav__item:after {
	position: absolute;
	left: 50%;
	content: '';
	display: block;
	background-repeat: no-repeat;
	opacity: 0;
	z-index: 0;
	transition: 0.6s;
}
.dealers-nav__item[data-open='true']:after,
.dealers-nav__item[data-state='hover']:after {
	opacity: 1;
}
.dealers-nav__item--01 .dealers-nav__link::before {
	animation-delay: 3s;
}
.dealers-nav__item--02 .dealers-nav__link::before {
	animation-delay: 6s;
}
.dealers-nav__item--03 .dealers-nav__link::before {
	animation-delay: 9s;
}
.dealers-nav__item--04 .dealers-nav__link::before {
	animation-delay: 12s;
}
.dealers-nav__item--05 .dealers-nav__link::before {
	animation-delay: 15s;
}
.dealers-nav__item--06 .dealers-nav__link::before {
	animation-delay: 18s;
}
.dealers-nav:not([data-hover='true']) .dealers-nav__item:after {
	animation-duration: 18s;
	animation-name: dealersFadeInOut;
	animation-iteration-count: infinite;
}
.dealers-nav:not([data-hover='true']) .dealers-nav__link::before {
	animation-duration: 18s;
	animation-name: dealersLoopLinks;
	animation-iteration-count: infinite;
	animation-fill-mode: none;
}
/*
.dealers-nav__link:after {
	content: 'text';
	display: inline-block;
	min-width: 75px;
	padding-left: 15px;
	padding-right: 15px;
	border: 1px solid rgba(96,149,235,0.40);
	border-radius: 3px;
	text-decoration: none;
	text-align: center;
	line-height: 2.8rem;
	font-size: 1.4rem;
	color: #6095eb;
}
.dealers-nav__text {
	transform: scale(1.4);
	opacity: 0;
	transition: 1s;
	display: inline-block;
	min-width: 75px;
	padding-left: 15px;
	padding-right: 15px;
	border: 1px solid rgba(96,149,235,0.40);
	border-radius: 3px;
	text-decoration: none;
	text-align: center;
	line-height: 2.8rem;
	font-size: 1.4rem;
	color: #6095eb;
}
*/
.animated .dealers-nav__text {
	opacity: 1;
	transform: none;
}
@keyframes dealersLoopLinks {
	0% {
		border: 1px solid rgba(96,149,235,0.40);
		color: #6095eb;
		opacity: 0;
	}
	5% {
		border: 1px solid rgba(255,255,255,1);
		color: #fff;
		opacity: 1;
	}
	10% {
		border: 1px solid rgba(96,149,235,0.40);
		color: #6095eb;
		opacity: 0;
	}
	100% {
		border: 1px solid rgba(96,149,235,0.40);
		color: #6095eb;
		opacity: 0;
	}
}
@keyframes dealersFadeInOut {
	0% {
		opacity: 0;
	}
	5% {
		opacity: 1;
	}
	10% {
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}

.dealers-nav__link--01 {
	top: 277px;
	margin-left: -91px;
}
.dealers-nav__item--01:after {
	top: 155px;
	margin-left: -119px;
	width: 715px;
	height: 487px;
	background-image: url(/assets/img/dealers/dealers_bg01.png);
	animation-delay: 3s;
}
.dealers-nav__link--02 {
	top: 318px;
	margin-left: -476px;
}
.dealers-nav__item--02:after {
	top: 206px;
	margin-left: -600px;
	width: 1200px;
	height: 291px;
	background-image: url(/assets/img/dealers/dealers_bg02.png);
	animation-delay: 6s;
}
.dealers-nav__link--03 {
	top: 538px;
	margin-left: -286px;
}
.dealers-nav__item--03:after {
	top: 478px;
	margin-left: -311px;
	width: 159px;
	height: 253px;
	background-image: url(/assets/img/dealers/dealers_bg03.png);
	animation-delay: 9s;
}
.dealers-nav__link--04 {
	top: 593px;
	margin-left: 364px;
}
.dealers-nav__item--04:after {
	top: 555px;
	margin-left: 335px;
	width: 221px;
	height: 139px;
	background-image: url(/assets/img/dealers/dealers_bg04.png);
	animation-delay: 12s;
}
.dealers-nav__link--05 {
	top: 379px;
	margin-left: 218px;
}
.dealers-nav__item--05:after {
	top: 312px;
	margin-left: 108px;
	width: 322px;
	height: 244px;
	background-image: url(/assets/img/dealers/dealers_bg05.png);
	animation-delay: 15s;
}
.dealers-nav__link--06 {
	top: 418px;
	width: 230px;
	margin-left: 307px;
}
.dealers-nav__link--06::before,
.dealers-nav__link--06::after {
	width: 230px;
}
.dealers-nav__item--06::after {
	top: 357px;
	margin-left: 392px;
	width: 57px;
	height: 57px;
	background-image: url(/assets/img/dealers/dealers_bg06.png);
	animation-delay: 18s;
}


.dealers-entries {
	margin-top: 50px;
	border-bottom: 1px solid #e3e3e3;
}
.dealers-entries__item {
	margin-top: -51px;
	padding-top: 51px;
}
.dealers-entries__title {
	position: relative;
	padding-top: 29px;
	padding-bottom: 29px;
	border-top: 1px solid #e3e3e3;
	background: #fff;
	font-size: 3.2rem;
	z-index: 1;
	cursor: pointer;
	transition: 0.3s;
}
.dealers-entries__title:before,
.dealers-entries__title:after {
	position: absolute;
	display: block;
	content: '';
	background: #333;
	transition: 0.3s;
}
.dealers-entries__title:before {
	top: 50%;
	right: 40px;
	width: 17px;
	height: 1px;
}
.dealers-entries__title:after {
	top: 50%;
	right: 48px;
	width: 1px;
	height: 17px;
	margin-top: -8px;
}
.dealers-entries__subtitle {
	margin-top: 40px;
	margin-bottom: -15px;
	font-size: 2.4rem;
	line-height: 1;
}
.dealers-entries__list {
	flex-wrap: wrap;
	margin-top: 40px;
	display: flex;
}
.dealers-entries__accordion {
	transition: 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
	overflow: hidden;
}
.dealers-entries__accordion > :last-child {
	margin-bottom: 73px;
}
.dealers-entries__list__term {
	width: 150px;
	padding-top: 1px;
}
.dealers-entries__list__definition {
	width: 850px;
	padding-top: 1px;
}
.dealers-entries__item .dealers-entries__title:hover {
	color: #15a5e9;
}
.dealers-entries__item .dealers-entries__title:hover:after,
.dealers-entries__item .dealers-entries__title:hover:before {
	background: #15a5e9;
}
.dealers-entries__item[data-state="visible"] .dealers-entries__title:after,
.dealers-entries__item[data-state="visible"] .dealers-entries__title:before {
	transform: rotateZ(-135deg);	
}
.dealers-entries__item[data-state="invisible"] .dealers-entries__accordion {
	height: 0;
	padding: 0;
}
.dealers-entries__item[data-state="visible"] .dealers-entries__accordion {
	/*animation: 0.35s openDealers alternate;*/
}
.dealers-entries__item[data-state="invisible"] .dealers-entries__subtitle,
.dealers-entries__item[data-state="invisible"] .dealers-entries__list {
	animation: none;
	transition: 0.3s;
	transform: translateY(-50px);
	opacity: 0;
}
.dealers-entries__item[data-state="visible"] .dealers-entries__subtitle,
.dealers-entries__item[data-state="visible"] .dealers-entries__list {
	animation: 0.34s viewFadeInTop;
}
@keyframes openDealers {
	0% {
		height: 0%;
	}
	100% {
		height: 100%;
	}
}



/* ==========================================================================
   PAGE - CONTACT US
   ========================================================================== */


.contact-form-header {
	margin-bottom: 47px;
}

.contact-form__title {
	margin-left: 5px;
}
.contact-form__title:not(:first-child) {
	margin-top: 1em;
}

.contact-form--animate .contact-form__title,
.contact-form--animate .contact-form__item,
.contact-form--animate .contact-form-policy,
.contact-form--animate .contact-form-btn {
	animation: viewFadeInBottom 0.6s both;
}
.contact-form--animate .contact-form__title:nth-of-type(1),
.contact-form--animate .contact-form__item:nth-of-type(1) { animation-delay: 0s; }
.contact-form--animate .contact-form__title:nth-of-type(2),
.contact-form--animate .contact-form__item:nth-of-type(2) { animation-delay: 0.1s; }
.contact-form--animate .contact-form__title:nth-of-type(3),
.contact-form--animate .contact-form__item:nth-of-type(3) { animation-delay: 0.2s; }
.contact-form--animate .contact-form__title:nth-of-type(4),
.contact-form--animate .contact-form__item:nth-of-type(4) { animation-delay: 0.3s; }
.contact-form--animate .contact-form__title:nth-of-type(5),
.contact-form--animate .contact-form__item:nth-of-type(5) { animation-delay: 0.4s; }
.contact-form--animate .contact-form__title:nth-of-type(6),
.contact-form--animate .contact-form__item:nth-of-type(6) { animation-delay: 0.5s; }
.contact-form--animate .contact-form-policy { animation-delay: 0.55s; }
.contact-form--animate .contact-form-btn { animation-delay: 0.6s; }

.contact-form-policy {
  margin-top: 30px;
  text-align: center;
}
.contact-form-policy a {
  text-decoration: underline;
}

.form-text,
.form-textarea {
	padding: 0.7em 0.5em;
	border: 1px solid #e1e3e6;
	background: #fff;
	transition: border 0.3s;
	vertical-align: top;
	outline: none;
}
.form-textarea {
	min-height: 150px;
}
.form-text:focus,
.form-textarea:focus {
	border-color: #15a5e9;
}
.form-text__full {
	width: 100%;
}

.contact-form-btn {
	display: flex;
	flex-wrap: wrap;
	margin-top: 30px;
}
.contact-form-btn__full {
	width: 100%;
}
.contact-form-btn__middle {
	width: 70%;
}
.contact-form-btn__short {
	width: 30%;
	padding-right: 20px;
}

.form-submit {
	-webkit-appearance: none;
	background: none;
	border: none;
	border-radius: 3px;
	line-height: 48px;
	width: 100%;
	transition: 0.3s;
}
.form-submit__send {
	background: #272f89;
	color: #fff;
}
.form-submit__send:hover {
	background: #3c4394;
}
.form-submit__cancel {
	background: #999;
	color: #fff;
}
.form-submit__cancel:hover {
	background: #aaa;
}

.form-item-error {
	display: block;
	margin-left: 5px;
	font-weight: 300;
	color: #ff0004;
}
.form-text__error {
	border-color: #ff0004;
	background: #fff2f2;
}

.contact-form-footer {
	margin-top: 47px;
}
.contact-form-footer__title {
	margin-top: 3px;
	margin-bottom: 11px;
	font-size: 3.6rem;
	line-height: 1.3;
}
.contact-form-footer__text {
	line-height: 1.33333;
}
.contact-form-footer__link {
	margin-top: 22px;
	margin-bottom: 16px;
}
.contact-form-footer__button {
	display: inline-block;
	width: 100px;
	border-radius: 3px;
	background: #006aad;
	text-decoration: none;
	text-align: center;
	line-height: 3.7rem;
	font-size: 1.5rem;
	color: #fff;
	font-weight: 700;
	transition: 0.2s;
}

.contact-form-confirm__list {
	display: flex;
	flex-wrap: wrap;
	border-top: 1px solid #e1e3e6;
}
.contact-form-confirm__title {
	width: 30%;
	padding: 0.7em 5px;
	border-bottom: 1px solid #e1e3e6;
}
.contact-form-confirm__item {
	width: 70%;
	padding: 0.7em 5px;
	border-bottom: 1px solid #e1e3e6;
}


/* ==========================================================================
   PAGE - PRIVACY POLICY
   ========================================================================== */

.policy-heading {
  font-weight: normal;
  line-height: 1.75;
}
.policy-heading:not(:first-child) {
  margin-top: 2.5em;
}
.policy-heading__number {
  margin-right: 0.5em;
}
.policy-list01 {
  line-height: 1.35;
  font-size: 1.6rem;
}
.policy-list01 > li {
  position: relative;
  margin-top: 0.8em;
  padding-left: 3em;
  list-style: none;
}
.policy-list01 > li > .policy-number {
  position: absolute;
  top: 0;
  left: 0;
}

.policy-list01 .policy-list02 {
  margin-bottom: 1em;
}
.policy-list02 > li {
  position: relative;
  margin-top: 0.5em;
  padding-left: 2em;
  list-style: none;
  counter-increment: number;
}
.policy-list02 > li::before {
  position: absolute;
  left: 0;
  top: 0;
  content: "("counter(number, lower-alpha)")";
}


/* ==========================================================================
   MODULES
   ========================================================================== */

/* page header */

.page-header {
	padding-top:160px;
	text-align: center;
	overflow: hidden;
}
.page-header--white {
	background:url(../images/topbg.png) center top no-repeat #fff;
}
.page-header__date {
	margin-bottom:30px; font-size:16px; color:#666;
}
.page-header__date__text {
	display: inline-block;
}
.page-header__category-link {
	display: inline-block;
	text-decoration: none;
}
.page-header__title {
	margin-bottom:25px;
	font-size:4.2rem;
	line-height: 1;letter-spacing:6px;
}
.page-header__title--only {
	margin-bottom: 88px;
}
.page-header__title--entry {
	max-width:1100px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:40px; letter-spacing:0; font-size:3.8rem; color:#333;
}
.page-header__title--404 {
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 37px;
}

/*在线留言*/
.body_index{ width:100%;padding:45px 0;background: #f5f7f9}
.sec_tpm7 { padding:10px 0px; width:700px; margin:0 auto;}
.sec_tpm7 li {  margin-bottom:16px; line-height:34px;font-weight: normal;} 
.sec_tpm7 .name { height:40px; line-height:40px;  border:1px solid #a8a8a8; width:680px; padding-left:10px; }
.sec_tpm7 .email { height:40px; line-height:40px;  border:1px solid #a8a8a8; width:680px; padding-left:10px; }
.sec_tpm7 .tel { height:40px; line-height:40px;  border:1px solid #a8a8a8; width:680px; padding-left:10px;}
.sec_tpm7 .msgg { line-height:40px; border:1px solid #a8a8a8; width:680px; padding-left:10px; }
.sec_tpm7 .msbtn { font-family:"微软雅黑"; margin-left:300px; background:#a8a8a8; color:#fff; text-align:center; border:none; width:100px; height:46px; line-height:46px; cursor:pointer; font-size:16px; font-weight:bold;}
.sec_tpm7 .msbtn:hover{ background:#e60012;}


/*
.animated.page-header__date,
.animated.page-header__title--entry {
	animation-duration: 0.8s;
	animation-fill-mode: both;
	animation-name: viewFadeInBottom;
}
.animated.page-header__title--entry {
	animation-delay: 0.2s;
}
*/
.page-header__text {
	margin-top: -3px;
	margin-bottom: 46px; font-size:16px;
}
.page-header__nav {
	margin-top: 35px;
	margin-bottom: 46px;
	font-size: 0;
}
.page-header__nav__item {
	display: inline-block;
	padding-left: 9px;
	padding-right: 9px;
	font-size: 1.4rem;
}
.page-header__nav__link {
	position: relative;
	display: inline-block;
	padding: 1px 3px;
	text-decoration: none;
	cursor: pointer;
}
.page-header__nav__link:after {
	display: block;
	position: absolute;
	left: 0;
	bottom: -2px;
	content: '';
	width: 100%;
	height: 1px;
	background: rgba(51,51,51,0.80);
	transform: scaleX(0);
	transition: 0.3s;
}
.page-header__nav__item[data-active='true'] .page-header__nav__link:after,
.page-header__nav__link:hover:after {
	transform: scaleX(1);
}


.jumbotron {
	position: relative;
	height: 800px;
	padding-top: 341px;
	text-align: center;
}
.jumbotron--narrow  {
	height: 623px;
	padding-top: 265px;
}
.jumbotron--cover-white::after {
	position: absolute;
	bottom: 0;
	display: block;
	content: '';
	width: 100%;
	height: 144px;
	background: linear-gradient(to bottom, rgba(255,255,255,0) 3%,rgba(255,255,255,0.05) 8%,rgba(255,255,255,0.75) 65%,rgba(255,255,255,0.9) 80%,rgba(255,255,255,0.98) 95%, rgba(255,255,255,1));
	/*
	background: url(/assets/img/common/jumbotron_cover_white.png) repeat-x;
	*/
}
.jumbotron--cover-gray::after {
	position: absolute;
	bottom: 0;
	display: block;
	content: '';
	width: 100%;
	height: 144px;
	background: url(/assets/img/common/jumbotron_cover_gray.png) repeat-x;
}
.jumbotron__heading {
	line-height: 1;
}
.jumbotron__heading--narrow {
	margin-bottom: 5px;
	font-size: 64px;
}
.jumbotron__text {
}
.jumbotron__text--upper {
	position: absolute;
	top: 307px;
	left: 0;
	right: 0;
}
.jumbotron__nav {
	margin-top: 12px;
	font-size: 0;
}
.jumbotron__nav__item {
	display: inline-block;
	margin-left: 8px;
	margin-right: 8px;
	font-size: 1.6rem;
}
.jumbotron__nav__link {
	text-decoration: none;
	transition: 0.3s;
	color: #fff;
}
.jumbotron__nav__link:hover {
	opacity: 0.5;
}


/* section */

.section {
	padding-top:70px;
	padding-bottom:70px;
}
.section--light {
	background: #fff;
}
.section--gray01 {
	background: #f5f5f5;
}
.section--gray02 {
	background: #ebebeb;
}
.section--gray03 {
	background: #fafafa;
}
.section--yellow {
	background: #f5f5f0;
}
.section--blue {
	background: #f5f7f9;
}
.section--blue:nth-of-type(odd){
	background: #f0f2f5;
}
.section--gradation01 {
	background: linear-gradient(#fff, #f5f5f5);
}


.section--half-top {
	padding-top: 47px;
}
.section--half-bottom {
	padding-top: 50px;
}

.section--large-top {
	padding-top: 235px;
}
.section--large-top2 {
	padding-top: 150px;
}
.section--large-bottom {
	padding-bottom: 235px;
}

.section--narrow-top {
	padding-top: 0;
}
.section--narrow-bottom {
	padding-bottom:60;
}

.section__header {
	margin-bottom: 24px;
}
.section__header__title {
	text-align: center;
}
.section__header__text {
	margin-top: 1em; font-size:1.5rem; line-height:22px; color:#666;
	text-align: center;
}

.section-body {
	margin-left: auto;
	margin-right: auto;
}
.section-body--wide {
	max-width: 1000px;
}
.section-body--ex-wide {
	max-width: 1100px; font-size:14px; line-height:26px; color:#555;
}
.section-body--ex-wide img{ max-width:1100px; margin:0 auto; overflow:hidden;}
.section-body--ex-wide .news_pre{ margin-top:30px;}
.section-body--ex-wide table{ border-collapse: collapse; border: none; width:100%; margin-top:10px; margin-bottom:10px;}
.section-body--ex-wide table td { border: solid #e3e3e3 1px; font-family:"微软雅黑"; line-height:30px; height:30px;}

@media (max-width: 1400px) {
	.section-body--ex-wide {
		width: 100%;
		min-width: 1000px;
		margin-left: auto;
		margin-right: auto;
	}
}
.section-body--narrow {
	max-width: 1000px;
	padding-left: 100px;
	padding-right: 100px;
}
.section-body--ex-narrow {
	max-width: 1000px;
	padding-left: 200px;
	padding-right: 200px;
}


/* text section */

.text-row {
	display: flex;
	justify-content: space-between;
}
.text-col {
	width: 480px;
}

.common-text {
	line-height: 1.35;
}
.common-text:not(:first-child) {
	margin-top: 1.3em;
}


/* text section */

.common-link {
	color: #15a5e9;
	text-decoration: none;
	transition: 0.3s;
}
.common-link:hover {
	opacity: 0.5;
	/*text-decoration: underline;*/
}


/* heading */

.heading01 {
	font-size:4rem;
	line-height: 1;
	color: #333;
}
.heading01ns {
	font-size:3.2rem;
	line-height: 1;
	color: #333;
}
.heading01--break {
	word-break:break-all;
}
.heading02 {
	font-size: 4.8rem;
	line-height: 0.85em;
}
.heading_products01 {
	position: relative;
	display: table;
	width: 100%;
	min-width: 1000px;
	min-height: 241px;
	margin-left: auto;
	margin-right: auto;
	background-position: center;
	background-repeat: no-repeat;
	font-size: 6rem;
	line-height: 1;
	color: #000;
	word-break:break-all;
	z-index: 1;
}
.heading_products01__text {
	display: table-cell;
	vertical-align: middle;
}
.heading_products01--number01 {
	background-image: url(../images/products_number01.png);
}
.heading_products01--number02 {
	background-image: url(../images/products_number02.png);
}
.heading_products01--number03 {
	background-image: url(../images/products_number03.png);
}
.heading_products01_number {
	margin-top: -0.54em;
	text-align: center;
	font-size: 35.5rem;
	line-height: 1;
	color: rgba(34,24,21,0.05);
}


/* table */

.common-table {
	width: 100%;
}
.common-table__row:not(:first-of-type) {
	border-top: 1px solid #d1d1d1;
}
.common-table__head {
	padding: 13px 10px;
	text-align: left;
	vertical-align: top;
}
.common-table__data {
	padding: 13px 10px;
	vertical-align: top;
	color: #666;
}



/* button */

.common-button {
	display: inline-block;
	border-radius: 3px;
	border-width: 1px;
	border-style: solid;
	text-decoration: none;
	text-align: center;
	line-height: 3.4rem;
	font-size: 1.4rem;
	transition: 0.2s;
}
.common-button:hover {
	transition: 0.3s;
}
.common-button--dark {
	width: 136px;
	border-color: #999;
	color: #333;
}
.common-button--dark--wide {
	width: 100%;
	font-size: 1.6rem;
}
.common-button--black--wide {
	width: 136px;
	border-color: #333;
	color: #333;
}
.common-button--dark:hover,
.common-button--black:hover {
	border-color: #db2035;
	background: #db2035;
	color: #fff;
}
.common-button--ghost {
	width: 136px;
	transition: 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.common-button--ghost_dark {
	border-color: rgba(51,51,51,0.50);
}
.common-button--ghost_dark:hover {
	border-color: rgba(51,51,51,1);
	background: #333;
	color: #fff;
}
.common-button--ghost_white {
	border-color: rgba(255,255,255,0.50);
	color: #fff;
}
.common-button--ghost_white:hover {
	border-color: rgba(255,255,255,1);
	background: #fff;
	color: #333;
}
.common-button--large {
	min-width: 180px;
	line-height: 5rem;
}
.common-button--font-large {
	font-size: 1.5rem;
}
.common-button--full {
	width: 100%;
}
/*
.common-button--contact {
	border-color: #272f89;
	background: #272f89;
	color: #fff;
	transition: 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.common-button--contact:hover {
	border-color: #0d156f;
	background: #0d156f;
}
.common-button--dealers {
	border-color: #006aad;
	background: #006aad;
	color: #fff;
	transition: 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.common-button--dealers:hover {
	border-color: #005093;
	background: #005093;
}
*/

.common-button--contact,
.common-button--contact::before,
.common-button--contact::after,
.common-button--dealers,
.common-button--dealers::before,
.common-button--dealers::after,
.common-button--catalog,
.common-button--catalog::before,
.common-button--catalog::after {
	overflow: hidden;
	position: relative;
	display: inline-block;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	font-size: 1.5rem;
	color: #fff;
	transition: 0.3s;
}
.common-button--contact,
.common-button--dealers,
.common-button--catalog {
	border-radius: 3px;
	border: none;
	line-height: 37px;
}
.common-button--contact::before,
.common-button--contact::after,
.common-button--dealers::before,
.common-button--dealers::after,
.common-button--catalog::before,
.common-button--catalog::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: attr(data-hover);
}
.common-button--contact {
	background: #272f89;
	border-color:  #272f89;
}
.common-button--contact::before {
	background: #272f89;
	transform: translateX(0);
}
.common-button--contact:after {
	background: #0d156f;
	transform: translateY(-100%);
}
.common-button--dealers {
	background: #006aad;
	border-color:  #006aad;
}
.common-button--dealers::before {
	background: #006aad;
	transform: translateY(0);
}
.common-button--dealers::after {
	background: #005093;
	transform: translateY(-100%);
}
.common-button--catalog {
	color: rgba(51,51,51,1.00);
	border-color: rgba(51,51,51,1.00);
	font-size: 1.3rem;
}
.common-button--catalog::before {
	border: none;
	background: #494949;
	transform: translateY(0);
	font-size: 1.3rem;
	color: #fff;
}
.common-button--catalog::after {
	border: none;
	background: rgba(51,51,51,1.00);
	transform: translateY(-100%);
	font-size: 1.3rem;
	color: #fff;
}
.common-button--contact:hover::before,
.common-button--dealers:hover::before,
.common-button--catalog:hover::before {
	transform: translateY(100%);
}
.common-button--contact:hover::after,
.common-button--dealers:hover::after,
.common-button--catalog:hover::after {
	transform: translateY(0);
}




.common-button-small {
	display: inline-block;
	border-radius: 3px;
	border-width: 1px;
	border-style: solid;
	text-decoration: none;
	text-align: center;
	font-size: 1.2rem;
	font-style: italic;
	transition: 0.3s;
}
.common-button-small--dark {
	width: 68px;
	padding-top: 1px;
	padding-bottom: 1px;
	border-color: rgba(51,51,51,0.50);
	color: #333;
	transition: 0.6s;
}
.common-button-small2 {
	display: inline-block;
	border-radius: 3px;
	border-width: 1px;
	border-style: solid;
	text-decoration: none;
	text-align: center;
	font-size: 1.2rem;
	font-style: italic;
	transition: 0.3s;
}
.common-button-small2--dark {
	width: 100px;
	border-color: rgba(51,51,51,0.50);
	line-height: 25px;
	color: #333;
	transition: 0.6s;
}
.common-button-small--dark:hover,
.common-button-small2--dark:hover {
	border-color: #db2035;
	background: #db2035;
	color: #fff;
	transition: 0.3s;
}


.slider-minimum {
	width: 320px;
	margin-top: 40px;
	padding-bottom: 60px;
	margin-left: auto;
	margin-right: auto;
}
.slider-minimum__text {
	font-size:1.6rem;
	margin-top: 0.85em; text-align:center;
}
.slider-minimum__link {
	display: block;
	overflow: hidden;
}
.slider-minimum__link img {
	transition: 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
	width: 100%;
	height: auto;
}
.slider-minimum__link:hover img {
	transform: scale(1.05);
}



/* Arrows */

.slick-prev,
.slick-next {
	position: absolute;
	display: block;
	width: 50px;
	height: 100px;
	padding: 0;
	border: none;
	outline: none;
	background: transparent;
	line-height: 0;
	color: transparent;
	font-size: 0;
	cursor: pointer;
	transition: 0.3s;
}
.slick-prev {
    left: -110px;
}
.slick-next {
    right: -110px;
}
.slick-prev:before,
.slick-prev:after,
.slick-next:before,
.slick-next:after {
	position: absolute;
	top: 0;
	content: '';
	display: block;
	width: 50px;
	height: 100px;
	border-radius: 3px;
	transition: 0.3s;
}
.slick-prev:before {
	background: url(../images/slider_prev.png) no-repeat;
	opacity: 1;
}
.slick-prev:after {
	background: rgba(0,0,0,0.10) url(../images/slider_prev_on.png) no-repeat;
	opacity: 0;
}
.slick-next:before {
	background: url(../images/slider_next.png) no-repeat;
	opacity: 1;
}
.slick-next:after {
	background: rgba(0,0,0,0.10) url(../images/slider_next_on.png) no-repeat;
	opacity: 0;
}
.slick-prev:hover:before,
.slick-next:hover:before {
	opacity: 0;
}
.slick-prev:hover:after,
.slick-next:hover:after {
	opacity: 1;
}



.slick-prev.slick-disabled,
.slick-next.slick-disabled {
	opacity: 0;
	cursor: default;
}

.rsBullets,
.slick-dots {
	display: block;
	position: absolute;
	bottom: 0;
	width: 100%;
	list-style: none;
	text-align: center;
	font-size: 0;
	z-index: 1;
}
.rsBullet,
.slick-dots li {
	position: relative;
	display: inline-block;
	width: 12px;
	height: 12px;
	margin: 0 10px;
	padding: 0;
	cursor: pointer;
}
.rsBullet span,
.slick-dots li button {
	display: block;
	width: 10px;
	height: 10px;
	padding: 5px;
	background: transparent;
	border: 0;
	outline: none;
	line-height: 0;
	font-size: 0;
	color: transparent;
	cursor: pointer;
}
.rsBullet span:hover,
.rsBullet span:focus,
.slick-dots li button:hover,
.slick-dots li button:focus {
	outline: none;
}
.rsBullet span:hover:before,
.rsBullet span:focus:before,
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
	opacity: 1;
}
.rsBullet span:before,
.slick-dots li button:before {
	content: '';
	position: absolute;
	top: 1px;
	left: 1px;
	display: inline-block;
	width: 10px;
	height: 10px;
	border: 1px solid rgba(0,161,218,0);
	background: #7a7a7a;
	border-radius: 50%;
	transition: 0.4s;
}
.rsNavSelected span:before,
.slick-dots li.slick-active button:before {
	border: 1px solid rgba(0,161,218,1);
	transform:scale(1.2,1.2);
	background: none;
}

.rsSlide img {
	transform: scale(0.8);
	opacity: 0.2;
	transition: 0.3s;
}
.rsActiveSlide img {
	transform: scale(1);
	opacity: 1;
}


/* .home-visual settings */

.home-visual .slick-dots {
	bottom: 40px;
}
.home-visual .slick-prev,
.home-visual .slick-next {
	top: 44%;
}
.home-visual .slick-prev {
	left: calc((100% - 1000px)/4 - 25px);
	z-index: 10;
}
.home-visual .slick-next {
	right: calc((100% - 1000px)/4 - 25px);
	z-index: 10;
}

/* .slider-minimum settings */

.slider-minimum .slick-dots {
	bottom: 0;
}
.slider-minimum .slick-prev,
.slider-minimum .slick-next {
	top: 21%;
}
.slider-minimum .slick-prev {
	left: -115px;
}
.slider-minimum .slick-next {
	right: -115px;
}
@media (max-width: 1100px) {
	.slider-minimum .slick-prev {
		left: -70px;
	}
	.slider-minimum .slick-next {
		right: -70px;
	}
}

/* .slider-photos settings */

.slider-photos .slick-dots {
	bottom: -40px;
}


/* ==========================================================================
   UTILITIES
   ========================================================================== */

/* font weight */

.u-fw-thin {
	font-weight: 100; font-size:4rem;
}
.u-fw-thin--black {
	text-shadow: 0 0 #000;
}
.u-fw-thin--white {
	text-shadow: 0 0 #fff;
}
.u-fw-light {
	font-weight: 300; font-size:1.5rem
}
.u-fw-light--black {
	text-shadow: 0 0 rgba(0,0,0,0.50);
}
.u-fw-bold {
	font-weight: 700;
}
.u-fw-heavy {
	font-weight: 900;
}

.u-ta-left {
	text-align: left;
}
.u-ta-center {
	text-align: center;
}
.u-ta-right {
	text-align: right;
}


.u-c-grey {
	color: #666;
}
.u-error-text {
	color: #ff0004;
}


/* ==========================================================================
   ANIMATION
   ========================================================================== */
   
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInWithBorder {
  0% {
    background: transparent;
    border-width: 0;
  }
  100% {
    background: rgba(255, 255, 255, 0.7);
    border-width: 8vh;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOutOpacity {
  0% {
	  opacity: 1;
	  z-index: 0;
  }
  99% {
	  opacity: 0;
	  z-index: 0;
  }
  100% {
	  opacity: 0;
	  z-index: -1;
  }
}
@keyframes fadeOutOpacityProducts {
  0% {
	  opacity: 1;
	  z-index: 1;
  }
  99% {
	  opacity: 0;
	  z-index: 1;
  }
  100% {
	  opacity: 0;
	  z-index: -1;
  }
}
@keyframes fadeOutOpacityDealers {
  0% {
	  opacity: 1;
	  z-index: 3;
  }
  99% {
	  opacity: 0;
	  z-index: 3;
  }
  100% {
	  opacity: 0;
	  z-index: -1;
  }
}
@keyframes scaleBack {
	0% {
		transform: scale(1);
	}
	100% {
		transform: scale(0.9);
	}
}
@keyframes blowUpModal {
	0% {
		/*transform: scale(0);*/
		opacity: 0;
		display: none;
	}
	0% {
		/*transform: scale(0);*/
		opacity: 0;
		display: block;
	}
	100% {
		/*transform: scale(1);*/
		opacity: 1;
	}
}

@keyframes scaleForward {
	0% {
		transform: scale(0.9);
	}
	100% {
		transform: scale(1);
	}
}

body {
	
    overflow-y: scroll;
}
.in {
	overflow-x: hidden;
	overflow-y: hidden;
	background-color: #000;
}
.modal-wrapper {
	display: none;
}
.in .modal-wrapper {
    overflow-y: scroll;
	display: block;
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
/*
.modal-background {
	border-top: 0 solid #fff;
	border-bottom: 0 solid #fff;
	transition: 10s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
*/
.modal-background {
	border: 10vh solid #000;
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: -10vh;
	box-sizing: content-box;
	animation: scaleBack 0.8s cubic-bezier(0.77, 0, 0.175, 1) forwards;
}
.in .modal-background {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0,0,0,0.8);
}
.out .modal-background {
	animation: fadeOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.out .global-header {
	top: -51px;
	opacity: 0;
}
.in #page-wrapper {
	overflow-y: scroll;
	width: 100vw;
	height: 100%;
}
.in #page {
	overflow: hidden;
	animation: scaleBack 0.8s cubic-bezier(0.77, 0, 0.175, 1) forwards;
}
#modal-container.two.out {
	animation: quickScaleDown 0s .5s linear forwards;
}
#modal-container.two.out .modal-background {
	animation: fadeOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.two.out .modal-background .modal {
  animation: scaleDown 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.out #page {
  animation: scaleForward 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

.maeda-modal {
	overflow-y: scroll;
	position: fixed;
	/*
	width: 800px;
	height: 496px;
	*/
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.maeda-modal__content {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	background: #000;
}
.maeda-modal[data-active='false'] {
	display: none;
}
.maeda-modal[data-active='true'] {
	display: block;
	animation: blowUpModal 0.7s 0.3s both;
	z-index: 100;
}
.maeda-modal img,
.maeda-modal iframe {
	max-width: 100%;
	max-height: 100%;
}
iframe {
	display: none;
}
.maeda-modal[data-active='true'] iframe {
	display: block;
}


.animated {
	-webkit-animation-duration: 0.8s;
	animation-duration: 0.8s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.js-gallery{ width:100%; max-width:1400px; margin:0 auto;}

[data-delay='0.1s'] { animation-delay: 0.1s; }
[data-delay='0.2s'] { animation-delay: 0.2s; }
[data-delay='0.3s'] { animation-delay: 0.3s; }
[data-delay='0.4s'] { animation-delay: 0.4s; }
[data-delay='0.5s'] { animation-delay: 0.5s; }
[data-delay='0.6s'] { animation-delay: 0.6s; }
[data-delay='0.7s'] { animation-delay: 0.7s; }
[data-delay='0.8s'] { animation-delay: 0.8s; }
[data-delay='0.9s'] { animation-delay: 0.9s; }
[data-delay='1.0s'] { animation-delay: 1s; }

.animated.view-animate__fadeInRight {
	animation-name: viewFadeInRight;
}
.animated.view-animate__fade-in-bottom {
	animation-name: viewFadeInBottom;
}
.animated.view-animate__scale-up {
	animation-name: viewScaleUp;
}


/* onload animation */

.home-visual__wrapper:after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	background: #000;
	z-index: 100;
	/*animation: viewFadeOut 1s 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;*/
	animation: viewFadeOut 1s 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.home-visual__animate-block01__text,
.home-visual__animate-block02__text,
.home-visual__animate-block03__text {
	position: relative;
	display: inline-block;
}
.home-visual__animate-block01__text {
	/*animation: viewFadeInUp 0.9s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) both;*/
	animation: viewFadeInUp 0.9s 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) both;
}
.home-visual__animate-block02__text {
	/*animation: viewFadeInUp 0.9s 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) both;*/
	animation: viewFadeInUp 0.9s 0.75s cubic-bezier(0.165, 0.84, 0.44, 1) both;
}
.home-visual__animate-block03__text {
	/*animation: viewFadeInUp 0.9s 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) both;*/
	animation: viewFadeInUp 0.9s 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) both;
}
.home-visual__img {
	/*animation: viewFadeInLeft 2s 0s cubic-bezier(0.165, 0.84, 0.44, 1) both;*/
	animation: viewFadeInLeft 2s 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) both;
}
.onload-animate {
	/*animation: viewFadeIn 1s 0.1s both;*/
	animation: viewFadeIn 1s 0.5s both;
}
@keyframes viewFadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes viewFadeOut {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		z-index: -1;
	}
}
@keyframes viewFadeInRight {
	0% {
		opacity: 0;
		transform: translate3d(100px, 0, 0);
	}
	100% {
		opacity: 1;
		transform: none;
	}
}
@keyframes viewFadeInRight2 {
	0% {
		opacity: 0;
		transform: translate3d(50px, 0, 0);
	}
	100% {
		opacity: 1;
		transform: none;
	}
}
@keyframes viewFadeInRight3 {
	0% {
		opacity: 0;
		transform: translate3d(25px, 0, 0);
	}
	100% {
		opacity: 1;
		transform: none;
	}
}
@keyframes viewFadeInRightScale {
	0% {
		opacity: 0;
		transform: translate3d(100px, 0, 0);
	}
	100% {
		opacity: 1;
		transform: none;
	}
}
@keyframes viewFadeInRightScale2 {
	0% {
		transform: scale(1.3);
	}
	11% {
		transform: scale(1.4);
	}
	100% {
		transform: none;
	}
}
@keyframes viewFadeInLeft {
	0% {
		opacity: 0;
		transform: translate3d(-100px, 0, 0);
	}
	100% {
		opacity: 1;
		transform: none;
	}
}
@keyframes viewFadeInLeft2 {
	0% {
		opacity: 0;
		transform: translate3d(-50px, 0, 0);
	}
	100% {
		opacity: 1;
		transform: none;
	}
}
@keyframes viewFadeInLeft3 {
	0% {
		opacity: 0;
		transform: translate3d(-25px, 0, 0);
	}
	100% {
		opacity: 1;
		transform: none;
	}
}
@keyframes viewFadeInBottom {
	0% {
		opacity: 0;
		transform: translate3d(0, 60px, 0);
	}
	100% {
		opacity: 1;
		transform: none;
	}
}
@keyframes viewFadeInBottom2 {
	0% {
		opacity: 0;
		transform: translate3d(0, 20px, 0);
	}
	100% {
		opacity: 1;
		transform: none;
	}
}
@keyframes viewFadeInTop {
	0% {
		opacity: 0;
		transform: translate3d(0, -60px, 0);
	}
	100% {
		opacity: 1;
		transform: none;
	}
}
@keyframes viewFadeInUp {
	0% {
		opacity: 0;
		transform: translate3d(0, 70px, 0);
	}
	100% {
		opacity: 1;
		transform: none;
	}
}
@keyframes viewScaleUp {
	0% {
		opacity: 0;
		transform: scale(0.85);
	}
	100% {
		opacity: 1;
		transform: none;
	}
}
@keyframes viewScaleUp2 {
	0% {
		transform: scale(0.85);
	}
	100% {
		transform: none;
	}
}
@keyframes viewScaleDown {
	0% {
		transform: scale(1.1);
	}
	100% {
		transform: none;
	}
}
@keyframes viewScaleDownFade {
	0% {
		opacity: 0;
		transform: scale(1.2);
	}
	100% {
		opacity: 1;
		transform: none;
	}
}
@keyframes viewScaleDownLeft {
	0% {
		opacity: 0;
		transform: scale(1.5) translate3d(-30px, 0, 0);
	}
	100% {
		opacity: 1;
		transform: none;
	}
}
@keyframes viewVisualImg {
	0% {
		opacity: 0;
		transform: scale(1.2);
	}
	100% {
		opacity: 1;
		transform: none;
	}
}
@keyframes viewSlideRight {
	0% {
		transform: translate3d(-150px, 0, 0);
	}
	100% {
		transform: none;
	}
}
@keyframes bounceIn {
	0% {
		opacity: 0;
		transform: scale(0.6);
	}
	50% {
		opacity: 1;
		transform: scale(2);
	}
	70% {
		transform: scale(0.7);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}
@keyframes bounceIn2 {
	0% {
		transform: scale(0.6);
	}
	50% {
		transform: scale(2);
	}
	70% {
		transform: scale(0.7);
	}
	100% {
		transform: scale(1);
	}
}

/* ==========================================================================
   ANIMATION KILL
   ========================================================================== */

.preload * {
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-ms-transition: none !important;
	-o-transition: none !important;
	transition: none !important;
}



/* v1.0.6 */
/* Core RS CSS file. 95% of time you shouldn't change anything here. */
.royalSlider {
	width: 600px;
	height: 400px;
	position: relative;
	direction: ltr;
}
.royalSlider > * {
	float: left;
}

.rsWebkit3d .rsSlide,
.rsWebkit3d .rsContainer,
.rsWebkit3d .rsThumbs,
.rsWebkit3d .rsPreloader,
.rsWebkit3d img,
.rsWebkit3d .rsOverflow,
.rsWebkit3d .rsBtnCenterer,
.rsWebkit3d .rsAbsoluteEl,
.rsWebkit3d .rsABlock,
.rsWebkit3d .rsLink {
	-webkit-backface-visibility: hidden;
}
.rsFade.rsWebkit3d .rsSlide,
.rsFade.rsWebkit3d img,
.rsFade.rsWebkit3d .rsContainer {
    -webkit-transform: none;
}
.rsOverflow {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	float: left;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.rsVisibleNearbyWrap {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	left: 0;
	top: 0;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.rsVisibleNearbyWrap .rsOverflow {
	position: absolute;
	left: 0;
	top: 0;

}
.rsContainer {
	position: relative;
	width: 100%;
	height: 100%;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

.rsArrow,
.rsThumbsArrow {
	cursor: pointer;
}

.rsThumb {
	float: left;
	position: relative;
}


.rsArrow,
.rsNav,
.rsThumbsArrow {
	opacity: 1;
	-webkit-transition:opacity 0.3s linear;
	-moz-transition:opacity 0.3s linear;
	-o-transition:opacity 0.3s linear;
	transition:opacity 0.3s linear;
}
.rsHidden {
	opacity: 0;
	visibility: hidden;
	-webkit-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
	-moz-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
	-o-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
	transition:visibility 0s linear 0.3s,opacity 0.3s linear;
}


.rsGCaption {
	width: 100%;
	float: left;
	text-align: center;
}

/* Fullscreen options, very important ^^ */
.royalSlider.rsFullscreen {
	position: fixed !important;
	height: auto !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	z-index: 2147483647 !important;
	top: 0 !important;
	left: 0 !important;
	bottom: 0 !important;
	right: 0 !important;
}

.royalSlider .rsSlide.rsFakePreloader {
	opacity: 1 !important;
	-webkit-transition: 0s;
	-moz-transition: 0s;
	-o-transition:  0s;
	transition:  0s;
	display: none;
}

.rsSlide {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	overflow: hidden;
	
	height: 100%;
	width: 100%;
}

.royalSlider.rsAutoHeight,
.rsAutoHeight .rsSlide {
	height: auto;
}

.rsContent {
	width: 100%;
	height: 100%;
	position: relative;
}

.rsPreloader {
	position:absolute;
	z-index: 0;	
}

.rsNav {
	-moz-user-select: -moz-none;
	-webkit-user-select: none;
	user-select: none;
}
.rsNavItem {
	-webkit-tap-highlight-color:rgba(0,0,0,0.25);
}

.rsThumbs {
	cursor: pointer;
	position: relative;
	overflow: hidden;
	float: left;
	z-index: 22;
}
.rsTabs {
	float: left;
	background: none !important;
}
.rsTabs,
.rsThumbs {
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}


.rsVideoContainer {
	width: auto;
	height: auto;
	line-height: 0;
	position: relative;
}
.rsVideoFrameHolder {
	position: absolute;
	left: 0;
	top: 0;
	background: #141414;
	opacity: 0;
	-webkit-transition: .3s;
}
.rsVideoFrameHolder.rsVideoActive {
	opacity: 1;
}
.rsVideoContainer iframe,
.rsVideoContainer video,
.rsVideoContainer embed,
.rsVideoContainer .rsVideoObj {
	position: absolute;
	z-index: 50;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
/* ios controls over video bug, shifting video */
.rsVideoContainer.rsIOSVideo iframe,
.rsVideoContainer.rsIOSVideo video,
.rsVideoContainer.rsIOSVideo embed {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 44px;
}

.rsABlock {
	left: 0;
	top: 0;
	position: absolute;
	z-index: 15;
	
}

img.rsImg {
	max-width: none;
}

.grab-cursor {
	cursor:url(/assets/img/royalslider/grab.png) 8 8, move; 
}

.grabbing-cursor{ 
	cursor:url(/assets/img/royalslider/grabbing.png) 8 8, move;
}

.rsNoDrag {
	cursor: auto;
}

.rsLink {
	left:0;
	top:0;
	position:absolute;
	width:100%;
	height:100%;
	display:block;	
	z-index: 20;
	background: url(/assets/img/royalslider/blank.gif);
}