@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&&family=Maven+Pro:wght@400;500;700&family=Hind:wght@700&display=swap");
/* ==========================================================================
viewport指定
============================================================================*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

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

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

ol, ul {
  list-style: none;
}

html, body {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  background: #000;
  vertical-align: baseline;
}

html {
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
  font-size: 62.5%;
}

@media screen and (max-width: 767px) {
  html {
    font-size: 62.5%;
  }
}

body {
  position: relative;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", sans-serif;
  font-size: 1.4rem;
  line-height: 1.7;
  color: #fff;
  font-feature-settings: "palt";
}

@media screen and (min-width: 768px) and (max-width: 1099px) {
  body {
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 767px) {
  body {
    font-size: 1.4rem;
  }
}

[lang="en"] {
  font-family: "Maven Pro", sans-serif;
}

/* */
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  font-size: 100%;
  font-feature-settings: "palt";
}

*:focus {
  outline: 0;
}

a {
  color: #fff;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

a:hover {
  color: #ccc;
}

img {
  width: 100%;
  height: auto;
}

/* clearfix -------------*/
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

/* display -------------*/
/* pc/sp */
.for-pc {
  display: inherit;
}

.for-sp {
  display: none;
}

img.for-pc {
  display: inline;
}

img.for-sp {
  display: none;
}

table.for-pc {
  display: table;
}

table.for-sp {
  display: none;
}

@media screen and (max-width: 767px) {
  .for-pc {
    display: none;
  }
  .for-sp {
    display: inherit;
  }
  img.for-pc {
    display: none;
  }
  img.for-sp {
    display: inline;
  }
  table.for-pc {
    display: none;
  }
  table.for-sp {
    display: table;
  }
}

/* margin -------------*/
.mt-0 {
  margin-top: 0px;
}

.mb-0 {
  margin-bottom: 0px;
}

.mt-5 {
  margin-top: 5px;
}

.mb-5 {
  margin-bottom: 5px;
}

.mt-10 {
  margin-top: 10px;
}

.mb-10 {
  margin-bottom: 10px;
}

.mt-15 {
  margin-top: 15px;
}

.mb-15 {
  margin-bottom: 15px;
}

.mt-20 {
  margin-top: 20px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mt-25 {
  margin-top: 25px;
}

.mb-25 {
  margin-bottom: 25px;
}

.mt-30 {
  margin-top: 30px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mt-35 {
  margin-top: 35px;
}

.mb-35 {
  margin-bottom: 35px;
}

.mt-40 {
  margin-top: 40px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mt-45 {
  margin-top: 45px;
}

.mb-45 {
  margin-bottom: 45px;
}

.mt-50 {
  margin-top: 50px;
}

.mb-50 {
  margin-bottom: 50px;
}

.mt-0em {
  margin-top: 0em;
}

.mb-0em {
  margin-bottom: 0em;
}

.mt-1em {
  margin-top: 1em;
}

.mb-1em {
  margin-bottom: 1em;
}

.mt-2em {
  margin-top: 2em;
}

.mb-2em {
  margin-bottom: 2em;
}

.mt-3em {
  margin-top: 3em;
}

.mb-3em {
  margin-bottom: 3em;
}

.mt-4em {
  margin-top: 4em;
}

.mb-4em {
  margin-bottom: 4em;
}

.mt-5em {
  margin-top: 5em;
}

.mb-5em {
  margin-bottom: 5em;
}

.mt-6em {
  margin-top: 6em;
}

.mb-6em {
  margin-bottom: 6em;
}

.mt-7em {
  margin-top: 7em;
}

.mb-7em {
  margin-bottom: 7em;
}

.mt-8em {
  margin-top: 8em;
}

.mb-8em {
  margin-bottom: 8em;
}

.mt-9em {
  margin-top: 9em;
}

.mb-9em {
  margin-bottom: 9em;
}

.mt-10em {
  margin-top: 10em;
}

.mb-10em {
  margin-bottom: 10em;
}

/* padding -------------*/
.pt-0 {
  padding-top: 0px;
}

.pb-0 {
  padding-bottom: 0px;
}

.pt-5 {
  padding-top: 5px;
}

.pb-5 {
  padding-bottom: 5px;
}

.pt-10 {
  padding-top: 10px;
}

.pb-10 {
  padding-bottom: 10px;
}

.pt-15 {
  padding-top: 15px;
}

.pb-15 {
  padding-bottom: 15px;
}

.pt-20 {
  padding-top: 20px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pt-25 {
  padding-top: 25px;
}

.pb-25 {
  padding-bottom: 25px;
}

.pt-30 {
  padding-top: 30px;
}

.pb-30 {
  padding-bottom: 30px;
}

.pt-35 {
  padding-top: 35px;
}

.pb-35 {
  padding-bottom: 35px;
}

.pt-40 {
  padding-top: 40px;
}

.pb-40 {
  padding-bottom: 40px;
}

.pt-45 {
  padding-top: 45px;
}

.pb-45 {
  padding-bottom: 45px;
}

.pt-50 {
  padding-top: 50px;
}

.pb-50 {
  padding-bottom: 50px;
}

.pt-0em {
  padding-top: 0em;
}

.pb-0em {
  padding-bottom: 0em;
}

.pt-1em {
  padding-top: 1em;
}

.pb-1em {
  padding-bottom: 1em;
}

.pt-2em {
  padding-top: 2em;
}

.pb-2em {
  padding-bottom: 2em;
}

.pt-3em {
  padding-top: 3em;
}

.pb-3em {
  padding-bottom: 3em;
}

.pt-4em {
  padding-top: 4em;
}

.pb-4em {
  padding-bottom: 4em;
}

.pt-5em {
  padding-top: 5em;
}

.pb-5em {
  padding-bottom: 5em;
}

.pt-6em {
  padding-top: 6em;
}

.pb-6em {
  padding-bottom: 6em;
}

.pt-7em {
  padding-top: 7em;
}

.pb-7em {
  padding-bottom: 7em;
}

/* br ------------*/
br.br-mb1 {
  display: block;
  content: '';
  height: 1em;
}

@media screen and (max-width: 767px) {
  br.br-mb1.for-pc {
    display: none;
  }
}

br.br-mb1.for-sp {
  display: none;
}

@media screen and (max-width: 767px) {
  br.br-mb1.for-sp {
    display: block;
  }
}

/* text -------------*/
/* ff */
.txt-gothic {
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", sans-serif;
}

.txt-en {
  font-family: "Maven Pro", sans-serif;
}

/* font color */
.txt-blk {
  color: #000;
}

.txt-gry {
  color: #868686;
}

.txt-org {
  color: #ff3c28;
}

/* font size */
.txt-xsmall {
  font-size: 68.75%;
}

.txt-small {
  font-size: 81.25%;
}

.txt-large {
  font-size: 112.5%;
}

@media screen and (max-width: 767px) {
  .txt-large {
    font-size: 110%;
  }
}

.txt-large_2 {
  font-size: 137.5%;
}

@media screen and (max-width: 767px) {
  .txt-large_2 {
    font-size: 130%;
  }
}

.txt-xlarge {
  font-size: 162.5%;
}

@media screen and (max-width: 767px) {
  .txt-xlarge {
    font-size: 140%;
  }
}

.txt-xlarge_2 {
  font-size: 175%;
}

@media screen and (max-width: 767px) {
  .txt-xlarge_2 {
    font-size: 160%;
  }
}

/* align */
.txt-left {
  text-align: left;
}

.txt-right {
  text-align: right;
}

.txt-center {
  text-align: center;
}

.txt-center-left {
  text-align: center;
}

@media screen and (max-width: 767px) {
  .txt-center-left {
    text-align: left;
  }
}

/* font weight */
.txt-fwL {
  font-weight: 300;
}

.txt-fwR {
  font-weight: 400;
}

.txt-fwM {
  font-weight: 500;
}

.txt-fwB {
  font-weight: 700;
}

/* font style */
.txt-italic {
  font-style: italic;
}

/* line height */
.lh-thin {
  line-height: 1.4;
}

.lh-middle {
  line-height: 1.6;
}

.lh-2 {
  line-height: 2;
}

/* letter space */
.ls-1 {
  letter-spacing: 1em;
}

.ls-_5 {
  letter-spacing: .5em;
}

.ls-__4 {
  letter-spacing: .04em;
}

.ls-__8 {
  letter-spacing: .08em;
}

/* indent */
/**/
.txt-lead {
  font-size: 112.5%;
}

.txt-lead.align-center {
  text-align: center;
}

@media screen and (max-width: 767px) {
  .txt-lead.align-center {
    text-align: left;
  }
}

/* scroll */
.scrollIn.fade {
  visibility: hidden;
  opacity: 0;
  transform: translateY(30px);
  transition: opacity .8s ease-out, transform .8s ease-out;
}

.scrollIn.fade.show {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}

.l-wrapper {
  position: relative;
  width: 100%;
}

/*------------------------------
header
-------------------------------*/
.l-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 115px;
  z-index: 50;
  padding-top: 0px;
  pointer-events: none;
  transition: opacity 0.4s ease-out, transform 0.4s ease-out;
  /*.h-menubtn.is-open {
    .menu_z {
      display: none;
    }
    .menu_x {
      display: block;
    }
    .menu_line:before {
      transform: rotate(37deg);
      transform-origin: left top;
    }
    .menu_line:after {
      transform: rotate(45deg);
      transform-origin: right bottom;
    }
  }*/
}

.l-header .h-inner {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.l-header .h-logo-z {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 172px;
  line-height: 0;
  pointer-events: auto;
}

.l-header .h-logo-khi {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 106px;
  pointer-events: auto;
}

.l-header .h-menu-lang {
  position: absolute;
  top: 25px;
  right: calc(4% + 60px);
  font-family: "Maven Pro", sans-serif;
  font-weight: 700;
  letter-spacing: .08em;
  pointer-events: auto;
}

.l-header .h-menu-lang ul {
  display: flex;
}

.l-header .h-menu-lang li {
  border-right: 2px solid #fff;
}

.l-header .h-menu-lang li a, .l-header .h-menu-lang li span {
  display: block;
  padding: 0 8px;
  text-decoration: none;
}

.l-header .h-menu-lang li a {
  color: #7d7d7d;
}

.l-header .h-menu-lang li a:hover {
  color: #ff3c28;
}

.l-header .h-menu-lang li:last-child {
  border-right: 0;
}

.l-header .h-prev {
  position: absolute;
  top: 24px;
  left: 4%;
  width: 87px;
  line-height: 0;
  transform: translateX(-10%);
  pointer-events: auto;
}

.l-header .h-prev a {
  display: block;
  position: relative;
}

.l-header .h-prev .btn_prev_arrow {
  position: relative;
}

.l-header .h-prev .btn_prev_text {
  position: absolute;
  top: 0;
  left: 0;
}

.l-header .h-prev a:hover .btn_prev_arrow {
  transform: translateX(-3px);
  transition: all .2s ease-out;
}

.l-header .h-menubtn {
  position: absolute;
  top: 20px;
  right: 4%;
  width: 60px;
  transform: translateX(13%);
  pointer-events: auto;
}

.l-header .h-menubtn .menu_line {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 40px;
}

.l-header .h-menubtn .menu_line:before {
  content: '';
  display: block;
  position: absolute;
  top: 7px;
  left: 12px;
  width: 38px;
  height: 2px;
  background: #fff;
}

.l-header .h-menubtn .menu_line:after {
  content: '';
  display: block;
  position: absolute;
  top: 31px;
  left: 12px;
  width: 38px;
  height: 2px;
  background: #fff;
}

.l-header .h-menubtn .menu_icon {
  position: absolute;
}

.l-header .h-menubtn .menu_icon img {
  opacity: 0;
}

.l-header .h-menubtn .menu_z .menu_icon:after {
  content: '';
  display: block;
  position: absolute;
  top: -5px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 5px;
  height: 15px;
  background: #fff;
  transform: skewX(300deg);
}

.l-header .h-menubtn .menu_x {
  position: relative;
  display: none;
}

.l-header .h-menubtn a {
  display: block;
  position: absolute;
}

.l-header .h-menubtn a:hover .menu_icon, .l-header .h-menubtn a:hover .menu_line {
  transform: scale(1.1);
  transition: transform .2s ease-out;
}

.l-header .header-menu {
  position: relative;
  left: 0;
  width: 100%;
  padding-bottom: 50px;
  background: #000;
  visibility: hidden;
  opacity: 0;
  transform: translateY(-20px);
}

.l-header .gNav {
  position: relative;
  font-family: "Maven Pro", sans-serif;
  overflow: hidden;
}

.l-header .gNav .gNav-title {
  margin: auto;
  padding: 10px;
  border-top: 1px solid #7d7d7d;
  border-bottom: 1px solid #7d7d7d;
  font-size: 2.2rem;
  line-height: 1.4;
  font-weight: 900;
  font-style: italic;
  text-align: center;
}

.l-header .gNav > ul {
  padding: 30px 0;
  margin: auto;
}

.l-header .gNav > ul > li {
  font-size: 1.7rem;
  line-height: 1.4;
  font-weight: 500;
  letter-spacing: .08em;
}

.l-header .gNav > ul > li span {
  display: block;
  width: 290px;
  margin: auto;
}

.l-header .gNav > ul > li a {
  display: block;
  padding: 10px;
}

.l-header .gNav > ul > li a:hover, .l-header .gNav > ul > li a.current {
  background: #ff3c28;
  transition: all 0.25s ease-out;
}

.l-header .gNav > ul > li a[href=""] {
  pointer-events: none;
  color: #7d7d7d;
}

.l-header .gNav .gNavlink {
  width: 290px;
  margin: 10px auto;
  line-height: 1.4;
  font-weight: 500;
  letter-spacing: .08em;
}

.l-header .gNav .gNavlink a {
  display: block;
}

.l-header .gNav .gNavlink a:hover {
  color: #ccc;
  transition: all 0.25s ease-out;
}

.l-header .gNav a {
  color: #fff;
  text-decoration: none;
}

.l-header .gNav .gNav-lang {
  display: none;
  position: relative;
  margin: 50px auto 0;
  font-family: "Maven Pro", sans-serif;
  font-weight: 700;
  letter-spacing: .08em;
  pointer-events: auto;
}

.l-header .gNav .gNav-lang ul {
  display: flex;
  justify-content: center;
}

.l-header .gNav .gNav-lang li {
  border-right: 2px solid #fff;
}

.l-header .gNav .gNav-lang li a, .l-header .gNav .gNav-lang li span {
  display: block;
  padding: 0 8px;
  text-decoration: none;
}

.l-header .gNav .gNav-lang li a {
  color: #7d7d7d;
}

.l-header .gNav .gNav-lang li a:hover {
  color: #ff3c28;
}

.l-header .gNav .gNav-lang li:last-child {
  border-right: 0;
}

@media screen and (max-width: 767px) {
  .l-header {
    height: 88px;
  }
  .l-header .h-logo-z {
    width: 138px;
  }
  .l-header .h-menu-lang {
    display: none;
  }
  .l-header .gNav .gNav-lang {
    display: block;
  }
}

.l-header .h-prev {
  top: 15px;
}

.l-header .h-menubtn {
  top: 15px;
}

.l-header.unpin {
  opacity: 0;
  transform: translateY(-100%);
}

.l-header.is-open {
  background: #000 !important;
}

.l-header.is-open .h-menubtn .menu_z {
  display: none;
}

.l-header.is-open .h-menubtn .menu_x {
  display: block;
}

.l-header.is-open .h-menubtn .menu_line:before {
  top: 6px;
  left: 5px;
  width: 42px;
  transform: rotate(-37deg);
  transform-origin: right top;
  transition: all 0.25s ease-out;
}

.l-header.is-open .h-menubtn .menu_line:after {
  top: 31px;
  left: 5px;
  width: 42px;
  transform: rotate(37deg);
  transform-origin: right bottom;
  transition: all 0.25s ease-out;
}

.l-header.is-open .header-menu {
  max-height: calc(100vh - 115px);
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.25s ease-out, transform 0.25s ease-out;
  pointer-events: auto;
  overflow: auto;
  -webkit-font-smoothing: antialiased;
}

@media screen and (max-width: 767px) {
  .l-header.is-open .header-menu {
    max-height: calc(100vh - 88px);
  }
}

.l-header.is-bg {
  background: #000;
}

/*------------------------------
footer
-------------------------------*/
.l-footer {
  position: relative;
  width: 100%;
  padding: 30px;
  background: #000;
  z-index: 1;
}

.l-footer .f-body {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 40px auto;
}

.l-footer .f-body .f-logo {
  width: 111px;
  margin: 20px 50px;
}

.l-footer .f-body .f-logo a {
  display: block;
}

.l-footer .f-body .f-nav {
  padding-left: 15px;
  border-left: 1px solid #fff;
}

.l-footer .f-body .f-nav ul {
  padding: 0;
  margin: auto;
}

.l-footer .f-body .f-nav li {
  margin: 5px 0;
  font-size: 1.2rem;
  line-height: 1.4;
  font-weight: 500;
  letter-spacing: .08em;
}

.l-footer .f-body .f-nav li a {
  text-decoration: none;
}

.l-footer .f-body .f-nav li a:hover {
  color: #ccc;
}

.l-footer .f-body .f-nav li a[href=""] {
  pointer-events: none;
  color: #7d7d7d;
}

.l-footer .f-body .f-nav .fNavlink {
  margin: 20px 0 5px;
  font-size: 1.1rem;
  line-height: 1.4;
  font-weight: 500;
  letter-spacing: .08em;
}

.l-footer .f-body .f-nav .fNavlink a {
  text-decoration: none;
}

.l-footer .f-body .f-nav .fNavlink a:hover {
  color: #ccc;
}

.l-footer .copyright {
  margin: auto;
  font-family: "Maven Pro", sans-serif;
  font-size: 10px;
  letter-spacing: .1em;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .l-footer {
    padding: 20px 5%;
  }
  .l-footer .f-body .f-logo {
    width: 35%;
    margin: 20px auto;
  }
  .l-footer .f-body .f-logo a {
    width: 65%;
    max-width: 150px;
    margin: auto auto auto 13%;
  }
  .l-footer .f-body .f-nav {
    width: 65%;
  }
  .l-footer .f-body .f-nav li {
    font-size: 2.1vw;
  }
  .l-footer .f-body .f-nav .fNavlink {
    font-size: 2.05vw;
  }
  .l-footer .copyright {
    font-size: 9px;
    letter-spacing: 0;
  }
}

/*------------------------------
main
-------------------------------*/
.l-main {
  position: relative;
  min-height: 100vh;
}

.l-main .l-contents {
  position: relative;
}

/*------------------------------
TOP
-------------------------------*/
.l-wrapper.is-topintro {
  height: 100vh;
  overflow: hidden;
}

.l-wrapper.is-topintro .l-header {
  /*transform: translateY(-105%);*/
}

.l-wrapper.is-toploaded.is-topshow {
  height: auto;
}

.l-wrapper.is-toploaded.is-topshow .l-header {
  /*transform: translateY(0);
    transition: transform .4s ease-out;*/
}

.sec-top {
  position: relative;
}

/* intro */
#top_0 {
  position: fixed;
  width: 100%;
  height: 100vh;
  background: #000;
  z-index: 100;
  pointer-events: none;
}

#top_0 .intro_logo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: #000;
}

#top_0 .intro_logo .intro_khi_logo {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 135px;
  transform: translate(-50%, -50%);
}

#top_0 .intro_logo .intro_khi_logo span {
  display: block;
  position: relative;
}

#top_0 .intro_logo .intro_50th_logo {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 322px;
  transform: translate(-50%, -50%);
  display: none;
}

#top_0 .intro_logo .intro_50th_logo video {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 767px) {
  #top_0 .intro_logo .intro_khi_logo {
    width: 25%;
    max-width: 135px;
  }
  #top_0 .intro_logo .intro_50th_logo {
    width: 66%;
    max-width: 332px;
  }
}

/* kv */
#top_1 {
  position: relative;
  width: 100%;
  height: 100vh;
  background: #000;
  overflow: hidden;
  /*.mark-scroll {
    position: absolute;
    right: 50px;
    bottom: 50px;
    overflow: hidden;
    .mark-scroll-text {
      width: 9px;
      margin-bottom: 8px;
      line-height: 0;
    }
    .merk-scroll-line {
      position: relative;
      width: 1px;
      height: 56px;
      margin: auto;
      background: #fff;
      transform-origin: top center;
    }
  }*/
}

#top_1 .kv_img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: #000;
  pointer-events: none;
}

#top_1 .kv_img .kv_img_item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
}

#top_1 .kv_img .kv_img_item img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

#top_1 .kv_img .kv_img_item:first-child {
  position: relative;
  top: 0;
  left: 0;
}

#top_1 .kv_img_1 .kv_img_item {
  opacity: 0;
}

#top_1 .kv_img_2 {
  opacity: 0;
}

#top_1 .kv_img_3 {
  opacity: 0;
}

#top_1 .news-line {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 20px 30px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, black 100%);
  font-size: 1.2rem;
  display: flex;
}

#top_1 .news-line .news-h {
  padding-right: 5px;
  white-space: nowrap;
}

#top_1 .news-line .news-body {
  flex: 1;
}

#top_1 .news-line .news-date {
  color: #ff3c28;
}

#top_1 .news-line .news-text {
  margin-right: 10px;
}

#top_1 .news-line p {
  margin: 0;
}

@media screen and (max-width: 767px) {
  #top_1 {
    /*.mark-scroll {
      right: 4%;
    }*/
  }
  #top_1 .kv_img .kv_img_item img {
    -o-object-fit: cover;
    object-fit: cover;
  }
  #top_1 .news-line {
    padding: 4%;
  }
}

.mark-scroll {
  position: fixed;
  right: 50px;
  bottom: 50px;
  overflow: hidden;
}

.mark-scroll .mark-scroll-text {
  width: 9px;
  margin-bottom: 8px;
  line-height: 0;
}

.mark-scroll .merk-scroll-line {
  position: relative;
  width: 1px;
  height: 56px;
  margin: auto;
  background: #fff;
  transform-origin: top center;
}

@media screen and (max-width: 767px) {
  .mark-scroll {
    right: 4%;
  }
}

/* message */
#top_2 {
  position: relative;
  width: 100%;
  height: 100vh;
  background: #000;
  overflow: hidden;
}

#top_2 .message_head {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 92%;
  max-width: 1100px;
  height: 100vh;
  margin: auto;
  overflow: hidden;
  z-index: 1;
}

#top_2 .message_head .message_title {
  position: absolute;
  top: 50%;
  width: 370px;
  line-height: 0;
  transform: translate(0, -50%);
}

#top_2 .message_head .message_title img {
  position: relative;
}

#top_2 .message_head .message_title_text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#top_2 .message_head .btnarea {
  position: absolute;
  bottom: -10px;
  left: 0;
  right: 0;
  margin: auto;
}

#top_2 .message_head .btnarea .btn_more {
  margin: auto;
}

#top_2 .message_img {
  position: relative;
  top: 0;
  right: 0;
  height: 100vh;
  margin: 0 0 0 auto;
  z-index: 0;
  pointer-events: none;
}

#top_2 .message_img .message_img_item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  opacity: 0;
}

#top_2 .message_img .message_img_item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: right center;
  object-position: right center;
}

#top_2 .message_img .message_img_item:first-child {
  position: relative;
  top: 0;
  left: 0;
  opacity: 1;
}

@media screen and (max-width: 767px) {
  #top_2 .message_head {
    width: 100%;
  }
  #top_2 .message_head .message_title {
    top: initial;
    bottom: 10vh;
    left: 0;
    right: 0;
    margin: auto;
    width: 70%;
    transform: translate(0, 0);
  }
  #top_2 .message_img {
    width: 100%;
  }
  #top_2 .message_img .message_img_item img {
    -o-object-position: 45% center;
    object-position: 45% center;
  }
}

@media screen and (max-width: 767px) and (orientation: landscape) {
  #top_2 .message_head {
    width: 50%;
  }
  #top_2 .message_head .message_title {
    top: initial;
    bottom: 10vh;
    left: 0;
    right: 0;
    margin: auto;
    width: 70%;
    transform: translate(0, 0);
  }
}

/* source */
#top_3 {
  position: relative;
  width: 100%;
  height: 100vh;
  background: url("../images/top/source_bg_3.png");
  overflow: hidden;
}

#top_3 .source_bg {
  position: relative;
  width: 100%;
  height: 100vh;
  z-index: 0;
}

#top_3 .source_bg:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background: url("../images/top/source_bg_1.png") no-repeat left top;
  background-size: auto 100%;
}

#top_3 .source_bg:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  background: url("../images/top/source_bg_2.png") no-repeat right top;
  background-size: auto 100%;
}

#top_3 .source_head {
  position: absolute;
  top: 200px;
  left: 50px;
  right: 50px;
  width: 30%;
  max-width: 350px;
  height: calc(100vh - 200px);
  margin-left: 0;
  pointer-events: none;
  z-index: 1;
}

#top_3 .source_head .source_title {
  position: absolute;
  margin-bottom: 18%;
  bottom: 0;
  width: 100%;
  line-height: 0;
  display: flex;
  flex-direction: column;
}

#top_3 .source_head .source_title_img {
  flex: 1;
}

#top_3 .source_head .source_title_img img {
  width: 100%;
  height: 100%;
  max-height: 43vh;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: left center;
  object-position: left center;
}

#top_3 .source_head .btnarea {
  position: relative;
  left: 0;
  right: 0;
  width: 350px;
  margin: 30px auto 0;
}

#top_3 .source_head .btnarea .btn_more {
  pointer-events: auto;
}

#top_3 .source_container {
  position: absolute;
  top: 0;
  left: 0;
  height: 100vh;
  z-index: 0;
}

#top_3 .source_img {
  /*position: absolute;
    top: 0;
    left: 300px;*/
  position: relative;
  top: 0;
  left: 0;
  margin: 0 300px;
  width: auto;
  height: 100vh;
  background: #ff3c28;
}

#top_3 .source_img .source_img_view {
  width: auto;
  height: 100%;
  margin: 0 100px;
  padding: 200px 0 60px;
  line-height: 0;
}

#top_3 .source_img .source_img_view img {
  width: auto;
  height: 100%;
}

@media screen and (max-width: 767px) {
  #top_3 .source_head {
    width: 63%;
    left: 5%;
    right: 5%;
  }
  #top_3 .source_img {
    margin: 0 20vw;
  }
}

/* history */
#top_4 {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

#top_4 .history_img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  pointer-events: none;
  z-index: 0;
}

#top_4 .history_img .history_img_item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

#top_4 .history_img .history_img_item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 60% bottom;
  object-position: 60% bottom;
}

#top_4 .history_img .history_img_item:first-child {
  position: relative;
  top: 0;
  left: 0;
  opacity: 1;
}

#top_4 .history_head {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 92%;
  height: 100vh;
  margin: auto;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  overflow: hidden;
  z-index: 1;
}

#top_4 .history_head .history_title {
  width: 100%;
  max-width: 417px;
  margin: 0 auto;
  line-height: 0;
  overflow: hidden;
}

#top_4 .history_head .btnarea {
  position: relative;
  left: 0;
  right: 0;
  width: 100%;
  max-width: 350px;
  margin: 20px auto 0;
}

#top_4 .history_head .btnarea .btn_more {
  margin: auto;
  pointer-events: auto;
}

@media screen and (max-width: 767px) {
  #top_4 .history_head {
    width: 80%;
  }
}

/* model */
#top_5 {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

#top_5 .model_img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  pointer-events: none;
  z-index: 0;
}

#top_5 .model_img .model_img_item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

#top_5 .model_img .model_img_item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

#top_5 .model_img .model_img_item:first-child {
  position: relative;
  top: 0;
  left: 0;
  opacity: 1;
}

#top_5 .model_head {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 92%;
  height: 100vh;
  margin: auto;
  padding-bottom: 40px;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: flex-end;
  overflow: hidden;
  z-index: 1;
}

#top_5 .model_head .model_title {
  width: 100%;
  max-width: 285px;
  margin: 0 auto;
  line-height: 0;
  overflow: hidden;
}

#top_5 .model_head .btnarea {
  position: relative;
  left: 0;
  right: 0;
  width: 100%;
  max-width: 295px;
  margin: 20px auto 0;
}

#top_5 .model_head .btnarea .btn_more {
  margin: auto auto 0 0;
  pointer-events: auto;
}

@media screen and (max-width: 767px) {
  #top_5 .model_img img {
    -o-object-fit: contain;
    object-fit: contain;
  }
  #top_5 .model_head {
    width: 58%;
    height: 91vh;
    justify-content: flex-end;
  }
  #top_5 .model_head .model_title {
    max-width: 432px;
  }
  #top_5 .model_head .btnarea {
    max-width: 450px;
  }
}

@media screen and (max-width: 767px) and (orientation: landscape) {
  #top_5 .model_img img {
    -o-object-position: center top;
    object-position: center top;
  }
  #top_5 .model_head {
    width: 35%;
    height: 100%;
    justify-content: flex-end;
  }
  #top_5 .model_head .model_title {
    max-width: 250px;
  }
  #top_5 .model_head .btnarea {
    max-width: 260px;
  }
}

/* movie */
#top_6 {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

#top_6 .movie_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  pointer-events: none;
  background: url("../images/top/movie_bg.jpg") no-repeat center center;
  background-size: cover;
  z-index: 0;
}

#top_6 .movie-container {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 92%;
  max-width: 930px;
  height: 90vh;
  margin: auto;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
}

#top_6 .movie-container-inner {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}

#top_6 .movie_head {
  position: absolute;
  top: 7.5%;
  right: 3.4%;
  width: 24%;
  z-index: 2;
  pointer-events: none;
}

#top_6 .movie_head .model_title {
  width: 100%;
  max-width: 417px;
  margin: 0 auto;
  line-height: 0;
  overflow: hidden;
}

#top_6 .movie-youtube {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 100%;
}

#top_6 .movie-youtube .youtube-view {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 0;
}

#top_6 .movie-youtube #youtube_player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

#top_6 .movie-youtube .movie-img {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../images/top/movie_img.jpg") no-repeat center center;
  background-size: cover;
  cursor: pointer;
  z-index: 1;
}

#top_6 .movie-youtube .mark-play {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10.2%;
  max-width: 96px;
  line-height: 0;
  transform: translate(-50%, -50%);
  z-index: 2;
  pointer-events: none;
}

#top_6 .movie-youtube .movie-img:hover .mark-play img {
  transform: scale(1.04);
  transition: all .2s ease-out;
}

#top_6 .movie-container.fitH .movie-container-inner {
  width: 160vh;
  height: 100%;
  padding-bottom: 0;
}

#top_6 .movie-container.ready .movie_head {
  display: none;
}

#top_6 .movie-container.ready .movie-img {
  display: none;
}

@media screen and (max-width: 767px) {
  #top_6 .movie_head {
    position: relative;
    top: 0;
    right: 0;
    width: 100%;
    max-width: 690px;
    margin: 0 0 0 auto;
  }
  #top_6 .movie-container-inner {
    position: relative;
    width: 100%;
    height: auto;
    padding-bottom: 0;
  }
  #top_6 .movie-youtube {
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
  }
  #top_6 .movie-youtube .youtube-view {
    position: absolute;
  }
  #top_6 .movie-container.fitH .movie_head {
    position: absolute;
    top: 7.5%;
    right: 3.4%;
    width: 24%;
  }
  #top_6 .movie-container.fitH .movie-container-inner {
    position: absolute;
    width: 160vh;
    height: 100%;
    padding-bottom: 0;
  }
  #top_6 .movie-container.fitH .movie-youtube {
    position: absolute;
    height: 100%;
    padding-bottom: 0;
  }
  #top_6 .movie-container.ready .movie_head {
    display: block;
  }
}

/* nav */
#nav_topindex {
  position: absolute;
  position: fixed;
  bottom: 0;
  left: 35px;
  height: 100vh;
  display: flex;
  align-items: center;
}

#nav_topindex ul {
  position: absolute;
  list-style: none;
  margin: 0;
  padding: 0;
}

#nav_topindex li {
  margin: 18px 0;
  font-family: "Maven Pro", sans-serif;
  color: #7d7d7d;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .1em;
}

#nav_topindex li a {
  display: flex;
  color: #7d7d7d;
  text-decoration: none;
}

#nav_topindex li a:before {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  margin-right: 10px;
  background: #7d7d7d;
  border-radius: 100px;
}

#nav_topindex li a span {
  flex: 1;
  white-space: nowrap;
  max-width: 20em;
  visibility: visible;
  opacity: 1;
  transform: translate(0, 0);
  overflow: hidden;
}

#nav_topindex li a:hover {
  color: #ff3c28;
}

#nav_topindex li a:hover:before {
  background: #ff3c28;
}

#nav_topindex li a:hover span {
  max-width: 20em;
  visibility: visible;
  opacity: 1;
  transform: translate(0, 0);
  transition: all .2s ease-out;
}

#nav_topindex li a.current {
  color: #ff3c28;
}

#nav_topindex li a.current:before {
  background: #ff3c28;
}

#nav_topindex li a[href=""] {
  pointer-events: none;
  color: #7d7d7d;
}

#nav_topindex li a[href=""]:before {
  background: none;
  border: 2px solid #7d7d7d;
}

@media screen and (max-width: 767px) {
  #nav_topindex {
    left: 4%;
  }
}

#nav_topindex.fixed {
  position: fixed;
}

#nav_topindex.slim li a span {
  max-width: 0;
  visibility: hidden;
  opacity: 0;
  transform: translate(-5px, 0);
  transition: all .4s ease-out;
}

#nav_topindex.slim li a:hover span {
  max-width: 20em;
  visibility: visible;
  opacity: 1;
  transform: translate(0, 0);
  transition: all .2s ease-out;
}

/*------------------------------
MESSAGE
-------------------------------*/
.sec-message {
  position: relative;
}

#message_1 {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  height: 250vh;
}

#message_1 .message_wht {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.14) 14.13%, white 100%);
  opacity: 0;
  pointer-events: none;
  z-index: 3;
}

#message_1 .message_head {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  pointer-events: none;
  z-index: 4;
}

#message_1 .message_head .message_title {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: auto;
  width: 70%;
  max-width: 400px;
  transform: translate(-50%, -50%);
}

#message_1 .message_head .message_title .cover {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 180%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, black 99.96%);
  transform: translateY(100%);
  opacity: 0;
}

#message_1 .message_head .message_title img {
  position: relative;
}

#message_1 .message_img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  pointer-events: none;
  z-index: 2;
}

#message_1 .message_img .message_img_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
}

#message_1 .message_img .message_img_item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#message_1 .message_img .img_l {
  position: absolute;
  bottom: 0;
  left: 0;
  width: auto;
  max-width: calc(50% - 50px);
  height: 100%;
  transform: translate(-20%, 0);
}

#message_1 .message_img .img_r {
  position: absolute;
  bottom: 0;
  right: 0;
  width: auto;
  max-width: calc(50% - 50px);
  height: 100%;
  transform: translate(20%, 0);
}

#message_1 .message_img img {
  position: absolute;
  position: relative;
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
  height: 100%;
}

#message_1 .message-text {
  position: relative;
  left: 0;
  right: 0;
  width: calc(58% - 100px);
  max-width: 48em;
  min-height: 100vh;
  margin: auto;
  margin-top: 100vh;
  padding: 1px 0 0;
  color: #231815;
  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0;
  line-height: 2.1;
  -webkit-font-smoothing: antialiased;
  overflow: hidden;
  z-index: 2;
}

#message_1 .message-text p {
  position: relative;
}

#message_1 .message-text .message-text-cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.08) 7.54%, white 70%);
  pointer-events: none;
}

@media screen and (min-width: 1100px) and (max-width: 1359px) {
  #message_1 .message-text {
    width: calc(55% - 100px);
    max-width: 24em;
    font-size: 1.38vw;
  }
}

@media screen and (min-width: 768px) and (max-width: 1099px) {
  #message_1 .message-text {
    width: calc(48% - 100px);
    max-width: 24em;
    font-size: 1.38vw;
  }
}

@media screen and (max-width: 767px) {
  #message_1 {
    height: 200vh;
  }
  #message_1 .message_img .img_l {
    max-width: calc(100% - 50px);
    transform: translate(-48%, 0);
  }
  #message_1 .message_img .img_r {
    max-width: calc(100% - 50px);
    transform: translate(48%, 0);
  }
  #message_1 .message-text {
    width: calc(48% - 100px);
    max-width: 24em;
    font-size: 100%;
  }
}

#message_2 {
  position: relative;
  /*.message-text {
    position: relative;
    width: 92%;
    max-width: 48em;
    margin: auto;
    padding: 1px 0 0;
    color: $rgb_GRY;
    text-align: center;
    letter-spacing: .04em;
    line-height: 2.1;
    z-index: 1;
  }
  .message-fimg {
    position: relative;
    width: 100%;
    margin-top: -7%;
    line-height: 0;
    text-align: center;
    z-index: 0;
  }*/
}

#message_2 .message-text {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  width: calc(58% - 100px);
  max-width: 48em;
  margin: auto;
  padding: 1px 0 0;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0;
  line-height: 2.1;
  -webkit-font-smoothing: antialiased;
  overflow: hidden;
  z-index: 2;
}

#message_2 .message-text p {
  position: relative;
}

#message_2 .message-text .message-text-cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.08) 7.54%, white 70%);
  pointer-events: none;
}

#message_2 .message_wht {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.14) 14.13%, white 100%);
  opacity: 0;
  pointer-events: none;
  z-index: 3;
}

@media screen and (max-width: 767px) {
  #message_2 .message-text {
    width: 80%;
    min-height: initial;
    font-size: 3.90625vw;
  }
}

#message_3 {
  position: relative;
  height: 100px;
  background: #fff;
}

/*------------------------------
SOURCE
-------------------------------*/
.p-source .source-wrapper {
  position: relative;
  background: #eeebe5;
}

.p-source .source-wrapper:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 294px;
  right: 0;
  height: 100vh;
  background: url("../images/source/source_bg_1.png") no-repeat 0 0;
  background-size: cover;
}

.p-source .source-wrapper .source-side {
  position: absolute;
  top: 0;
  left: 0;
  width: 294px;
  height: 100vh;
  background: #ff3c28;
}

.p-source .source-wrapper .source-side .source-head {
  position: absolute;
  left: 85px;
  bottom: 60px;
  width: 260px;
  max-height: 419px;
}

.p-source .source-wrapper .source-side .source-head img {
  -o-object-fit: contain;
  object-fit: contain;
}

.p-source .source-wrapper .source-body {
  position: relative;
  width: calc(100% - 294px);
  min-height: 100vh;
  margin: 0 0 0 auto;
  padding: 200px 10px 10px;
  color: #231815;
}

.p-source .source-wrapper .source-body-inner {
  position: relative;
  width: 80%;
  max-width: 850px;
  margin: auto;
}

.p-source .source-wrapper .sec-sorce {
  position: relative;
  margin: 0 auto 150px;
}

.p-source .source-wrapper .sec-sorce .w-full {
  width: 100%;
  margin-bottom: 20px;
}

.p-source .source-wrapper .sec-sorce .w-mid {
  width: 80%;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}

.p-source .source-wrapper .sec-sorce .text-pic {
  display: flex;
}

.p-source .source-wrapper .sec-sorce .text-pic .text {
  width: 50%;
  padding-right: 20px;
}

.p-source .source-wrapper .sec-sorce .text-pic .pic {
  width: 50%;
  padding-left: 20px;
}

.p-source .source-wrapper .sec-sorce figure {
  width: 100%;
  margin: auto;
  line-height: 0;
}

.p-source .source-wrapper .sec-sorce h2 {
  margin: 0 0 5px;
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 1.4;
}

.p-source .source-wrapper .sec-sorce h2 strong {
  font-weight: 700;
}

.p-source .source-wrapper .sec-sorce p {
  margin: 0 0 .5em;
  line-height: 1.8;
  letter-spacing: .04em;
}

.p-source .source-wrapper .sec-sorce p:last-child {
  margin-bottom: 0;
}

@media screen and (min-width: 768px) and (max-width: 1099px) {
  .p-source .source-wrapper:before {
    left: 200px;
  }
  .p-source .source-wrapper .source-side {
    width: 200px;
  }
  .p-source .source-wrapper .source-side .source-head {
    left: 40px;
    width: 210px;
  }
  .p-source .source-wrapper .source-body {
    width: calc(100% - 200px);
  }
  .p-source .source-wrapper .sec-sorce {
    margin-bottom: 90px;
  }
  .p-source .source-wrapper .sec-sorce .w-mid {
    width: 80%;
  }
}

@media screen and (max-width: 767px) {
  .p-source .source-wrapper {
    padding-top: 100px;
  }
  .p-source .source-wrapper:before {
    left: 0;
    width: 100%;
  }
  .p-source .source-wrapper .source-side {
    position: relative;
    width: 100%;
    height: auto;
    padding: 80px 0;
  }
  .p-source .source-wrapper .source-side .source-head {
    position: relative;
    left: 0;
    bottom: 0;
    width: 70%;
    max-height: 100%;
    margin: auto;
  }
  .p-source .source-wrapper .source-body {
    width: 100%;
    padding: 0;
  }
  .p-source .source-wrapper .source-body .source-body-inner {
    width: auto;
  }
  .p-source .source-wrapper .sec-sorce {
    margin-bottom: 90px;
  }
  .p-source .source-wrapper .sec-sorce .w-full, .p-source .source-wrapper .sec-sorce .w-mid {
    width: auto;
  }
  .p-source .source-wrapper .sec-sorce .w-full h2, .p-source .source-wrapper .sec-sorce .w-full p, .p-source .source-wrapper .sec-sorce .w-mid h2, .p-source .source-wrapper .sec-sorce .w-mid p {
    margin-left: 10px;
    margin-right: 10px;
  }
  .p-source .source-wrapper .sec-sorce .w-sp-mid {
    width: auto;
    margin-left: 10px;
    margin-right: 10px;
  }
  .p-source .source-wrapper .sec-sorce .text-pic {
    display: block;
  }
  .p-source .source-wrapper .sec-sorce .text-pic .text {
    width: auto;
    padding: 0;
  }
  .p-source .source-wrapper .sec-sorce .text-pic .pic {
    width: auto;
    padding: 0;
    margin-top: 20px;
  }
}

/*------------------------------
 HISTORY
-------------------------------*/
.l-wrapper.is-historyintro {
  background: #ededeb url("../images/history/history_bg.png");
}

@media screen and (max-width: 767px) {
  .l-wrapper.is-historyintro {
    background-size: 250px auto;
  }
}

.l-wrapper.is-historyintro .l-main:after {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: #ededeb url("../images/history/history_bg.png");
  z-index: 1;
}

@media screen and (max-width: 767px) {
  .l-wrapper.is-historyintro .l-main:after {
    background-size: 250px auto;
  }
}

.l-wrapper.is-historyloaded .l-main:after {
  opacity: 0;
  transition: all .8s ease-out;
}

.l-wrapper.is-historyloaded.is-historyshow .l-main:after {
  display: none;
}

.p-history {
  background: #ededeb url("../images/history/history_bg.png");
}

@media screen and (max-width: 767px) {
  .p-history {
    background-size: 250px auto;
  }
}

.p-history .history-wrapper {
  position: relative;
  padding: 200px 0 100px;
  color: #231815;
  overflow: hidden;
}

.p-history .history-wrapper .sec-history {
  position: relative;
  margin: auto;
  padding: 0;
}

.p-history .history-wrapper .history-head {
  position: relative;
  width: 70%;
  max-width: 187px;
  margin: auto auto 40px;
  text-align: center;
  line-height: 0;
}

.p-history .history-wrapper .history-head img {
  max-width: 100%;
}

.p-history .history-wrapper .history-kv {
  position: relative;
  max-width: 1236px;
  margin: 40px auto 70px;
  padding: 28px;
  background: #fff;
}

.p-history .history-wrapper .history-kv .history-kv-view {
  position: relative;
  margin: auto;
  text-align: center;
  line-height: 0;
}

.p-history .history-wrapper .history-kv .history-kv-view img {
  position: relative;
  max-width: 100%;
}

.p-history .history-wrapper .history-kv .history-kv-title {
  position: absolute;
  top: 87px;
  left: 70px;
  max-width: 410px;
  line-height: 0;
}

@media screen and (min-width: 768px) and (max-width: 1099px) {
  .p-history .history-wrapper .history-kv {
    padding: 2vw;
  }
  .p-history .history-wrapper .history-kv .history-kv-title {
    top: 7vw;
    left: 5.5vw;
    width: 34%;
  }
}

@media screen and (max-width: 767px) {
  .p-history .history-wrapper .history-kv {
    padding: 3vw;
    margin: 20px auto 40px;
  }
  .p-history .history-wrapper .history-kv .history-kv-title {
    top: 5vw;
    left: 4vw;
    width: 50%;
  }
}

@media screen and (max-width: 640px) {
  .p-history .history-wrapper .history-kv {
    padding: 4vw;
  }
}

.p-history .history-wrapper .history-lead {
  position: relative;
  width: 92%;
  max-width: 1236px;
  margin: 70px auto 40px;
  text-align: center;
}

.p-history .history-wrapper .history-lead .leadtext-title1.en {
  margin: 0 auto;
  font-family: "Hind", sans-serif;
  font-weight: 700;
  font-style: italic;
  line-height: 1.5;
  letter-spacing: -0.03em;
}

.p-history .history-wrapper .history-lead .leadtext-title2 {
  font-size: 187.5%;
  font-weight: 700;
  line-height: 1.5;
}

.p-history .history-wrapper .history-lead .leadtext-title2.en {
  font-family: "Hind", sans-serif;
  font-style: italic;
  letter-spacing: -0.03em;
}

.p-history .history-wrapper .history-lead .leadtext {
  max-width: 52em;
  margin: 1em auto;
  letter-spacing: .04em;
  font-weight: 700;
}

.p-history .history-wrapper .history-timeline {
  position: relative;
  width: 92%;
  max-width: 1236px;
  margin: 40px auto;
}

.p-history .history-wrapper .timeline-yblock {
  position: relative;
  pointer-events: none;
}

.p-history .history-wrapper .timeline-yblock .line {
  position: relative;
  line-height: 0;
  pointer-events: none;
  z-index: 1;
}

.p-history .history-wrapper .timeline-yblock .line img {
  margin: auto;
}

.p-history .history-wrapper .timeline-yblock .line-blk {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  line-height: 0;
  pointer-events: none;
  z-index: 1;
  overflow: hidden;
}

.p-history .history-wrapper .timeline-model {
  position: absolute;
  z-index: 1;
}

.p-history .history-wrapper .timeline-img {
  position: relative;
  overflow: hidden;
}

.p-history .history-wrapper .timeline-text {
  position: relative;
  margin: 5px 0 10px;
  pointer-events: auto;
}

.p-history .history-wrapper .timeline-text p {
  margin: 0 0 5px;
  font-family: "Hind", sans-serif;
  font-size: 1.6rem;
  text-align: center;
  font-weight: 700;
  font-style: italic;
  line-height: 1.4;
}

.p-history .history-wrapper .timeline-text .y {
  margin-right: 0.5em;
}

.p-history .history-wrapper .timeline-text .sub {
  font-size: 1.3rem;
  letter-spacing: -0.03em;
}

.p-history .history-wrapper .btn_zoom {
  position: relative;
  display: table;
  margin: auto;
  font-family: "Maven Pro", sans-serif;
  font-size: 10px;
  font-weight: 700;
  text-align: center;
}

.p-history .history-wrapper .btn_zoom a {
  display: block;
  color: #231815;
  text-decoration: none;
}

.p-history .history-wrapper .btn_zoom a .icon {
  position: relative;
  display: block;
  width: 26px;
  height: 26px;
  margin: auto auto 3px;
  border: 1px solid #231815;
  border-radius: 100px;
}

.p-history .history-wrapper .btn_zoom a .icon:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 12px;
  height: 4px;
  background: #231815;
}

.p-history .history-wrapper .btn_zoom a .icon:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 4px;
  height: 12px;
  background: #231815;
}

.p-history .history-wrapper .btn_zoom a:hover .icon {
  transform: scale(1.2);
  transition: all .2s ease-out;
}

.p-history .history-wrapper .btn_zoom a:hover .icon:before, .p-history .history-wrapper .btn_zoom a:hover .icon:after {
  background-color: #fff;
}

.p-history .history-wrapper .sec-history-1972 .timeline-text .y {
  color: #F05F1E;
}

.p-history .history-wrapper .sec-history-1972 .btn_zoom a:hover {
  color: #F05F1E;
}

.p-history .history-wrapper .sec-history-1972 .btn_zoom a:hover .icon {
  background: #F05F1E !important;
  border-color: #F05F1E !important;
}

.p-history .history-wrapper .sec-history-1972 .y1973, .p-history .history-wrapper .sec-history-1972 .y1974, .p-history .history-wrapper .sec-history-1972 .y1976, .p-history .history-wrapper .sec-history-1972 .y1977 {
  margin-top: -3.23625%;
}

.p-history .history-wrapper .sec-history-1972 .y1978 {
  margin-top: -4.04531%;
}

.p-history .history-wrapper .sec-history-1972 .y1979 {
  margin-top: -3.64078%;
}

.p-history .history-wrapper .sec-history-1972 .model-1972-1 {
  top: 0;
  right: 22%;
  width: 53.80259%;
  margin: auto;
  z-index: 0;
}

.p-history .history-wrapper .sec-history-1972 .model-1972-2 {
  top: 23%;
  right: 13%;
  width: 21.76375%;
  margin: auto;
}

.p-history .history-wrapper .sec-history-1972 .model-1972-3 {
  top: 38%;
  right: 47%;
  width: 21.27832%;
  margin: auto;
}

.p-history .history-wrapper .sec-history-1972 .model-1972-4 {
  top: 18%;
  left: 0;
  width: 47.3301%;
  margin: auto;
}

.p-history .history-wrapper .sec-history-1972 .model-1972-5 {
  top: 18%;
  right: 9%;
  width: 29.61165%;
  margin: auto;
}

.p-history .history-wrapper .sec-history-1972 .model-1972-5 .timeline-text {
  margin-left: 55%;
  width: 100%;
}

.p-history .history-wrapper .sec-history-1972 .model-1972-5 .timeline-text p {
  text-align: left;
}

.p-history .history-wrapper .sec-history-1972 .model-1972-5 .btn_zoom {
  margin-left: 0;
}

.p-history .history-wrapper .sec-history-1972 .model-1972-6 {
  top: 10%;
  left: 9%;
  width: 29.61165%;
  margin: auto;
}

.p-history .history-wrapper .sec-history-1972 .model-1972-6 .timeline-text {
  margin-left: 55%;
  width: 100%;
}

.p-history .history-wrapper .sec-history-1972 .model-1972-6 .timeline-text p {
  text-align: left;
}

.p-history .history-wrapper .sec-history-1972 .model-1972-6 .btn_zoom {
  margin-left: 0;
}

.p-history .history-wrapper .sec-history-1972 .model-1972-7 {
  top: 22%;
  right: 0;
  width: 47.3301%;
  margin: auto;
}

.p-history .history-wrapper .sec-history-1972 .model-1972-8 {
  top: -4%;
  right: 27%;
  width: 47.3301%;
  margin: auto;
}

.p-history .history-wrapper .sec-history-1972 .model-1972-8 .timeline-text {
  position: absolute;
  bottom: 0;
  left: calc(100% + 15px);
  width: 100%;
}

.p-history .history-wrapper .sec-history-1972 .model-1972-8 .timeline-text p {
  text-align: left;
}

.p-history .history-wrapper .sec-history-1972 .model-1972-8 .btn_zoom {
  margin-left: 0;
}

.p-history .history-wrapper .sec-history-1972 .model-1972-9 {
  top: 44%;
  left: 0;
  width: 21.27832%;
  margin: auto;
}

.p-history .history-wrapper .sec-history-1972 .model-1972-10 {
  top: 44%;
  left: 27%;
  width: 21.27832%;
  margin: auto;
}

.p-history .history-wrapper .sec-history-1972 .model-1972-11 {
  top: 66%;
  left: 0;
  right: 0;
  width: 29.61165%;
  margin: auto;
}

.p-history .history-wrapper .sec-history-1972 .model-1972-12 {
  top: 10.5%;
  left: 0;
  width: 66.26214%;
  margin: auto;
}

.p-history .history-wrapper .sec-history-1972 .model-1972-12 .timeline-text {
  margin-left: 0;
  width: 100%;
}

.p-history .history-wrapper .sec-history-1972 .model-1972-12 .timeline-text p {
  text-align: left;
}

.p-history .history-wrapper .sec-history-1972 .model-1972-12 .btn_zoom {
  margin-left: 0;
}

.p-history .history-wrapper .sec-history-1972 .model-1972-13 {
  top: 52%;
  right: 5%;
  width: 21.27832%;
  margin: auto;
}

.p-history .history-wrapper .sec-history-1972 .model-1972-14 {
  top: 5%;
  left: 0;
  right: 0;
  width: 66.26214%;
  margin: auto;
}

.p-history .history-wrapper .sec-history-1972 .model-1972-15 {
  top: 33%;
  left: 0;
  width: 47.3301%;
  margin: auto;
}

.p-history .history-wrapper .sec-history-1972 .model-1972-16 {
  top: 33%;
  right: 17%;
  width: 21.27832%;
  margin: auto;
}

.p-history .history-wrapper .sec-history-1972 .model-1972-16 .timeline-text {
  position: absolute;
  bottom: 0;
  left: calc(100% + 15px);
  width: 100%;
}

.p-history .history-wrapper .sec-history-1972 .model-1972-16 .timeline-text p {
  text-align: left;
}

.p-history .history-wrapper .sec-history-1972 .model-1972-16 .btn_zoom {
  margin-left: 0;
}

.p-history .history-wrapper .sec-history-1972 .model-1972-17 {
  top: 43%;
  right: 17%;
  width: 21.27832%;
  margin: auto;
}

.p-history .history-wrapper .sec-history-1972 .model-1972-17 .timeline-text {
  position: absolute;
  bottom: 0;
  left: calc(100% + 15px);
  width: 100%;
}

.p-history .history-wrapper .sec-history-1972 .model-1972-17 .timeline-text p {
  text-align: left;
}

.p-history .history-wrapper .sec-history-1972 .model-1972-17 .btn_zoom {
  margin-left: 0;
}

.p-history .history-wrapper .sec-history-1972 .model-1972-18 {
  top: 53%;
  right: 17%;
  width: 21.27832%;
  margin: auto;
}

.p-history .history-wrapper .sec-history-1972 .model-1972-19 {
  top: 63%;
  left: 32%;
  width: 21.27832%;
  margin: auto;
}

.p-history .history-wrapper .sec-history-1972 .model-1972-19 .timeline-text {
  position: absolute;
  top: 0;
  right: calc(100% + 15px);
  width: 100%;
}

.p-history .history-wrapper .sec-history-1972 .model-1972-19 .timeline-text p {
  text-align: right;
}

.p-history .history-wrapper .sec-history-1972 .model-1972-19 .btn_zoom {
  margin-right: 0;
}

.p-history .history-wrapper .sec-history-1972 .model-1972-20 {
  top: 73%;
  left: 15%;
  width: 47.3301%;
  margin: auto;
}

.p-history .history-wrapper .sec-history-1972 .model-1972-20 .timeline-text {
  position: absolute;
  bottom: 0;
  left: calc(100% + 15px);
  width: 100%;
}

.p-history .history-wrapper .sec-history-1972 .model-1972-20 .timeline-text p {
  text-align: left;
}

.p-history .history-wrapper .sec-history-1972 .model-1972-20 .btn_zoom {
  margin-left: 0;
}

.p-history .history-wrapper .sec-history-1980 .timeline-text .y {
  color: #3CB72F;
}

.p-history .history-wrapper .sec-history-1980 .btn_zoom a:hover {
  color: #3CB72F;
}

.p-history .history-wrapper .sec-history-1980 .btn_zoom a:hover .icon {
  background: #3CB72F !important;
  border-color: #3CB72F !important;
}

.p-history .history-wrapper .sec-history-1980 .y1981, .p-history .history-wrapper .sec-history-1980 .y1982, .p-history .history-wrapper .sec-history-1980 .y1983, .p-history .history-wrapper .sec-history-1980 .y1984, .p-history .history-wrapper .sec-history-1980 .y1989 {
  margin-top: -3.23625%;
}

.p-history .history-wrapper .sec-history-1980 .model-1980-1 {
  top: 6%;
  right: 28%;
  width: 47.3301%;
  margin: auto;
}

.p-history .history-wrapper .sec-history-1980 .model-1980-2 {
  top: 23%;
  right: 12%;
  width: 21.27832%;
  margin: auto;
}

.p-history .history-wrapper .sec-history-1980 .model-1980-3 {
  top: 29.5%;
  left: 0;
  width: 47.3301%;
  margin: auto;
}

.p-history .history-wrapper .sec-history-1980 .model-1980-3 .timeline-text {
  margin-left: 0;
}

.p-history .history-wrapper .sec-history-1980 .model-1980-3 .timeline-text p {
  text-align: left;
}

.p-history .history-wrapper .sec-history-1980 .model-1980-3 .btn_zoom {
  margin-left: 0;
}

.p-history .history-wrapper .sec-history-1980 .model-1980-4 {
  top: 44%;
  right: 0;
  width: 47.3301%;
  margin: auto;
}

.p-history .history-wrapper .sec-history-1980 .model-1980-4 .timeline-text {
  position: absolute;
  bottom: 0;
  right: calc(100% + 15px);
  width: 100%;
}

.p-history .history-wrapper .sec-history-1980 .model-1980-4 .timeline-text p {
  text-align: right;
}

.p-history .history-wrapper .sec-history-1980 .model-1980-4 .btn_zoom {
  margin-right: 0;
}

.p-history .history-wrapper .sec-history-1980 .model-1980-5 {
  top: 60%;
  right: 0;
  width: 47.3301%;
  margin: auto;
}

.p-history .history-wrapper .sec-history-1980 .model-1980-5 .timeline-text {
  position: absolute;
  top: 0;
  right: calc(100% + 15px);
  width: 100%;
}

.p-history .history-wrapper .sec-history-1980 .model-1980-5 .timeline-text p {
  text-align: right;
}

.p-history .history-wrapper .sec-history-1980 .model-1980-5 .btn_zoom {
  margin-right: 0;
}

.p-history .history-wrapper .sec-history-1980 .model-1980-6 {
  top: 71%;
  left: 14%;
  width: 21.27832%;
  margin: auto;
}

.p-history .history-wrapper .sec-history-1980 .model-1980-6 .timeline-text {
  position: absolute;
  bottom: 0;
  right: calc(100% + 15px);
  width: 100%;
}

.p-history .history-wrapper .sec-history-1980 .model-1980-6 .timeline-text p {
  text-align: right;
}

.p-history .history-wrapper .sec-history-1980 .model-1980-6 .btn_zoom {
  margin-right: 0;
}

.p-history .history-wrapper .sec-history-1980 .model-1980-7 {
  top: 80%;
  left: 0;
  width: 47.3301%;
  margin: auto;
}

.p-history .history-wrapper .sec-history-1980 .model-1980-8 {
  top: 89%;
  right: 14%;
  width: 21.27832%;
  margin: auto;
}

.p-history .history-wrapper .sec-history-1980 .model-1980-8 .timeline-text {
  position: absolute;
  bottom: 0;
  left: calc(100% + 15px);
  width: 100%;
}

.p-history .history-wrapper .sec-history-1980 .model-1980-8 .timeline-text p {
  text-align: left;
}

.p-history .history-wrapper .sec-history-1980 .model-1980-8 .btn_zoom {
  margin-left: 0;
}

.p-history .history-wrapper .sec-history-1980 .model-1980-9 {
  top: 3%;
  left: 0;
  right: 0;
  width: 47.3301%;
  margin: auto;
}

.p-history .history-wrapper .sec-history-1980 .model-1980-9 .timeline-text {
  position: absolute;
  top: 50%;
  left: calc(100% + 15px);
  margin: auto;
  width: 100%;
  transform: translateY(-50%);
}

.p-history .history-wrapper .sec-history-1980 .model-1980-9 .timeline-text p {
  text-align: left;
}

.p-history .history-wrapper .sec-history-1980 .model-1980-9 .btn_zoom {
  margin-left: 0;
}

.p-history .history-wrapper .sec-history-1980 .model-1980-10 {
  top: 26.5%;
  right: 0;
  width: 47.3301%;
  margin-right: 0;
}

.p-history .history-wrapper .sec-history-1980 .model-1980-10 .timeline-text p {
  text-align: right;
}

.p-history .history-wrapper .sec-history-1980 .model-1980-10 .btn_zoom {
  margin-right: 0;
}

.p-history .history-wrapper .sec-history-1980 .model-1980-11 {
  top: 38%;
  left: 0;
  width: 47.3301%;
  margin-left: 0;
}

.p-history .history-wrapper .sec-history-1980 .model-1980-11 .timeline-text p {
  text-align: left;
}

.p-history .history-wrapper .sec-history-1980 .model-1980-11 .btn_zoom {
  margin-left: 0;
}

.p-history .history-wrapper .sec-history-1980 .model-1980-12 {
  top: 47%;
  left: 61%;
  width: 29.61165%;
}

.p-history .history-wrapper .sec-history-1980 .model-1980-13 {
  top: 60%;
  left: 13%;
  width: 21.27832%;
}

.p-history .history-wrapper .sec-history-1980 .model-1980-14 {
  top: 65.5%;
  left: 61%;
  width: 21.27832%;
}

.p-history .history-wrapper .sec-history-1980 .model-1980-14 .timeline-text {
  position: absolute;
  bottom: 0;
  left: calc(100% + 15px);
  width: 100%;
}

.p-history .history-wrapper .sec-history-1980 .model-1980-14 .timeline-text p {
  text-align: left;
}

.p-history .history-wrapper .sec-history-1980 .model-1980-14 .btn_zoom {
  margin-left: 0;
}

.p-history .history-wrapper .sec-history-1980 .model-1980-15 {
  top: 75.5%;
  left: 0;
  right: 0;
  margin: auto;
  width: 66.26214%;
}

.p-history .history-wrapper .sec-history-1980 .model-1980-16 {
  top: 6%;
  left: 0;
  width: 66.26214%;
}

.p-history .history-wrapper .sec-history-1980 .model-1980-16 .timeline-text {
  position: absolute;
  top: 0;
  left: calc(100% + 15px);
  width: 100%;
}

.p-history .history-wrapper .sec-history-1980 .model-1980-16 .timeline-text p {
  text-align: left;
}

.p-history .history-wrapper .sec-history-1980 .model-1980-16 .btn_zoom {
  margin-left: 0;
}

.p-history .history-wrapper .sec-history-1980 .model-1980-17 {
  top: 24.5%;
  left: 70%;
  width: 21.27832%;
}

.p-history .history-wrapper .sec-history-1980 .model-1980-17 .timeline-text {
  width: 100%;
  margin-left: calc(30% + 15px);
}

.p-history .history-wrapper .sec-history-1980 .model-1980-17 .timeline-text p {
  text-align: left;
}

.p-history .history-wrapper .sec-history-1980 .model-1980-17 .btn_zoom {
  margin-left: 0;
}

.p-history .history-wrapper .sec-history-1980 .model-1980-18 {
  top: 41%;
  left: 40%;
  width: 21.27832%;
}

.p-history .history-wrapper .sec-history-1980 .model-1980-19 {
  top: 41%;
  left: 70%;
  width: 21.27832%;
}

.p-history .history-wrapper .sec-history-1980 .model-1980-20 {
  top: 59%;
  left: 0;
  width: 47.3301%;
}

.p-history .history-wrapper .sec-history-1980 .model-1980-21 {
  top: 62%;
  right: 0;
  width: 47.3301%;
}

.p-history .history-wrapper .sec-history-1980 .model-1980-21 .timeline-text {
  position: absolute;
  bottom: 0;
  right: calc(100% + 15px);
  width: 100%;
}

.p-history .history-wrapper .sec-history-1980 .model-1980-21 .timeline-text p {
  text-align: right;
}

.p-history .history-wrapper .sec-history-1980 .model-1980-21 .btn_zoom {
  margin-right: 0;
}

.p-history .history-wrapper .sec-history-1980 .model-1980-22 {
  top: 8%;
  left: 0;
  right: 0;
  margin: auto;
  width: 21.27832%;
}

.p-history .history-wrapper .sec-history-1980 .model-1980-22 .timeline-text {
  position: absolute;
  bottom: 0;
  left: calc(100% + 15px);
  width: 100%;
}

.p-history .history-wrapper .sec-history-1980 .model-1980-22 .timeline-text p {
  text-align: left;
}

.p-history .history-wrapper .sec-history-1980 .model-1980-22 .btn_zoom {
  margin-left: 0;
}

.p-history .history-wrapper .sec-history-1980 .model-1980-23 {
  top: 20%;
  left: 0;
  margin: auto;
  width: 47.3301%;
}

.p-history .history-wrapper .sec-history-1980 .model-1980-23 .timeline-text {
  position: absolute;
  top: 50%;
  left: calc(100% + 15px);
  width: 100%;
  transform: translateY(-50%);
}

.p-history .history-wrapper .sec-history-1980 .model-1980-23 .timeline-text p {
  text-align: left;
}

.p-history .history-wrapper .sec-history-1980 .model-1980-23 .btn_zoom {
  margin-left: 0;
}

.p-history .history-wrapper .sec-history-1980 .model-1980-24 {
  top: 20%;
  left: 0;
  right: 0;
  margin: auto;
  width: 47.3301%;
}

.p-history .history-wrapper .sec-history-1990 {
  margin-top: 150px;
}

.p-history .history-wrapper .sec-history-1990 .timeline-text .y {
  color: #5767A5;
}

.p-history .history-wrapper .sec-history-1990 .btn_zoom a:hover {
  color: #5767A5;
}

.p-history .history-wrapper .sec-history-1990 .btn_zoom a:hover .icon {
  background: #5767A5 !important;
  border-color: #5767A5 !important;
}

.p-history .history-wrapper .sec-history-1990 .y1991, .p-history .history-wrapper .sec-history-1990 .y1992, .p-history .history-wrapper .sec-history-1990 .y1993, .p-history .history-wrapper .sec-history-1990 .y1994, .p-history .history-wrapper .sec-history-1990 .y1996, .p-history .history-wrapper .sec-history-1990 .y1997, .p-history .history-wrapper .sec-history-1990 .y1999 {
  margin-top: -3.23625%;
}

.p-history .history-wrapper .sec-history-1990 .model-1990-1 {
  top: 28%;
  left: 0;
  right: 0;
  width: 47.3301%;
  margin: auto;
}

.p-history .history-wrapper .sec-history-1990 .model-1990-1 .timeline-text {
  position: absolute;
  top: 50%;
  right: calc(100% + 15px);
  margin: auto;
  width: 100%;
  transform: translateY(-50%);
}

.p-history .history-wrapper .sec-history-1990 .model-1990-1 .timeline-text p {
  text-align: right;
}

.p-history .history-wrapper .sec-history-1990 .model-1990-1 .btn_zoom {
  margin-right: 0;
}

.p-history .history-wrapper .sec-history-1990 .model-1990-2 {
  top: 20%;
  left: 51%;
  margin: auto;
  width: 21.27832%;
}

.p-history .history-wrapper .sec-history-1990 .model-1990-3 {
  top: 20%;
  right: 51%;
  margin: auto;
  width: 21.27832%;
}

.p-history .history-wrapper .sec-history-1990 .model-1990-4 {
  top: 34%;
  right: 51%;
  margin: auto;
  width: 21.27832%;
}

.p-history .history-wrapper .sec-history-1990 .model-1990-5 {
  top: 34%;
  left: 51%;
  margin: auto;
  width: 21.27832%;
}

.p-history .history-wrapper .sec-history-1990 .model-1990-5 .timeline-text {
  position: absolute;
  bottom: 0;
  left: calc(100% + 15px);
  width: 100%;
}

.p-history .history-wrapper .sec-history-1990 .model-1990-5 .timeline-text p {
  text-align: left;
}

.p-history .history-wrapper .sec-history-1990 .model-1990-5 .btn_zoom {
  margin-left: 0;
}

.p-history .history-wrapper .sec-history-1990 .model-1990-6 {
  top: 20%;
  right: 0;
  margin: auto;
  width: 47.3301%;
}

.p-history .history-wrapper .sec-history-1990 .model-1990-7 {
  top: 20%;
  left: 0;
  margin: auto;
  width: 47.3301%;
}

.p-history .history-wrapper .sec-history-1990 .model-1990-8 {
  top: 30%;
  right: 25%;
  margin: auto;
  width: 21.27832%;
}

.p-history .history-wrapper .sec-history-1990 .model-1990-9 {
  top: 40%;
  right: 0;
  margin: auto;
  width: 21.27832%;
}

.p-history .history-wrapper .sec-history-1990 .model-1990-10 {
  top: 12%;
  left: 0;
  right: 0;
  margin: auto;
  width: 66.26214%;
}

.p-history .history-wrapper .sec-history-1990 .model-1990-10 .timeline-text {
  position: absolute;
  bottom: 0;
  left: calc(100% + 15px);
  width: 100%;
}

.p-history .history-wrapper .sec-history-1990 .model-1990-10 .timeline-text p {
  text-align: left;
}

.p-history .history-wrapper .sec-history-1990 .model-1990-10 .btn_zoom {
  margin-left: 0;
}

.p-history .history-wrapper .sec-history-1990 .model-1990-11 {
  top: 68%;
  left: 0;
  right: 0;
  margin: auto;
  width: 47.3301%;
}

.p-history .history-wrapper .sec-history-1990 .model-1990-12 {
  top: 25%;
  right: 13%;
  margin: auto;
  width: 21.27832%;
}

.p-history .history-wrapper .sec-history-2000 .timeline-text .y {
  color: #FF802D;
}

.p-history .history-wrapper .sec-history-2000 .btn_zoom a:hover {
  color: #FF802D;
}

.p-history .history-wrapper .sec-history-2000 .btn_zoom a:hover .icon {
  background: #FF802D !important;
  border-color: #FF802D !important;
}

.p-history .history-wrapper .sec-history-2000 .y2001, .p-history .history-wrapper .sec-history-2000 .y2003, .p-history .history-wrapper .sec-history-2000 .y2004, .p-history .history-wrapper .sec-history-2000 .y2005, .p-history .history-wrapper .sec-history-2000 .y2007, .p-history .history-wrapper .sec-history-2000 .y2009 {
  margin-top: -3.23625%;
}

.p-history .history-wrapper .sec-history-2000 .model-2000-1 {
  top: -14%;
  right: 51%;
  margin: auto;
  width: 21.27832%;
}

.p-history .history-wrapper .sec-history-2000 .model-2000-2 {
  top: -14%;
  left: 51%;
  margin: auto;
  width: 21.27832%;
}

.p-history .history-wrapper .sec-history-2000 .model-2000-3 {
  bottom: 0;
  right: 0;
  margin: auto;
  width: 66.26214%;
}

.p-history .history-wrapper .sec-history-2000 .model-2000-3 .timeline-text p {
  text-align: right;
}

.p-history .history-wrapper .sec-history-2000 .model-2000-3 .btn_zoom {
  margin-right: 0;
}

.p-history .history-wrapper .sec-history-2000 .model-2000-4 {
  top: 7%;
  left: 0;
  right: 0;
  margin: auto;
  width: 47.3301%;
}

.p-history .history-wrapper .sec-history-2000 .model-2000-5 {
  top: 9%;
  left: 0;
  right: 0;
  margin: auto;
  width: 47.3301%;
}

.p-history .history-wrapper .sec-history-2000 .model-2000-5 .timeline-text {
  position: absolute;
  top: 50%;
  left: calc(100% + 15px);
  margin: auto;
  width: 100%;
  transform: translateY(-50%);
}

.p-history .history-wrapper .sec-history-2000 .model-2000-5 .timeline-text p {
  text-align: left;
}

.p-history .history-wrapper .sec-history-2000 .model-2000-5 .btn_zoom {
  margin-left: 0;
}

.p-history .history-wrapper .sec-history-2000 .model-2000-6 {
  top: 13%;
  left: 8%;
  margin: auto;
  width: 47.3301%;
}

.p-history .history-wrapper .sec-history-2000 .model-2000-7 {
  bottom: -5%;
  right: 8%;
  margin: auto;
  width: 30.42071%;
}

.p-history .history-wrapper .sec-history-2000 .model-2000-8 {
  top: 16%;
  left: 0;
  right: 0;
  margin: auto;
  width: 47.3301%;
}

.p-history .history-wrapper .sec-history-2010 .timeline-text .y {
  color: #8CCE00;
}

.p-history .history-wrapper .sec-history-2010 .btn_zoom a:hover {
  color: #8CCE00;
}

.p-history .history-wrapper .sec-history-2010 .btn_zoom a:hover .icon {
  background: #8CCE00 !important;
  border-color: #8CCE00 !important;
}

.p-history .history-wrapper .sec-history-2010 .y2010, .p-history .history-wrapper .sec-history-2010 .y2011, .p-history .history-wrapper .sec-history-2010 .y2013, .p-history .history-wrapper .sec-history-2010 .y2014, .p-history .history-wrapper .sec-history-2010 .y2015, .p-history .history-wrapper .sec-history-2010 .y2016, .p-history .history-wrapper .sec-history-2010 .y2017, .p-history .history-wrapper .sec-history-2010 .y2018, .p-history .history-wrapper .sec-history-2010 .y2019 {
  margin-top: -3.23625%;
}

.p-history .history-wrapper .sec-history-2010 .model-2010-1 {
  top: 10%;
  left: 0;
  right: 0;
  margin: auto;
  width: 21.27832%;
}

.p-history .history-wrapper .sec-history-2010 .model-2010-2 {
  top: -10%;
  right: 63%;
  margin: auto;
  width: 21.27832%;
}

.p-history .history-wrapper .sec-history-2010 .model-2010-2 .timeline-text {
  position: absolute;
  bottom: 0;
  right: calc(100% + 15px);
  margin: auto;
  width: 100%;
}

.p-history .history-wrapper .sec-history-2010 .model-2010-2 .timeline-text p {
  text-align: right;
}

.p-history .history-wrapper .sec-history-2010 .model-2010-2 .btn_zoom {
  margin-right: 0;
}

.p-history .history-wrapper .sec-history-2010 .model-2010-3 {
  top: -10%;
  right: 28%;
  margin: auto;
  width: 21.27832%;
}

.p-history .history-wrapper .sec-history-2010 .model-2010-3 .timeline-text {
  position: absolute;
  bottom: 0;
  right: calc(100% + 15px);
  margin: auto;
  width: 100%;
}

.p-history .history-wrapper .sec-history-2010 .model-2010-3 .timeline-text p {
  text-align: right;
}

.p-history .history-wrapper .sec-history-2010 .model-2010-3 .btn_zoom {
  margin-right: 0;
}

.p-history .history-wrapper .sec-history-2010 .model-2010-4 {
  top: 16%;
  left: 13%;
  margin: auto;
  width: 21.27832%;
}

.p-history .history-wrapper .sec-history-2010 .model-2010-4 .timeline-text {
  right: calc(50% + 15px);
}

.p-history .history-wrapper .sec-history-2010 .model-2010-4 .timeline-text p {
  text-align: right;
}

.p-history .history-wrapper .sec-history-2010 .model-2010-4 .btn_zoom {
  margin-right: 0;
}

.p-history .history-wrapper .sec-history-2010 .model-2010-5 {
  top: 16%;
  right: 0;
  margin: auto;
  width: 47.3301%;
}

.p-history .history-wrapper .sec-history-2010 .model-2010-5 .timeline-text {
  position: absolute;
  top: 50%;
  right: calc(100% + 15px);
  margin: auto;
  width: 100%;
  transform: translateY(-50%);
}

.p-history .history-wrapper .sec-history-2010 .model-2010-5 .timeline-text p {
  text-align: right;
}

.p-history .history-wrapper .sec-history-2010 .model-2010-5 .btn_zoom {
  margin-right: 0;
}

.p-history .history-wrapper .sec-history-2010 .model-2010-6 {
  bottom: 0;
  left: 0;
  margin: auto;
  width: 47.3301%;
}

.p-history .history-wrapper .sec-history-2010 .model-2010-6 .timeline-text {
  position: absolute;
  bottom: 0;
  left: calc(100% + 15px);
  margin: auto;
  width: 100%;
}

.p-history .history-wrapper .sec-history-2010 .model-2010-6 .timeline-text p {
  text-align: left;
}

.p-history .history-wrapper .sec-history-2010 .model-2010-6 .btn_zoom {
  margin-left: 0;
}

.p-history .history-wrapper .sec-history-2010 .model-2010-7 {
  top: 13%;
  right: 10%;
  margin: auto;
  width: 47.3301%;
}

.p-history .history-wrapper .sec-history-2010 .model-2010-8 {
  top: 50%;
  left: 8%;
  margin: auto;
  width: 29.61165%;
}

.p-history .history-wrapper .sec-history-2010 .model-2010-9 {
  top: -1%;
  right: 28%;
  margin: auto;
  width: 21.27832%;
}

.p-history .history-wrapper .sec-history-2010 .model-2010-9 .timeline-text {
  position: absolute;
  top: 50%;
  right: calc(100% + 15px);
  margin: auto;
  width: 100%;
  transform: translateY(-50%);
}

.p-history .history-wrapper .sec-history-2010 .model-2010-9 .timeline-text p {
  text-align: right;
}

.p-history .history-wrapper .sec-history-2010 .model-2010-9 .btn_zoom {
  margin-right: 0;
}

.p-history .history-wrapper .sec-history-2010 .model-2010-10 {
  top: 36%;
  right: 28%;
  margin: auto;
  width: 21.27832%;
}

.p-history .history-wrapper .sec-history-2010 .model-2010-10 .timeline-text {
  position: absolute;
  top: 50%;
  right: calc(100% + 15px);
  margin: auto;
  width: 100%;
  transform: translateY(-50%);
}

.p-history .history-wrapper .sec-history-2010 .model-2010-10 .timeline-text p {
  text-align: right;
}

.p-history .history-wrapper .sec-history-2010 .model-2010-10 .btn_zoom {
  margin-right: 0;
}

.p-history .history-wrapper .sec-history-2010 .model-2010-11 {
  top: -15%;
  left: 0;
  right: 0;
  margin: auto;
  width: 29.61165%;
}

.p-history .history-wrapper .sec-history-2010 .model-2010-11 .timeline-text {
  position: absolute;
  bottom: 0;
  left: calc(100% + 15px);
  margin: auto;
  width: 100%;
}

.p-history .history-wrapper .sec-history-2010 .model-2010-11 .timeline-text p {
  text-align: left;
}

.p-history .history-wrapper .sec-history-2010 .model-2010-11 .btn_zoom {
  margin-left: 0;
}

.p-history .history-wrapper .sec-history-2010 .model-2010-12 {
  top: 12%;
  left: 0;
  right: 0;
  margin: auto;
  width: 47.3301%;
}

.p-history .history-wrapper .sec-history-2010 .model-2010-12 .timeline-text {
  position: absolute;
  bottom: 0;
  right: calc(100% + 15px);
  margin: auto;
  width: 100%;
}

.p-history .history-wrapper .sec-history-2010 .model-2010-12 .timeline-text p {
  text-align: right;
}

.p-history .history-wrapper .sec-history-2010 .model-2010-12 .btn_zoom {
  margin-right: 0;
}

.p-history .history-wrapper .sec-history-2010 .model-2010-13 {
  top: 12%;
  right: 0;
  margin: auto;
  width: 21.27832%;
}

.p-history .history-wrapper .sec-history-2010 .model-2010-14 {
  top: 46%;
  left: 0;
  margin: auto;
  width: 47.3301%;
}

.p-history .history-wrapper .sec-history-2010 .model-2010-14 .timeline-text {
  position: absolute;
  top: 50%;
  left: calc(100% + 15px);
  margin: auto;
  width: 100%;
  transform: translateY(-50%);
}

.p-history .history-wrapper .sec-history-2010 .model-2010-14 .timeline-text p {
  text-align: left;
}

.p-history .history-wrapper .sec-history-2010 .model-2010-14 .btn_zoom {
  margin-left: 0;
}

.p-history .history-wrapper .sec-history-2010 .model-2010-15 {
  top: 70%;
  left: 50%;
  margin: auto;
  width: 21.27832%;
}

.p-history .history-wrapper .sec-history-2010 .model-2010-15 .timeline-text {
  position: absolute;
  bottom: 0;
  left: calc(100% + 15px);
  margin: auto;
  width: 100%;
}

.p-history .history-wrapper .sec-history-2010 .model-2010-15 .timeline-text p {
  text-align: left;
}

.p-history .history-wrapper .sec-history-2010 .model-2010-15 .btn_zoom {
  margin-left: 0;
}

.p-history .history-wrapper .sec-history-2010 .model-2010-16 {
  top: -10%;
  left: 0;
  margin: auto;
  width: 66.26214%;
}

.p-history .history-wrapper .sec-history-2010 .model-2010-16 .timeline-text {
  margin-left: 0;
  width: 100%;
}

.p-history .history-wrapper .sec-history-2010 .model-2010-16 .timeline-text p {
  text-align: left;
}

.p-history .history-wrapper .sec-history-2010 .model-2010-16 .btn_zoom {
  margin-left: 0;
}

.p-history .history-wrapper .sec-history-2010 .model-2010-17 {
  top: 70%;
  right: 0;
  margin: auto;
  width: 47.3301%;
}

.p-history .history-wrapper .sec-history-2010 .model-2010-18 {
  top: 15%;
  left: 8%;
  margin: auto;
  width: 21.27832%;
}

.p-history .history-wrapper .sec-history-2010 .model-2010-18 .timeline-text {
  position: absolute;
  top: 0;
  left: calc(100% + 15px);
  margin: auto;
  width: 100%;
}

.p-history .history-wrapper .sec-history-2010 .model-2010-18 .timeline-text p {
  text-align: left;
}

.p-history .history-wrapper .sec-history-2010 .model-2010-18 .btn_zoom {
  margin-left: 0;
}

.p-history .history-wrapper .sec-history-2010 .model-2010-19 {
  top: 40%;
  left: 8%;
  margin: auto;
  width: 21.27832%;
}

.p-history .history-wrapper .sec-history-2010 .model-2010-19 .timeline-text {
  position: absolute;
  top: 50%;
  left: calc(100% + 15px);
  margin: auto;
  width: 100%;
  transform: translateY(-50%);
}

.p-history .history-wrapper .sec-history-2010 .model-2010-19 .timeline-text p {
  text-align: left;
}

.p-history .history-wrapper .sec-history-2010 .model-2010-19 .btn_zoom {
  margin-left: 0;
}

.p-history .history-wrapper .sec-history-2010 .model-2010-20 {
  top: 65%;
  left: 8%;
  margin: auto;
  width: 21.27832%;
}

.p-history .history-wrapper .sec-history-2010 .model-2010-20 .timeline-text {
  position: absolute;
  bottom: 0;
  left: calc(100% + 15px);
  margin: auto;
  width: 100%;
}

.p-history .history-wrapper .sec-history-2010 .model-2010-20 .timeline-text p {
  text-align: left;
}

.p-history .history-wrapper .sec-history-2010 .model-2010-20 .btn_zoom {
  margin-left: 0;
}

.p-history .history-wrapper .sec-history-2020 {
  padding-bottom: 180px;
}

.p-history .history-wrapper .sec-history-2020 .timeline-text .y {
  color: #73AACC;
}

.p-history .history-wrapper .sec-history-2020 .btn_zoom a:hover {
  color: #73AACC;
}

.p-history .history-wrapper .sec-history-2020 .btn_zoom a:hover .icon {
  background: #73AACC !important;
  border-color: #73AACC !important;
}

.p-history .history-wrapper .sec-history-2020 .y2021, .p-history .history-wrapper .sec-history-2020 .y2022 {
  margin-top: -3.23625%;
}

.p-history .history-wrapper .sec-history-2020 .y2020 {
  z-index: 1;
}

.p-history .history-wrapper .sec-history-2020 .y2021 {
  z-index: 0;
}

.p-history .history-wrapper .sec-history-2020 .model-2020-1 {
  top: 26%;
  left: 0;
  margin: auto;
  width: 66.26214%;
  z-index: 1;
}

.p-history .history-wrapper .sec-history-2020 .model-2020-1 .timeline-text {
  margin-left: 0;
}

.p-history .history-wrapper .sec-history-2020 .model-2020-1 .timeline-text p {
  text-align: left;
}

.p-history .history-wrapper .sec-history-2020 .model-2020-1 .btn_zoom {
  margin-left: 0;
}

.p-history .history-wrapper .sec-history-2020 .model-2020-2 {
  top: 30%;
  right: 0;
  margin: auto;
  width: 47.3301%;
}

.p-history .history-wrapper .sec-history-2020 .model-2020-3 {
  top: 12%;
  left: 0;
  right: 0;
  margin: auto;
  width: 66.26214%;
}

.p-history .history-wrapper .sec-history-2020 .model-2020-3 .timeline-text {
  margin-left: 0;
}

.p-history .history-wrapper .sec-history-2020 .model-2020-3 .timeline-text p {
  text-align: left;
}

.p-history .history-wrapper .sec-history-2020 .model-2020-3 .btn_zoom {
  margin-left: 0;
}

.p-history .history-wrapper .sec-history-2020 .model-2020-4 {
  top: 60%;
  left: 0;
  right: 0;
  margin: auto;
  width: 66.26214%;
}

.p-history .history-wrapper .sec-history-2020 .model-2020-4 .timeline-text {
  position: absolute;
  bottom: 0;
  left: calc(100% + 15px);
  margin: auto;
  width: 100%;
}

.p-history .history-wrapper .sec-history-2020 .model-2020-4 .timeline-text p {
  text-align: left;
}

.p-history .history-wrapper .sec-history-2020 .model-2020-4 .btn_zoom {
  margin-left: 3em;
}

@media screen and (max-width: 767px) {
  .p-history .history-wrapper {
    padding: 120px 0 50px;
  }
  .p-history .history-wrapper .history-head {
    width: 30%;
    margin-bottom: 4vw;
  }
  .p-history .history-wrapper .history-lead {
    margin: 6vw auto;
  }
  .p-history .history-wrapper .history-lead .leadtext-title2 {
    font-size: 170%;
  }
  .p-history .history-wrapper .history-lead .leadtext {
    text-align: left;
  }
  .p-history .history-wrapper .history-timeline {
    max-width: 694px;
    margin: 5vw auto;
  }
  .p-history .history-wrapper .timeline-text p {
    font-size: 1.4rem;
  }
  .p-history .history-wrapper .timeline-text .sub {
    font-size: 1.1rem;
  }
  .p-history .history-wrapper .btn_zoom a {
    background: url("../images/history/history_bg.png");
  }
  .p-history .history-wrapper .sec-history-1972 .y1973, .p-history .history-wrapper .sec-history-1972 .y1974, .p-history .history-wrapper .sec-history-1972 .y1976, .p-history .history-wrapper .sec-history-1972 .y1977 {
    margin-top: -6.48415%;
  }
  .p-history .history-wrapper .sec-history-1972 .y1978 {
    margin-top: -6.48415%;
  }
  .p-history .history-wrapper .sec-history-1972 .y1979 {
    margin-top: -6.48415%;
  }
  .p-history .history-wrapper .sec-history-1972 .model-1972-1 {
    top: 18%;
    left: 0;
    right: 0;
    width: 100%;
    margin: auto;
    z-index: 1;
  }
  .p-history .history-wrapper .sec-history-1972 .model-1972-2 {
    top: 25%;
    left: 52%;
    right: 0;
    width: 42.79539%;
    margin: 0;
  }
  .p-history .history-wrapper .sec-history-1972 .model-1972-3 {
    top: 25%;
    right: 52%;
    width: 47.83862%;
    margin: 0;
  }
  .p-history .history-wrapper .sec-history-1972 .model-1972-4 {
    top: 13%;
    left: 0;
    right: 0;
    width: 69.59654%;
    margin: auto;
  }
  .p-history .history-wrapper .sec-history-1972 .model-1972-5 {
    top: 52%;
    left: 0;
    right: 0;
    width: 57.3487%;
    margin: auto;
  }
  .p-history .history-wrapper .sec-history-1972 .model-1972-5 .timeline-text {
    margin-left: auto;
    width: 100%;
  }
  .p-history .history-wrapper .sec-history-1972 .model-1972-5 .timeline-text p {
    text-align: center;
  }
  .p-history .history-wrapper .sec-history-1972 .model-1972-5 .btn_zoom {
    margin-left: auto;
  }
  .p-history .history-wrapper .sec-history-1972 .model-1972-6 {
    top: 10%;
    left: 0;
    right: 0;
    width: 57.3487%;
    margin: auto;
  }
  .p-history .history-wrapper .sec-history-1972 .model-1972-6 .timeline-text {
    margin-left: auto;
    width: 100%;
  }
  .p-history .history-wrapper .sec-history-1972 .model-1972-6 .timeline-text p {
    text-align: center;
  }
  .p-history .history-wrapper .sec-history-1972 .model-1972-6 .btn_zoom {
    margin-left: auto;
  }
  .p-history .history-wrapper .sec-history-1972 .model-1972-7 {
    top: 57%;
    left: 0;
    right: 0;
    width: 69.59654%;
    margin: auto;
  }
  .p-history .history-wrapper .sec-history-1972 .model-1972-8 {
    top: 9%;
    left: 0;
    right: 0;
    width: 76.36888%;
    margin: auto;
  }
  .p-history .history-wrapper .sec-history-1972 .model-1972-8 .timeline-text {
    position: relative;
    left: 0;
    width: auto;
  }
  .p-history .history-wrapper .sec-history-1972 .model-1972-8 .timeline-text p {
    text-align: center;
  }
  .p-history .history-wrapper .sec-history-1972 .model-1972-8 .btn_zoom {
    margin-left: auto;
  }
  .p-history .history-wrapper .sec-history-1972 .model-1972-9 {
    top: 44%;
    left: 0;
    right: 52%;
    width: 47.83862%;
    margin: auto;
  }
  .p-history .history-wrapper .sec-history-1972 .model-1972-10 {
    top: 44%;
    left: 52%;
    width: 47.83862%;
    margin: auto;
  }
  .p-history .history-wrapper .sec-history-1972 .model-1972-11 {
    top: 68%;
    left: 0;
    right: 0;
    width: 57.3487%;
    margin: auto;
  }
  .p-history .history-wrapper .sec-history-1972 .model-1972-12 {
    top: 12%;
    left: 0;
    width: 100%;
    margin: auto;
  }
  .p-history .history-wrapper .sec-history-1972 .model-1972-12 .timeline-text {
    margin-left: auto;
    width: auto;
  }
  .p-history .history-wrapper .sec-history-1972 .model-1972-12 .timeline-text p {
    text-align: center;
  }
  .p-history .history-wrapper .sec-history-1972 .model-1972-12 .btn_zoom {
    margin-left: auto;
  }
  .p-history .history-wrapper .sec-history-1972 .model-1972-13 {
    top: 64%;
    left: 0;
    right: 0;
    width: 47.83862%;
    margin: auto;
  }
  .p-history .history-wrapper .sec-history-1972 .model-1972-14 {
    top: 5%;
    left: 0;
    right: 0;
    width: 100%;
    margin: auto;
  }
  .p-history .history-wrapper .sec-history-1972 .model-1972-15 {
    top: 25%;
    left: 0;
    right: 0;
    width: 69.74063%;
    margin: auto;
  }
  .p-history .history-wrapper .sec-history-1972 .model-1972-16 {
    top: 44%;
    right: 52%;
    width: 47.83862%;
    margin: auto;
  }
  .p-history .history-wrapper .sec-history-1972 .model-1972-16 .timeline-text {
    position: relative;
    bottom: 0;
    left: 0;
    width: auto;
  }
  .p-history .history-wrapper .sec-history-1972 .model-1972-16 .timeline-text p {
    text-align: center;
  }
  .p-history .history-wrapper .sec-history-1972 .model-1972-16 .btn_zoom {
    margin-left: auto;
  }
  .p-history .history-wrapper .sec-history-1972 .model-1972-17 {
    top: 44%;
    left: 52%;
    right: 0;
    width: 47.83862%;
    margin: auto;
  }
  .p-history .history-wrapper .sec-history-1972 .model-1972-17 .timeline-text {
    position: relative;
    bottom: 0;
    left: 0;
    width: auto;
  }
  .p-history .history-wrapper .sec-history-1972 .model-1972-17 .timeline-text p {
    text-align: center;
  }
  .p-history .history-wrapper .sec-history-1972 .model-1972-17 .btn_zoom {
    margin-left: auto;
  }
  .p-history .history-wrapper .sec-history-1972 .model-1972-18 {
    top: 55%;
    left: 0;
    right: 0;
    width: 42.79539%;
    margin: auto;
  }
  .p-history .history-wrapper .sec-history-1972 .model-1972-19 {
    top: 71%;
    left: 0;
    right: 0;
    width: 47.83862%;
    margin: auto;
  }
  .p-history .history-wrapper .sec-history-1972 .model-1972-19 .timeline-text {
    position: relative;
    top: 0;
    right: 0;
    width: auto;
  }
  .p-history .history-wrapper .sec-history-1972 .model-1972-19 .timeline-text p {
    text-align: center;
  }
  .p-history .history-wrapper .sec-history-1972 .model-1972-19 .btn_zoom {
    margin-right: auto;
  }
  .p-history .history-wrapper .sec-history-1972 .model-1972-20 {
    top: 84%;
    left: 0;
    right: 0;
    width: 69.59654%;
    margin: auto;
  }
  .p-history .history-wrapper .sec-history-1972 .model-1972-20 .timeline-text {
    position: relative;
    bottom: 0;
    left: 0;
    width: auto;
  }
  .p-history .history-wrapper .sec-history-1972 .model-1972-20 .timeline-text p {
    text-align: center;
  }
  .p-history .history-wrapper .sec-history-1972 .model-1972-20 .btn_zoom {
    margin-left: auto;
  }
  .p-history .history-wrapper .sec-history-1980 .y1981, .p-history .history-wrapper .sec-history-1980 .y1982, .p-history .history-wrapper .sec-history-1980 .y1983, .p-history .history-wrapper .sec-history-1980 .y1984, .p-history .history-wrapper .sec-history-1980 .y1989 {
    margin-top: -6.48415%;
  }
  .p-history .history-wrapper .sec-history-1980 .model-1980-1 {
    top: 6%;
    left: 0;
    right: 0;
    width: 69.59654%;
    margin: auto;
  }
  .p-history .history-wrapper .sec-history-1980 .model-1980-2 {
    top: 18%;
    left: 0;
    right: 0;
    width: 47.83862%;
    margin: auto;
  }
  .p-history .history-wrapper .sec-history-1980 .model-1980-3 {
    top: 27.5%;
    left: 0;
    right: 0;
    width: 69.59654%;
    margin: auto;
  }
  .p-history .history-wrapper .sec-history-1980 .model-1980-3 .timeline-text {
    margin-left: auto;
  }
  .p-history .history-wrapper .sec-history-1980 .model-1980-3 .timeline-text p {
    text-align: center;
  }
  .p-history .history-wrapper .sec-history-1980 .model-1980-3 .btn_zoom {
    margin-left: auto;
  }
  .p-history .history-wrapper .sec-history-1980 .model-1980-4 {
    top: 39.6%;
    left: 0;
    right: 0;
    width: 69.59654%;
    margin: auto;
  }
  .p-history .history-wrapper .sec-history-1980 .model-1980-4 .timeline-text {
    position: relative;
    bottom: 0;
    right: 0;
    width: auto;
  }
  .p-history .history-wrapper .sec-history-1980 .model-1980-4 .timeline-text p {
    text-align: center;
  }
  .p-history .history-wrapper .sec-history-1980 .model-1980-4 .btn_zoom {
    margin-right: auto;
  }
  .p-history .history-wrapper .sec-history-1980 .model-1980-5 {
    top: 53.5%;
    left: 0;
    right: 0;
    width: 69.59654%;
    margin: auto;
  }
  .p-history .history-wrapper .sec-history-1980 .model-1980-5 .timeline-text {
    position: relative;
    bottom: 0;
    right: 0;
    width: auto;
  }
  .p-history .history-wrapper .sec-history-1980 .model-1980-5 .timeline-text p {
    text-align: center;
  }
  .p-history .history-wrapper .sec-history-1980 .model-1980-5 .btn_zoom {
    margin-right: auto;
  }
  .p-history .history-wrapper .sec-history-1980 .model-1980-6 {
    top: 66.5%;
    left: 0;
    right: 0;
    width: 47.83862%;
    margin: auto;
  }
  .p-history .history-wrapper .sec-history-1980 .model-1980-6 .timeline-text {
    position: relative;
    bottom: 0;
    right: 0;
    width: auto;
  }
  .p-history .history-wrapper .sec-history-1980 .model-1980-6 .timeline-text p {
    text-align: center;
  }
  .p-history .history-wrapper .sec-history-1980 .model-1980-6 .btn_zoom {
    margin-right: auto;
  }
  .p-history .history-wrapper .sec-history-1980 .model-1980-7 {
    top: 77%;
    left: 0;
    right: 0;
    width: 69.59654%;
    margin: auto;
  }
  .p-history .history-wrapper .sec-history-1980 .model-1980-8 {
    top: 90%;
    left: 0;
    right: 0;
    width: 47.83862%;
    margin: auto;
  }
  .p-history .history-wrapper .sec-history-1980 .model-1980-8 .timeline-text {
    position: relative;
    bottom: 0;
    left: 0;
    width: auto;
  }
  .p-history .history-wrapper .sec-history-1980 .model-1980-8 .timeline-text p {
    text-align: center;
  }
  .p-history .history-wrapper .sec-history-1980 .model-1980-8 .btn_zoom {
    margin-left: auto;
  }
  .p-history .history-wrapper .sec-history-1980 .model-1980-9 {
    top: 4.5%;
    left: 0;
    right: 0;
    width: 75.50432%;
    margin: auto;
  }
  .p-history .history-wrapper .sec-history-1980 .model-1980-9 .timeline-text {
    position: relative;
    bottom: 0;
    left: 0;
    width: auto;
    transform: none;
  }
  .p-history .history-wrapper .sec-history-1980 .model-1980-9 .timeline-text p {
    text-align: center;
  }
  .p-history .history-wrapper .sec-history-1980 .model-1980-9 .btn_zoom {
    margin-left: auto;
  }
  .p-history .history-wrapper .sec-history-1980 .model-1980-10 {
    top: 23.5%;
    left: 0;
    right: 0;
    width: 69.59654%;
    margin: auto;
  }
  .p-history .history-wrapper .sec-history-1980 .model-1980-10 .timeline-text p {
    text-align: center;
  }
  .p-history .history-wrapper .sec-history-1980 .model-1980-10 .btn_zoom {
    margin-right: auto;
  }
  .p-history .history-wrapper .sec-history-1980 .model-1980-11 {
    top: 39%;
    left: 0;
    right: 0;
    width: 69.59654%;
    margin: auto;
  }
  .p-history .history-wrapper .sec-history-1980 .model-1980-11 .timeline-text p {
    text-align: center;
  }
  .p-history .history-wrapper .sec-history-1980 .model-1980-11 .btn_zoom {
    margin-left: auto;
  }
  .p-history .history-wrapper .sec-history-1980 .model-1980-12 {
    top: 52.5%;
    left: 0;
    right: 0;
    margin: auto;
    width: 57.3487%;
  }
  .p-history .history-wrapper .sec-history-1980 .model-1980-13 {
    top: 69%;
    left: 0;
    right: 52%;
    width: 47.83862%;
    margin: auto;
  }
  .p-history .history-wrapper .sec-history-1980 .model-1980-14 {
    top: 69%;
    left: 52%;
    width: 47.83862%;
  }
  .p-history .history-wrapper .sec-history-1980 .model-1980-14 .timeline-text {
    position: relative;
    bottom: 0;
    left: 0;
    width: auto;
  }
  .p-history .history-wrapper .sec-history-1980 .model-1980-14 .timeline-text p {
    text-align: center;
  }
  .p-history .history-wrapper .sec-history-1980 .model-1980-14 .btn_zoom {
    margin-left: auto;
  }
  .p-history .history-wrapper .sec-history-1980 .model-1980-15 {
    top: 82%;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
  }
  .p-history .history-wrapper .sec-history-1980 .model-1980-16 {
    top: 5%;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
  }
  .p-history .history-wrapper .sec-history-1980 .model-1980-16 .timeline-text {
    position: relative;
    bottom: 0;
    left: 0;
    width: auto;
  }
  .p-history .history-wrapper .sec-history-1980 .model-1980-16 .timeline-text p {
    text-align: center;
  }
  .p-history .history-wrapper .sec-history-1980 .model-1980-16 .btn_zoom {
    margin-left: auto;
  }
  .p-history .history-wrapper .sec-history-1980 .model-1980-17 {
    top: 27%;
    left: 0;
    right: 52%;
    width: 47.83862%;
  }
  .p-history .history-wrapper .sec-history-1980 .model-1980-17 .timeline-text {
    width: 100%;
    margin-left: auto;
  }
  .p-history .history-wrapper .sec-history-1980 .model-1980-17 .timeline-text p {
    text-align: center;
  }
  .p-history .history-wrapper .sec-history-1980 .model-1980-17 .btn_zoom {
    margin-left: auto;
  }
  .p-history .history-wrapper .sec-history-1980 .model-1980-18 {
    top: 27%;
    left: 52%;
    width: 47.83862%;
  }
  .p-history .history-wrapper .sec-history-1980 .model-1980-19 {
    top: 45%;
    left: 0;
    right: 0;
    margin: auto;
    width: 47.83862%;
  }
  .p-history .history-wrapper .sec-history-1980 .model-1980-20 {
    top: 59%;
    left: 0;
    right: 0;
    margin: auto;
    width: 69.59654%;
  }
  .p-history .history-wrapper .sec-history-1980 .model-1980-21 {
    top: 77.5%;
    left: 0;
    right: 0;
    margin: auto;
    width: 57.3487%;
  }
  .p-history .history-wrapper .sec-history-1980 .model-1980-21 .timeline-text {
    position: relative;
    bottom: 0;
    right: 0;
    width: auto;
  }
  .p-history .history-wrapper .sec-history-1980 .model-1980-21 .timeline-text p {
    text-align: center;
  }
  .p-history .history-wrapper .sec-history-1980 .model-1980-21 .btn_zoom {
    margin-right: auto;
  }
  .p-history .history-wrapper .sec-history-1980 .model-1980-22 {
    top: 19%;
    left: 0;
    right: 0;
    margin: auto;
    width: 47.83862%;
  }
  .p-history .history-wrapper .sec-history-1980 .model-1980-22 .timeline-text {
    position: relative;
    bottom: 0;
    left: 0;
    width: auto;
  }
  .p-history .history-wrapper .sec-history-1980 .model-1980-22 .timeline-text p {
    text-align: center;
  }
  .p-history .history-wrapper .sec-history-1980 .model-1980-22 .btn_zoom {
    margin-left: auto;
  }
  .p-history .history-wrapper .sec-history-1980 .model-1980-23 {
    top: 27%;
    left: 0;
    right: 0;
    margin: auto;
    width: 47.83862%;
  }
  .p-history .history-wrapper .sec-history-1980 .model-1980-23 .timeline-text {
    position: relative;
    top: 0;
    left: 0;
    width: auto;
    transform: none;
  }
  .p-history .history-wrapper .sec-history-1980 .model-1980-23 .timeline-text p {
    text-align: center;
  }
  .p-history .history-wrapper .sec-history-1980 .model-1980-23 .btn_zoom {
    margin-left: auto;
  }
  .p-history .history-wrapper .sec-history-1980 .model-1980-24 {
    top: 20%;
    left: 0;
    right: 0;
    margin: auto;
    width: 76.36888%;
  }
  .p-history .history-wrapper .sec-history-1990 {
    margin-top: 0px;
  }
  .p-history .history-wrapper .sec-history-1990 .y1991, .p-history .history-wrapper .sec-history-1990 .y1992, .p-history .history-wrapper .sec-history-1990 .y1993, .p-history .history-wrapper .sec-history-1990 .y1994, .p-history .history-wrapper .sec-history-1990 .y1996, .p-history .history-wrapper .sec-history-1990 .y1997, .p-history .history-wrapper .sec-history-1990 .y1999 {
    margin-top: -6.48415%;
  }
  .p-history .history-wrapper .sec-history-1990 .model-1990-1 {
    top: 28%;
    left: 0;
    right: 0;
    width: 69.59654%;
    margin: auto;
  }
  .p-history .history-wrapper .sec-history-1990 .model-1990-1 .timeline-text {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: auto;
    transform: none;
  }
  .p-history .history-wrapper .sec-history-1990 .model-1990-1 .timeline-text p {
    text-align: center;
  }
  .p-history .history-wrapper .sec-history-1990 .model-1990-1 .btn_zoom {
    margin-right: auto;
  }
  .p-history .history-wrapper .sec-history-1990 .model-1990-2 {
    top: 25%;
    left: 52%;
    margin: auto;
    width: 47.83862%;
  }
  .p-history .history-wrapper .sec-history-1990 .model-1990-3 {
    top: 25%;
    right: 52%;
    margin: auto;
    width: 47.83862%;
  }
  .p-history .history-wrapper .sec-history-1990 .model-1990-4 {
    top: 31%;
    right: 52%;
    margin: auto;
    width: 47.83862%;
  }
  .p-history .history-wrapper .sec-history-1990 .model-1990-5 {
    top: 31%;
    left: 52%;
    margin: auto;
    width: 47.83862%;
  }
  .p-history .history-wrapper .sec-history-1990 .model-1990-5 .timeline-text {
    position: relative;
    bottom: 0;
    left: 0;
    width: auto;
  }
  .p-history .history-wrapper .sec-history-1990 .model-1990-5 .timeline-text p {
    text-align: center;
  }
  .p-history .history-wrapper .sec-history-1990 .model-1990-5 .btn_zoom {
    margin-left: auto;
  }
  .p-history .history-wrapper .sec-history-1990 .model-1990-6 {
    top: 20%;
    left: 0;
    right: 0;
    margin: auto;
    width: 69.59654%;
  }
  .p-history .history-wrapper .sec-history-1990 .model-1990-7 {
    top: 10%;
    left: 0;
    right: 0;
    margin: auto;
    width: 69.59654%;
  }
  .p-history .history-wrapper .sec-history-1990 .model-1990-8 {
    top: 56%;
    right: 52%;
    margin: auto;
    width: 47.83862%;
  }
  .p-history .history-wrapper .sec-history-1990 .model-1990-9 {
    top: 56%;
    right: 0;
    left: 52%;
    margin: auto;
    width: 47.83862%;
  }
  .p-history .history-wrapper .sec-history-1990 .model-1990-10 {
    top: 12%;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
  }
  .p-history .history-wrapper .sec-history-1990 .model-1990-10 .timeline-text {
    position: relative;
    bottom: 0;
    left: 0;
    width: auto;
  }
  .p-history .history-wrapper .sec-history-1990 .model-1990-10 .timeline-text p {
    text-align: center;
  }
  .p-history .history-wrapper .sec-history-1990 .model-1990-10 .btn_zoom {
    margin-left: auto;
  }
  .p-history .history-wrapper .sec-history-1990 .model-1990-11 {
    top: 61%;
    left: 0;
    right: 0;
    margin: auto;
    width: 69.59654%;
  }
  .p-history .history-wrapper .sec-history-1990 .model-1990-12 {
    top: 24%;
    left: 0;
    right: 0;
    margin: auto;
    width: 47.83862%;
  }
  .p-history .history-wrapper .sec-history-2000 .y2001, .p-history .history-wrapper .sec-history-2000 .y2003, .p-history .history-wrapper .sec-history-2000 .y2004, .p-history .history-wrapper .sec-history-2000 .y2005, .p-history .history-wrapper .sec-history-2000 .y2007, .p-history .history-wrapper .sec-history-2000 .y2009 {
    margin-top: -6.48415%;
  }
  .p-history .history-wrapper .sec-history-2000 .model-2000-1 {
    top: 22%;
    right: 52%;
    margin: auto;
    width: 47.83862%;
  }
  .p-history .history-wrapper .sec-history-2000 .model-2000-2 {
    top: 22%;
    left: 52%;
    margin: auto;
    width: 47.83862%;
  }
  .p-history .history-wrapper .sec-history-2000 .model-2000-3 {
    top: 15%;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
  }
  .p-history .history-wrapper .sec-history-2000 .model-2000-3 .timeline-text p {
    text-align: center;
  }
  .p-history .history-wrapper .sec-history-2000 .model-2000-3 .btn_zoom {
    margin-right: auto;
  }
  .p-history .history-wrapper .sec-history-2000 .model-2000-4 {
    top: 17%;
    left: 0;
    right: 0;
    margin: auto;
    width: 69.59654%;
  }
  .p-history .history-wrapper .sec-history-2000 .model-2000-5 {
    top: 17%;
    left: 0;
    right: 0;
    margin: auto;
    width: 69.59654%;
  }
  .p-history .history-wrapper .sec-history-2000 .model-2000-5 .timeline-text {
    position: relative;
    top: 0;
    left: 0;
    margin: auto;
    width: auto;
    transform: none;
  }
  .p-history .history-wrapper .sec-history-2000 .model-2000-5 .timeline-text p {
    text-align: center;
  }
  .p-history .history-wrapper .sec-history-2000 .model-2000-5 .btn_zoom {
    margin-left: auto;
  }
  .p-history .history-wrapper .sec-history-2000 .model-2000-6 {
    top: 12%;
    left: 0;
    right: 0;
    margin: auto;
    width: 69.59654%;
  }
  .p-history .history-wrapper .sec-history-2000 .model-2000-7 {
    top: 46%;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 57.06052%;
  }
  .p-history .history-wrapper .sec-history-2000 .model-2000-8 {
    top: 17%;
    left: 0;
    right: 0;
    margin: auto;
    width: 69.59654%;
  }
  .p-history .history-wrapper .sec-history-2010 .y2010, .p-history .history-wrapper .sec-history-2010 .y2011, .p-history .history-wrapper .sec-history-2010 .y2013, .p-history .history-wrapper .sec-history-2010 .y2014, .p-history .history-wrapper .sec-history-2010 .y2015, .p-history .history-wrapper .sec-history-2010 .y2016, .p-history .history-wrapper .sec-history-2010 .y2017, .p-history .history-wrapper .sec-history-2010 .y2018, .p-history .history-wrapper .sec-history-2010 .y2019 {
    margin-top: -6.48415%;
  }
  .p-history .history-wrapper .sec-history-2010 .model-2010-1 {
    top: 27%;
    left: 0;
    right: 0;
    margin: auto;
    width: 47.83862%;
  }
  .p-history .history-wrapper .sec-history-2010 .model-2010-2 {
    top: 22%;
    right: 52%;
    margin: auto;
    width: 47.83862%;
  }
  .p-history .history-wrapper .sec-history-2010 .model-2010-2 .timeline-text {
    position: relative;
    bottom: 0;
    right: 0;
    margin: auto;
    width: auto;
  }
  .p-history .history-wrapper .sec-history-2010 .model-2010-2 .timeline-text p {
    text-align: center;
  }
  .p-history .history-wrapper .sec-history-2010 .model-2010-2 .btn_zoom {
    margin-right: auto;
  }
  .p-history .history-wrapper .sec-history-2010 .model-2010-3 {
    top: 22%;
    left: 52%;
    right: 0;
    margin: auto;
    width: 47.83862%;
  }
  .p-history .history-wrapper .sec-history-2010 .model-2010-3 .timeline-text {
    position: relative;
    bottom: 0;
    right: 0;
    margin: auto;
    width: auto;
  }
  .p-history .history-wrapper .sec-history-2010 .model-2010-3 .timeline-text p {
    text-align: center;
  }
  .p-history .history-wrapper .sec-history-2010 .model-2010-3 .btn_zoom {
    margin-right: auto;
  }
  .p-history .history-wrapper .sec-history-2010 .model-2010-4 {
    top: 6%;
    left: 0;
    right: 0;
    margin: auto;
    width: 47.83862%;
  }
  .p-history .history-wrapper .sec-history-2010 .model-2010-4 .timeline-text {
    right: 0;
  }
  .p-history .history-wrapper .sec-history-2010 .model-2010-4 .timeline-text p {
    text-align: center;
  }
  .p-history .history-wrapper .sec-history-2010 .model-2010-4 .btn_zoom {
    margin-right: auto;
  }
  .p-history .history-wrapper .sec-history-2010 .model-2010-5 {
    top: 33%;
    left: 0;
    right: 0;
    margin: auto;
    width: 69.59654%;
  }
  .p-history .history-wrapper .sec-history-2010 .model-2010-5 .timeline-text {
    position: relative;
    top: 0;
    right: 0;
    margin: auto;
    width: auto;
    transform: none;
  }
  .p-history .history-wrapper .sec-history-2010 .model-2010-5 .timeline-text p {
    text-align: center;
  }
  .p-history .history-wrapper .sec-history-2010 .model-2010-5 .btn_zoom {
    margin-right: auto;
  }
  .p-history .history-wrapper .sec-history-2010 .model-2010-6 {
    top: 66%;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 69.59654%;
  }
  .p-history .history-wrapper .sec-history-2010 .model-2010-6 .timeline-text {
    position: relative;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 100%;
  }
  .p-history .history-wrapper .sec-history-2010 .model-2010-6 .timeline-text p {
    text-align: center;
  }
  .p-history .history-wrapper .sec-history-2010 .model-2010-6 .btn_zoom {
    margin-left: auto;
  }
  .p-history .history-wrapper .sec-history-2010 .model-2010-7 {
    top: 10%;
    left: 0;
    right: 0;
    margin: auto;
    width: 76.36888%;
  }
  .p-history .history-wrapper .sec-history-2010 .model-2010-8 {
    top: 56%;
    left: 0;
    right: 0;
    margin: auto;
    width: 57.3487%;
  }
  .p-history .history-wrapper .sec-history-2010 .model-2010-9 {
    top: 22%;
    right: 52%;
    margin: auto;
    width: 47.83862%;
  }
  .p-history .history-wrapper .sec-history-2010 .model-2010-9 .timeline-text {
    position: relative;
    top: 0;
    right: 0;
    margin: auto;
    width: auto;
    transform: none;
  }
  .p-history .history-wrapper .sec-history-2010 .model-2010-9 .timeline-text p {
    text-align: center;
  }
  .p-history .history-wrapper .sec-history-2010 .model-2010-9 .btn_zoom {
    margin-right: auto;
  }
  .p-history .history-wrapper .sec-history-2010 .model-2010-10 {
    top: 22%;
    left: 52%;
    right: 0;
    margin: auto;
    width: 47.83862%;
  }
  .p-history .history-wrapper .sec-history-2010 .model-2010-10 .timeline-text {
    position: relative;
    top: 0;
    right: 0;
    margin: auto;
    width: auto;
    transform: none;
  }
  .p-history .history-wrapper .sec-history-2010 .model-2010-10 .timeline-text p {
    text-align: center;
  }
  .p-history .history-wrapper .sec-history-2010 .model-2010-10 .btn_zoom {
    margin-right: auto;
  }
  .p-history .history-wrapper .sec-history-2010 .model-2010-11 {
    top: 16%;
    left: 0;
    right: 0;
    margin: auto;
    width: 57.3487%;
  }
  .p-history .history-wrapper .sec-history-2010 .model-2010-11 .timeline-text {
    position: relative;
    bottom: 0;
    left: 0;
    margin: auto;
    width: auto;
  }
  .p-history .history-wrapper .sec-history-2010 .model-2010-11 .timeline-text p {
    text-align: center;
  }
  .p-history .history-wrapper .sec-history-2010 .model-2010-11 .btn_zoom {
    margin-left: auto;
  }
  .p-history .history-wrapper .sec-history-2010 .model-2010-12 {
    top: 8%;
    left: 0;
    right: 0;
    margin: auto;
    width: 69.59654%;
  }
  .p-history .history-wrapper .sec-history-2010 .model-2010-12 .timeline-text {
    position: relative;
    bottom: 0;
    right: 0;
    margin: auto;
    width: auto;
  }
  .p-history .history-wrapper .sec-history-2010 .model-2010-12 .timeline-text p {
    text-align: center;
  }
  .p-history .history-wrapper .sec-history-2010 .model-2010-12 .btn_zoom {
    margin-right: auto;
  }
  .p-history .history-wrapper .sec-history-2010 .model-2010-13 {
    top: 30%;
    left: 0;
    right: 0;
    margin: auto;
    width: 47.83862%;
  }
  .p-history .history-wrapper .sec-history-2010 .model-2010-14 {
    top: 53%;
    left: 0;
    right: 0;
    margin: auto;
    width: 69.59654%;
  }
  .p-history .history-wrapper .sec-history-2010 .model-2010-14 .timeline-text {
    position: relative;
    top: 0;
    left: 0;
    margin: auto;
    width: auto;
    transform: none;
  }
  .p-history .history-wrapper .sec-history-2010 .model-2010-14 .timeline-text p {
    text-align: center;
  }
  .p-history .history-wrapper .sec-history-2010 .model-2010-14 .btn_zoom {
    margin-left: auto;
  }
  .p-history .history-wrapper .sec-history-2010 .model-2010-15 {
    top: 77.5%;
    left: 0;
    right: 0;
    margin: auto;
    width: 47.83862%;
  }
  .p-history .history-wrapper .sec-history-2010 .model-2010-15 .timeline-text {
    position: relative;
    bottom: 0;
    left: 0;
    margin: auto;
    width: auto;
  }
  .p-history .history-wrapper .sec-history-2010 .model-2010-15 .timeline-text p {
    text-align: center;
  }
  .p-history .history-wrapper .sec-history-2010 .model-2010-15 .btn_zoom {
    margin-left: auto;
  }
  .p-history .history-wrapper .sec-history-2010 .model-2010-16 {
    top: 10%;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
  }
  .p-history .history-wrapper .sec-history-2010 .model-2010-16 .timeline-text {
    margin-left: auto;
    width: auto;
  }
  .p-history .history-wrapper .sec-history-2010 .model-2010-16 .timeline-text p {
    text-align: center;
  }
  .p-history .history-wrapper .sec-history-2010 .model-2010-16 .btn_zoom {
    margin-left: auto;
  }
  .p-history .history-wrapper .sec-history-2010 .model-2010-17 {
    top: 56%;
    left: 0;
    right: 0;
    margin: auto;
    width: 69.59654%;
  }
  .p-history .history-wrapper .sec-history-2010 .model-2010-18 {
    top: 16%;
    left: 0;
    right: 0;
    margin: auto;
    width: 47.83862%;
  }
  .p-history .history-wrapper .sec-history-2010 .model-2010-18 .timeline-text {
    position: relative;
    top: 0;
    left: 0;
    margin: auto;
    width: auto;
  }
  .p-history .history-wrapper .sec-history-2010 .model-2010-18 .timeline-text p {
    text-align: center;
  }
  .p-history .history-wrapper .sec-history-2010 .model-2010-18 .btn_zoom {
    margin-left: auto;
  }
  .p-history .history-wrapper .sec-history-2010 .model-2010-19 {
    top: 56%;
    left: 52%;
    margin: auto;
    width: 47.83862%;
  }
  .p-history .history-wrapper .sec-history-2010 .model-2010-19 .timeline-text {
    position: relative;
    top: 0;
    left: 0;
    margin: auto;
    width: auto;
    transform: none;
  }
  .p-history .history-wrapper .sec-history-2010 .model-2010-19 .timeline-text p {
    text-align: center;
  }
  .p-history .history-wrapper .sec-history-2010 .model-2010-19 .btn_zoom {
    margin-left: auto;
  }
  .p-history .history-wrapper .sec-history-2010 .model-2010-20 {
    top: 56%;
    left: 0;
    right: 52%;
    margin: auto;
    width: 47.83862%;
  }
  .p-history .history-wrapper .sec-history-2010 .model-2010-20 .timeline-text {
    position: relative;
    bottom: 0;
    left: 0;
    margin: auto;
    width: auto;
  }
  .p-history .history-wrapper .sec-history-2010 .model-2010-20 .timeline-text p {
    text-align: center;
  }
  .p-history .history-wrapper .sec-history-2010 .model-2010-20 .btn_zoom {
    margin-left: auto;
  }
  .p-history .history-wrapper .sec-history-2020 {
    padding-bottom: 0;
  }
  .p-history .history-wrapper .sec-history-2020 .y2021, .p-history .history-wrapper .sec-history-2020 .y2022 {
    margin-top: -6.48415%;
  }
  .p-history .history-wrapper .sec-history-2020 .model-2020-1 {
    top: 26%;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    z-index: 1;
  }
  .p-history .history-wrapper .sec-history-2020 .model-2020-1 .timeline-text {
    margin-left: auto;
  }
  .p-history .history-wrapper .sec-history-2020 .model-2020-1 .timeline-text p {
    text-align: center;
  }
  .p-history .history-wrapper .sec-history-2020 .model-2020-1 .btn_zoom {
    margin-left: auto;
  }
  .p-history .history-wrapper .sec-history-2020 .model-2020-2 {
    top: 24%;
    left: 0;
    right: 0;
    margin: auto;
    width: 69.59654%;
  }
  .p-history .history-wrapper .sec-history-2020 .model-2020-3 {
    top: 12%;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
  }
  .p-history .history-wrapper .sec-history-2020 .model-2020-3 .timeline-text {
    margin-left: 0;
  }
  .p-history .history-wrapper .sec-history-2020 .model-2020-3 .timeline-text p {
    text-align: center;
  }
  .p-history .history-wrapper .sec-history-2020 .model-2020-3 .btn_zoom {
    margin-left: auto;
  }
  .p-history .history-wrapper .sec-history-2020 .model-2020-4 {
    top: 65%;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
  }
  .p-history .history-wrapper .sec-history-2020 .model-2020-4 .timeline-text {
    position: relative;
    bottom: 0;
    left: 0;
    margin: auto;
    width: auto;
  }
  .p-history .history-wrapper .sec-history-2020 .model-2020-4 .timeline-text p {
    text-align: center;
  }
  .p-history .history-wrapper .sec-history-2020 .model-2020-4 .btn_zoom {
    margin-left: auto;
  }
}

.p-history.p-en .history-wrapper .history-lead {
  max-width: 44em;
}

/* popup */
.mfp-bg.mfp-y {
  opacity: 0;
  transform: translateY(20vh);
}

.mfp-bg.mfp-y.mfp-ready {
  opacity: 1;
  transform: translateY(0);
  transition: all .3s ease-out;
}

.mfp-bg.mfp-y.mfp-removing {
  opacity: 0;
  transform: translateY(20vh);
  transition: all .2s ease-out .2s;
}

/*.mfp-bg.mfp-y.mfp-y-1972 {
  background-color: $rgb_1972;
}
.mfp-bg.mfp-y.mfp-y-1980 {
  background-color: $rgb_1980;
}
.mfp-bg.mfp-y.mfp-y-1990 {
  background-color: $rgb_1990;
}
.mfp-bg.mfp-y.mfp-y-2000 {
  background-color: $rgb_2000;
}
.mfp-bg.mfp-y.mfp-y-2010 {
  background-color: $rgb_2010;
}
.mfp-bg.mfp-y.mfp-y-2020 {
  background-color: $rgb_2020;
}*/
.mfp-bg.mfp-y.mfp-y-1972,
.mfp-bg.mfp-y.mfp-y-1980,
.mfp-bg.mfp-y.mfp-y-1990,
.mfp-bg.mfp-y.mfp-y-2000,
.mfp-bg.mfp-y.mfp-y-2010,
.mfp-bg.mfp-y.mfp-y-2020 {
  background: #000;
  opacity: .75;
}

@media screen and (max-width: 767px) {
  .mfp-bg.mfp-y.mfp-y-1972,
  .mfp-bg.mfp-y.mfp-y-1980,
  .mfp-bg.mfp-y.mfp-y-1990,
  .mfp-bg.mfp-y.mfp-y-2000,
  .mfp-bg.mfp-y.mfp-y-2010,
  .mfp-bg.mfp-y.mfp-y-2020 {
    background: #000;
    opacity: .75;
  }
}

.mfp-wrap.mfp-y .mfp-figure:before {
  content: '';
  display: block;
  position: absolute;
  top: 50px;
  right: 20px;
  margin: auto;
  width: 187px;
  height: 105px;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  z-index: 1050;
  width: 20%;
  height: 15%;
  max-width: 187px;
  max-height: 105px;
  right: 5%;
}

.mfp-wrap.mfp-y.mfp-removing .mfp-figure:before {
  opacity: 0;
  transition: all .2s ease-out;
}

.mfp-wrap.mfp-y.mfp-y-1972 .mfp-figure:before {
  background-image: url("../images/history/history_title_1972.svg");
}

.mfp-wrap.mfp-y.mfp-y-1980 .mfp-figure:before {
  background-image: url("../images/history/history_title_1980.svg");
}

.mfp-wrap.mfp-y.mfp-y-1990 .mfp-figure:before {
  background-image: url("../images/history/history_title_1990.svg");
}

.mfp-wrap.mfp-y.mfp-y-2000 .mfp-figure:before {
  background-image: url("../images/history/history_title_2000.svg");
}

.mfp-wrap.mfp-y.mfp-y-2010 .mfp-figure:before {
  background-image: url("../images/history/history_title_2010.svg");
}

.mfp-wrap.mfp-y.mfp-y-2020 .mfp-figure:before {
  background-image: url("../images/history/history_title_2020.svg");
}

.mfp-wrap.mfp-y.mfp-y-1972.wht .mfp-figure:before {
  background-image: url("../images/history/history_title_wht_1972.svg");
}

.mfp-wrap.mfp-y.mfp-y-1980.wht .mfp-figure:before {
  background-image: url("../images/history/history_title_wht_1980.svg");
}

.mfp-wrap.mfp-y.mfp-y-1990.wht .mfp-figure:before {
  background-image: url("../images/history/history_title_wht_1990.svg");
}

.mfp-wrap.mfp-y.mfp-y-2000.wht .mfp-figure:before {
  background-image: url("../images/history/history_title_wht_2000.svg");
}

.mfp-wrap.mfp-y.mfp-y-2010.wht .mfp-figure:before {
  background-image: url("../images/history/history_title_wht_2010.svg");
}

.mfp-wrap.mfp-y.mfp-y-2020.wht .mfp-figure:before {
  background-image: url("../images/history/history_title_wht_2020.svg");
}

.mfp-y .mfp-container {
  padding: 0 40px;
}

.mfp-y .mfp-close {
  right: 0;
  padding: 0;
  background: url("../images/btn_close.svg") no-repeat right center;
  background-size: 44px 44px;
  color: transparent;
  opacity: 1;
  overflow: hidden;
}

.mfp-y .mfp-close:hover, .mfp-y .mfp-close:focus {
  opacity: .7;
}

.mfp-y .mfp-figure:after {
  display: none;
  /*position: absolute;
  left: 0;
  top: auto;
  bottom: 0;
  width: 100%;
  height: 50%;
  border: none;
  box-shadow: none;*/
}

.mfp-y .mfp-with-anim {
  opacity: 0;
  transform: scale(0.8);
}

.mfp-y.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: scale(1);
  transition: all .3s ease-in-out .1s;
}

.mfp-y.mfp-removing .mfp-with-anim {
  opacity: 0;
  transform: scale(0.8);
  transition: all .2s ease-out;
}

.mfp-y .mfp-imgwrap {
  position: relative;
}

.mfp-y .mfp-imgwrap:before {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 50px);
}

.mfp-y img.mfp-img {
  position: relative;
  padding: 70px 20px 40px;
}

.mfp-y .mfp-bottom-bar {
  margin-top: -35px;
  padding: 0 0 10px;
}

.mfp-y .mfp-title {
  padding: 0;
  font-family: "Hind", sans-serif;
  color: #231815;
  font-size: 1.6rem;
  font-weight: 700;
  font-style: italic;
  line-height: 1.4;
  letter-spacing: -0.03em;
}

.mfp-y .mfp-title br {
  display: none;
}

.mfp-y .mfp-title .y {
  color: #fff;
  margin-right: 0.5em;
}

.mfp-y .mfp-title .sub {
  font-size: 1.3rem;
}

.mfp-y .mfp-bottom-bar {
  margin-top: -30px;
  padding: 0 20px;
}

.mfp-y.mfp-y-1972 {
  /*.mfp-figure:after {
    background-color: $rgb_1972;
  }*/
}

.mfp-y.mfp-y-1972 .mfp-imgwrap:before {
  background-color: #F05F1E;
}

.mfp-y.mfp-y-1980 {
  /*.mfp-figure:after {
    background-color: $rgb_1980;
  }*/
}

.mfp-y.mfp-y-1980 .mfp-imgwrap:before {
  background-color: #3CB72F;
}

.mfp-y.mfp-y-1990 .mfp-figure:after {
  background-color: #5767A5;
}

.mfp-y.mfp-y-1990 .mfp-imgwrap:before {
  background-color: #5767A5;
}

.mfp-y.mfp-y-2000 .mfp-figure:after {
  background-color: #FF802D;
}

.mfp-y.mfp-y-2000 .mfp-imgwrap:before {
  background-color: #FF802D;
}

.mfp-y.mfp-y-2010 .mfp-figure:after {
  background-color: #8CCE00;
}

.mfp-y.mfp-y-2010 .mfp-imgwrap:before {
  background-color: #8CCE00;
}

.mfp-y.mfp-y-2020 .mfp-figure:after {
  background-color: #73AACC;
}

.mfp-y.mfp-y-2020 .mfp-imgwrap:before {
  background-color: #73AACC;
}

@media screen and (max-width: 767px) {
  .mfp-y .mfp-container {
    padding: 0;
  }
  /*.mfp-y .mfp-content {
    padding-top: 13vw;
  }
  .mfp-y .mfp-figure {
    padding: 0 2.4vw;
  }*/
  .mfp-wrap.mfp-y .mfp-figure:before {
    width: 22vw;
    max-width: 170px;
    /*max-width: 73px;
    max-height: 15vh;
    right: 5%;*/
    width: 20%;
    height: 15%;
    max-width: 170px;
    max-height: 105px;
    top: 60px;
    right: 5%;
  }
  .mfp-y .mfp-close {
    /*top: -13vw;
    right: 2.4vw;
    height: 12vw;
    background-size: 12vw 12vw;*/
  }
  .mfp-y .mfp-imgwrap:before {
    height: calc(100% - 70px + 2.4vw);
  }
  .mfp-y img.mfp-img {
    padding: 2.4vw 2.4vw 40px;
    padding: 70px 2.4vw 40px;
  }
  .mfp-y .mfp-bottom-bar {
    margin-top: -30px;
    padding: 0 2.4vw;
  }
  /*.mfp-y.mfp-y-1972 {
    .mfp-figure {
      background-color: $rgb_1972;
    }
  }
  .mfp-y.mfp-y-1980 {
    .mfp-figure {
      background-color: $rgb_1980;
    }
  }
  .mfp-y.mfp-y-1990 {
    .mfp-figure {
      background-color: $rgb_1990;
    }
  }
  .mfp-y.mfp-y-2000 {
    .mfp-figure {
      background-color: $rgb_2000;
    }
  }
  .mfp-y.mfp-y-2010 {
    .mfp-figure {
      background-color: $rgb_2010;
    }
  }
  .mfp-y.mfp-y-2020 {
    .mfp-figure {
      background-color: $rgb_2020;
    }
  }*/
}

/* nav */
#nav_history {
  position: absolute;
  bottom: 10px;
  right: 20px;
  display: flex;
  align-items: center;
  z-index: 1;
}

#nav_history ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#nav_history li {
  margin: 10px 0;
  font-family: "Hind", sans-serif;
  color: #7d7d7d;
  font-size: 1.2rem;
  font-weight: 700;
  font-style: italic;
  line-height: 1;
  letter-spacing: .1em;
}

#nav_history li a {
  display: flex;
  align-items: center;
  color: #7d7d7d;
  text-decoration: none;
}

#nav_history li a .nav_img {
  position: relative;
  width: 68px;
  margin-right: 10px;
  border: 3px solid #fff;
  line-height: 0;
}

#nav_history li a .nav_img img {
  position: relative;
}

#nav_history li a .nav_img img.on {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

#nav_history li a span {
  position: relative;
  flex: 1;
  white-space: nowrap;
  width: 68px;
  line-height: 0;
}

#nav_history li a span img {
  position: relative;
}

#nav_history li a span img.on {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

#nav_history li a:hover, #nav_history li a.current {
  color: #000;
}

#nav_history li a:hover:before, #nav_history li a.current:before {
  background: #000;
}

#nav_history li a:hover .nav_img img.on, #nav_history li a.current .nav_img img.on {
  opacity: 1;
}

#nav_history li a:hover span img.off, #nav_history li a.current span img.off {
  opacity: 0;
}

#nav_history li a:hover span img.on, #nav_history li a.current span img.on {
  opacity: 1;
}

#nav_history li a[href=""] {
  pointer-events: none;
  color: #7d7d7d;
}

#nav_history li a[href=""]:before {
  background: none;
  border: 2px solid #7d7d7d;
}

#nav_history.fixed {
  position: fixed;
}

@media screen and (max-width: 767px) {
  #nav_history.fixed {
    display: none;
  }
}

/*------------------------------
MODEL
-------------------------------*/
.p-model .model-wrapper {
  position: relative;
  max-width: 1366px;
  margin: auto;
  padding-top: 120px;
}

.p-model .model-wrapper .model-header {
  position: relative;
  width: 86%;
  max-width: 1166px;
  margin: auto;
  z-index: 1;
}

.p-model .model-wrapper .model-header .model-logo {
  width: 18%;
  max-width: 205px;
  margin: 0 0 0 auto;
  line-height: 0;
}

.p-model .model-wrapper .sec-model {
  position: relative;
  margin: 0 auto 120px;
  z-index: 0;
}

.p-model .model-wrapper .sec-model .model-text {
  position: relative;
  width: 72%;
  max-width: 960px;
  margin: auto;
  z-index: 1;
}

.p-model .model-wrapper .sec-model .model-text .model-title {
  width: 53%;
  max-width: 500px;
  margin-bottom: 5px;
}

.p-model .model-wrapper .sec-model .model-text p {
  width: 40%;
  max-width: 360px;
  margin: 0 0 .5em;
  line-height: 1.8;
  letter-spacing: .04em;
}

.p-model .model-wrapper .sec-model .model-text p:last-child {
  margin-bottom: 0;
}

.p-model .model-wrapper .sec-model .model-images {
  position: relative;
  max-width: 1366px;
  margin: auto;
  z-index: 0;
}

.p-model .model-wrapper .sec-model .model-images .model-img {
  position: relative;
}

.p-model .model-wrapper .sec-model .model-images .model-img-1 {
  margin-top: -21%;
}

.p-model .model-wrapper .sec-model .model-images .model-img-2 {
  margin-top: -25.62225%;
}

.p-model .model-wrapper .sec-model .model-images .model-img-3 {
  margin-top: -24.52416%;
}

.p-model .model-wrapper .sec-model .model-images .model-img-4 {
  margin-top: -25.62225%;
}

.p-model .model-wrapper .sec-model .model-option {
  position: absolute;
  width: 31%;
  max-width: 318px;
  padding: 5px 7px;
  border: 2px solid #A0A2A5;
  color: #A0A2A5;
}

.p-model .model-wrapper .sec-model .model-option p {
  margin: 0;
  font-size: 85.71429%;
  line-height: 1.3;
}

.p-model .model-wrapper .sec-model .model-option span {
  display: inline-block;
}

.p-model .model-wrapper .sec-model .model-option-1 {
  top: 79%;
  left: 63.17716%;
}

.p-model .model-wrapper .sec-model .model-option-2 {
  top: 80%;
  left: 63.17716%;
}

.p-model .model-wrapper .sec-model .model-text .scrollIn {
  visibility: hidden;
  opacity: 0;
  transform: translateY(30px);
}

.p-model .model-wrapper .sec-model .model-text .scrollIn.show {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
  transition: opacity .8s ease-out .2s, transform .8s ease-out .2s;
}

.p-model .model-wrapper .sec-model .model-images.scrollIn .model-img {
  visibility: hidden;
  opacity: 0;
}

.p-model .model-wrapper .sec-model .model-images.scrollIn.show .model-img {
  visibility: visible;
  opacity: 1;
  transition: opacity .8s ease-out;
}

.p-model .model-wrapper .sec-model .model-images.scrollIn.show .model-img-1, .p-model .model-wrapper .sec-model .model-images.scrollIn.show .model-img-3 {
  transition-delay: .3s;
}

.p-model .model-wrapper .sec-model .model-images.scrollIn.show .model-img-2, .p-model .model-wrapper .sec-model .model-images.scrollIn.show .model-img-4 {
  transition-delay: .6s;
}

@media screen and (min-width: 768px) and (max-width: 1099px) {
  .p-model .model-wrapper .sec-model {
    margin-bottom: 90px;
  }
  .p-model .model-wrapper .sec-model .model-text {
    width: 80%;
  }
  .p-model .model-wrapper .sec-model .model-text p {
    font-size: 90%;
  }
}

@media screen and (max-width: 767px) {
  .p-model .model-wrapper {
    padding-top: 100px;
  }
  .p-model .model-wrapper .model-header {
    width: auto;
    margin: 14% auto 17%;
  }
  .p-model .model-wrapper .model-header .model-logo {
    width: 38%;
    max-width: 282px;
    margin: auto;
  }
  .p-model .model-wrapper .sec-model {
    margin-bottom: 25%;
  }
  .p-model .model-wrapper .sec-model .model-text {
    width: 92%;
    margin-bottom: 4%;
  }
  .p-model .model-wrapper .sec-model .model-text .model-title {
    width: auto;
    max-width: 100%;
    margin-bottom: 5px;
  }
  .p-model .model-wrapper .sec-model .model-text p {
    width: auto;
    max-width: 100%;
    margin: 0 0 .5em;
    font-size: 3.73333vw;
    line-height: 1.8;
    letter-spacing: .04em;
  }
  .p-model .model-wrapper .sec-model .model-text p:last-child {
    margin-bottom: 0;
  }
  .p-model .model-wrapper .sec-model .model-images .model-img-1 {
    margin-top: 0;
  }
  .p-model .model-wrapper .sec-model .model-images .model-img-2 {
    margin-top: 0;
  }
  .p-model .model-wrapper .sec-model .model-images .model-img-3 {
    margin-top: 0;
  }
  .p-model .model-wrapper .sec-model .model-images .model-img-4 {
    margin-top: 0;
  }
  .p-model .model-wrapper .sec-model .model-option {
    position: relative;
    width: 77%;
    max-width: 577px;
    margin: auto;
    padding: 5px 7px;
  }
  .p-model .model-wrapper .sec-model .model-option p {
    margin: 0;
    font-size: 3.2vw;
    line-height: 1.3;
  }
  .p-model .model-wrapper .sec-model .model-option-1 {
    top: 0;
    left: 0;
  }
  .p-model .model-wrapper .sec-model .model-option-2 {
    top: 0;
    left: 0;
  }
  .p-model .model-wrapper .sec-model .model-images.scrollIn.show .model-img.scrollIn {
    visibility: hidden;
    opacity: 0;
    transition: opacity .8s ease-out;
  }
  .p-model .model-wrapper .sec-model .model-images.scrollIn.show .model-img.scrollIn.show {
    visibility: visible;
    opacity: 1;
    transition: opacity .8s ease-out;
  }
  .p-model .model-wrapper .sec-model .model-images.scrollIn.show .model-img-1, .p-model .model-wrapper .sec-model .model-images.scrollIn.show .model-img-2, .p-model .model-wrapper .sec-model .model-images.scrollIn.show .model-img-3, .p-model .model-wrapper .sec-model .model-images.scrollIn.show .model-img-4 {
    transition-delay: 0;
  }
}

/*------------------------------
btn
-------------------------------*/
.btn_more {
  position: relative;
  display: block;
  width: 157px;
  background: #ff3c28;
  border-radius: 100px;
  line-height: 0;
  overflow: hidden;
  /*&:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: $rgb_ORG;
    opacity: 0;
    z-index: 2;
  }*/
}

.btn_more img {
  position: relative;
  z-index: 0;
}

.btn_more:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: url("../images/btn_more_arrow.png") no-repeat left top;
  background-size: contain;
  z-index: 1;
}

.btn_more:hover {
  background-color: #7d7d7d;
  transition: background .2s ease-out;
}

.btn_more:hover img {
  opacity: 1;
}

.btn_more:hover:after {
  transform: translateX(5px);
  transition: transform .2s ease-out;
}