@charset "UTF-8"; /* ------------------------------------------------------------- Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets List of CSS3 Sass Mixins File to be @importbf3125cb3d9c4c9e9ed1121df3d9f2f7.css and @included as you need The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER ENDING css files note: All CSS3 Properties are being supported by Safari 5 more info: http://www.findmebyip.com/litmus/#css3-properties Mixins available: - background-gradient - arguments: Start Color: #3C3C3C, End Color: #999999 - background-size - arguments: Width: 100%, Height: 100% - border-radius - arguments: Radius: 5px - border-radius-separate - arguments: Top Left: 5px, Top Left: 5px, Bottom Left: 5px, Bottom Right: 5px - box - arguments: Orientation: horizontal, Pack: center, Align: center - box-rgba - arguments: R: 60, G: 3, B: 12, Opacity: 0.23, Color: #3C3C3C - box-shadow - arguments: X: 2px, Y: 2px, Blur: 5px, Color: rgba(0,0,0,.4) - box-sizing - arguments: Type: border-box - columns - arguments: Count: 3, Gap: 10 - double-borders - arguments: Color One: #3C3C3C, Color Two: #999999, Radius: 0 - flex - arguments: Value: 1 - flip - arguments: ScaleX: -1 - font-face - arguments: Font Family: myFont, Eot File Src: myFont.eot, Woff File Src: myFont.woff, Ttf File Src: myFont.ttf - opacity - arguments: Opacity: 0.5 - outline radius - arguments: Radius: 5px - resize - arguments: Direction: both - rotate - arguments: Degree: 0, M11: 0, M12: 0, M21: 0, M22: 0 CSS Matrix Rotation Calculator http://www.boogdesign.com/examples/transforms/matrix-calculator.html - text-shadow - arguments: X: 2px, Y: 2px, Blur: 5px, Color: rgba(0,0,0,.4) - transform - arguments: Parameters: null - transition - arguments: What: all, Length: 1s, Easing: ease-in-out - triple-borders - arguments: Color One: #3C3C3C, Color Two: #999999, Color Three: #000000, Radius: 0------------------------------------------------------------- */ /* BACKGROUND GRADIENT */ /* BACKGROUND SIZE */ /* BORDER RADIUS */ /* BOX */ /* BOX RGBA */ /* BOX SHADOW */ /* BOX SIZING */ /* COLUMNS */ /* DOUBLE BORDERS */ /* FLEX */ /* FLIP */ /* FONT FACE */ /* OPACITY */ /* OUTLINE RADIUS */ /* RESIZE */ /* ROTATE*/ /* TEXT SHADOW */ /* TRANSFORM */ /* TRANSITION */ /* TRIPLE BORDERS */
@import url('../images/d6de22b8ca04412d98f394e4d289be67.css');
@font-face {
  font-family: 'Roboto Black';
  src: url(../fonts/Roboto-Black.ttf);
} /* line 133, scss/scss.scss */
html,
body {
  min-height: 100%;
} /* line 137, scss/scss.scss */
html {
  font-size: 100%;
} /* line 139, scss/scss.scss */
html.fancybox_open {
  position: fixed;
  width: 100%;
}
@media (min-width: 992px) {
  /* line 143, scss/scss.scss */
  html.mobile_menu_open {
    top: auto !important;
  }
}
@media (max-width: 991px) {
  /* line 143, scss/scss.scss */
  html.mobile_menu_open {
    position: fixed;
    width: 100%;
  }
} /* line 153, scss/scss.scss */
body {
  font-family: 'Overpass', 'Microsoft JhengHei', 'Microsoft YaHei';
  width: 100%;
  font-size: 1.125rem;
  line-height: 1;
  color: #666;
}
@media (max-width: 1199px) {
  /* line 153, scss/scss.scss */
  body {
    font-size: 1rem;
  }
} /* line 162, scss/scss.scss */
body ::selection {
  background: #e60012;
  color: #fff;
} /* line 167, scss/scss.scss */
a {
  color: #333;
} /* line 171, scss/scss.scss */
a:focus {
  outline: none;
} /* line 175, scss/scss.scss */
a:hover,
a:focus {
  text-decoration: none;
} /* line 178, scss/scss.scss */
.font1 {
  font-family: 'Overpass', 'Microsoft JhengHei', 'Microsoft YaHei';
} /* line 181, scss/scss.scss */
.red {
  color: #e60012;
} /* line 184, scss/scss.scss */
.red1 {
  color: #a20813;
} /* line 187, scss/scss.scss */
.red2 {
  color: #bd0a0a;
} /* line 190, scss/scss.scss */
.white {
  color: #fff;
} /* line 193, scss/scss.scss */
.black {
  color: #000;
} /* line 196, scss/scss.scss */
.black1 {
  color: #231815;
} /* line 199, scss/scss.scss */
.black2 {
  color: #343836;
} /* line 202, scss/scss.scss */
.gray {
  color: #ccc;
} /* line 205, scss/scss.scss */
.gray1 {
  color: #999;
} /* line 208, scss/scss.scss */
.orange {
  color: #14116e;
} /* line 211, scss/scss.scss */
.gold {
  color: #5653ab;
} /* line 214, scss/scss.scss */
.h1 {
  font-size: 5rem;
  line-height: calc(5rem + 10px);
}
@media (max-width: 1199px) {
  /* line 214, scss/scss.scss */
  .h1 {
    font-size: 4.375rem;
    line-height: calc(4.375rem + 10px);
  }
}
@media (max-width: 1024px) {
  /* line 214, scss/scss.scss */
  .h1 {
    font-size: 3.75rem;
    line-height: calc(3.75rem + 10px);
  }
} /* line 224, scss/scss.scss */
.h2 {
  font-size: 3.75rem;
  line-height: calc(3.75rem + 10px);
}
@media (max-width: 1199px) {
  /* line 224, scss/scss.scss */
  .h2 {
    font-size: 3.4375rem;
    line-height: calc(3.4375rem + 10px);
  }
}
@media (max-width: 1024px) {
  /* line 224, scss/scss.scss */
  .h2 {
    font-size: 3.125rem;
    line-height: calc(3.125rem + 10px);
  }
} /* line 234, scss/scss.scss */
.h3 {
  font-size: 3.125rem;
  line-height: calc(3.125rem + 10px);
}
@media (max-width: 1199px) {
  /* line 234, scss/scss.scss */
  .h3 {
    font-size: 2.8125rem;
    line-height: calc(2.8125rem + 10px);
  }
}
@media (max-width: 767px) {
  /* line 234, scss/scss.scss */
  .h3 {
    font-size: 1.5rem;
    line-height: calc(1.5rem + 10px);
  }
} /* line 244, scss/scss.scss */
.h4 {
  font-size: 3rem;
  line-height: calc(3rem + 10px);
}
@media (max-width: 1199px) {
  /* line 244, scss/scss.scss */
  .h4 {
    font-size: 2.625rem;
    line-height: calc(2.625rem + 10px);
  }
}
@media (max-width: 767px) {
  /* line 244, scss/scss.scss */
  .h4 {
    font-size: 1.875rem;
    line-height: calc(1.875rem + 10px);
  }
} /* line 254, scss/scss.scss */
.h5 {
  font-size: 2.8125rem;
  line-height: calc(2.8125rem + 10px);
}
@media (max-width: 1199px) {
  /* line 254, scss/scss.scss */
  .h5 {
    font-size: 2.5rem;
    line-height: calc(2.5rem + 10px);
  }
}
@media (max-width: 767px) {
  /* line 254, scss/scss.scss */
  .h5 {
    font-size: 1.5rem;
    line-height: calc(1.5rem + 10px);
  }
} /* line 264, scss/scss.scss */
.h6 {
  font-size: 2.5rem;
  line-height: calc(2.5rem + 10px);
}
@media (max-width: 1199px) {
  /* line 264, scss/scss.scss */
  .h6 {
    font-size: 2.25rem;
    line-height: calc(2.25rem + 10px);
  }
}
@media (max-width: 767px) {
  /* line 264, scss/scss.scss */
  .h6 {
    font-size: 1.5rem;
    line-height: calc(1.5rem + 10px);
  }
} /* line 274, scss/scss.scss */
.h7 {
  font-size: 2.25rem;
  line-height: calc(2.25rem + 10px);
}
@media (max-width: 1199px) {
  /* line 274, scss/scss.scss */
  .h7 {
    font-size: 1.875rem;
    line-height: calc(1.875rem + 10px);
  }
}
@media (max-width: 767px) {
  /* line 274, scss/scss.scss */
  .h7 {
    font-size: 1.5rem;
    line-height: calc(1.5rem + 10px);
  }
} /* line 284, scss/scss.scss */
.h8 {
  font-size: 1.875rem;
  line-height: calc(1.875rem + 10px);
}
@media (max-width: 1199px) {
  /* line 284, scss/scss.scss */
  .h8 {
    font-size: 1.5rem;
    line-height: calc(1.5rem + 10px);
  }
}
@media (max-width: 767px) {
  /* line 284, scss/scss.scss */
  .h8 {
    font-size: 1.125rem;
    line-height: calc(1.125rem + 10px);
  }
} /* line 294, scss/scss.scss */
.h9 {
  font-size: 1.5rem;
  line-height: calc(1.5rem + 10px);
}
@media (max-width: 1199px) {
  /* line 294, scss/scss.scss */
  .h9 {
    font-size: 1.25rem;
    line-height: calc(1.25rem + 10px);
  }
}
@media (max-width: 767px) {
  /* line 294, scss/scss.scss */
  .h9 {
    font-size: 1.125rem;
    line-height: calc(1.125rem + 10px);
  }
} /* line 304, scss/scss.scss */
.h10 {
  font-size: 1.25rem;
  line-height: calc(1.25rem + 10px);
}
@media (max-width: 1199px) {
  /* line 304, scss/scss.scss */
  .h10 {
    font-size: 1.125rem;
    line-height: calc(1.125rem + 10px);
  }
}
@media (max-width: 767px) {
  /* line 304, scss/scss.scss */
  .h10 {
    font-size: 1rem;
    line-height: calc(1rem + 10px);
  }
} /* line 314, scss/scss.scss */
.h11 {
  font-size: 1.125rem;
  line-height: calc(1.125rem + 10px);
}
@media (max-width: 1199px) {
  /* line 314, scss/scss.scss */
  .h11 {
    font-size: 1rem;
    line-height: calc(1rem + 10px);
  }
}
@media (max-width: 767px) {
  /* line 314, scss/scss.scss */
  .h11 {
    font-size: 0.9375rem;
    line-height: calc(0.9375rem + 10px);
  }
} /* line 324, scss/scss.scss */
.h12 {
  font-size: 0.9375rem;
  line-height: calc(0.9375rem + 10px);
}
@media (max-width: 767px) {
  /* line 328, scss/scss.scss */
  .fz_xs36 {
    font-size: 2.25rem;
    line-height: calc(2.25rem + 10px);
  }
}
@media (max-width: 767px) {
  /* line 333, scss/scss.scss */
  .fz_xs24 {
    font-size: 1.5rem;
    line-height: calc(1.5rem + 10px);
  }
}
@media (max-width: 767px) {
  /* line 338, scss/scss.scss */
  .fz_xs20 {
    font-size: 1.25rem;
    line-height: calc(1.25rem + 10px);
  }
}
@media (max-width: 767px) {
  /* line 343, scss/scss.scss */
  .fz_xs18 {
    font-size: 1.125rem;
    line-height: calc(1.125rem + 10px);
  }
}
@media (max-width: 767px) {
  /* line 348, scss/scss.scss */
  .fz_xs15 {
    font-size: 0.9375rem;
    line-height: calc(0.9375rem + 10px);
  }
} /* line 112, scss/scss.scss */
html:lang(zh-Hans) .ls_3 {
  letter-spacing: 3px;
}
@media (max-width: 767px) {
  /* line 117, scss/scss.scss */
  html:lang(zh-Hans) .page_banner .ls_3 {
    letter-spacing: 3px;
    margin-left: 3px;
  }
} /* line 361, scss/scss.scss */
.fw100 {
  font-weight: 100;
} /* line 364, scss/scss.scss */
.fw100 {
  font-weight: 200;
} /* line 367, scss/scss.scss */
.fw300 {
  font-weight: 300;
} /* line 370, scss/scss.scss */
.fw400 {
  font-weight: 400;
} /* line 373, scss/scss.scss */
.fw500 {
  font-weight: 500;
} /* line 376, scss/scss.scss */
.fw600 {
  font-weight: 600;
} /* line 379, scss/scss.scss */
.fw700 {
  font-weight: 700;
} /* line 382, scss/scss.scss */
.fw800 {
  font-weight: 800;
} /* line 385, scss/scss.scss */
.fw900 {
  font-weight: 900;
} /* line 388, scss/scss.scss */
.italic {
  font-style: italic;
} /* line 391, scss/scss.scss */
.lh1 {
  line-height: 1;
} /* line 394, scss/scss.scss */
.lh1_5 {
  line-height: 1.5;
} /* line 397, scss/scss.scss */
.lh2 {
  line-height: 2;
} /* line 400, scss/scss.scss */
.opacity {
  opacity: 0.7;
} /* line 403, scss/scss.scss */
img {
  max-width: 100%;
  height: auto;
} /* line 407, scss/scss.scss */
.uppercase {
  text-transform: uppercase;
} /* line 410, scss/scss.scss */
.wrap {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: calc(1370px + 10vw);
  padding-left: 5vw;
  padding-right: 5vw;
  padding-left: calc(env(safe-area-inset-left) + 5vw);
  padding-right: calc(env(safe-area-inset-right) + 5vw);
}
@media (max-width: 480px) {
  /* line 410, scss/scss.scss */
  .wrap {
    padding: 0 30px;
    padding-left: calc(env(safe-area-inset-left) + 30px);
    padding-right: calc(env(safe-area-inset-right) + 30px);
  }
} /* line 425, scss/scss.scss */
.inline-block {
  display: inline-block;
} /* line 428, scss/scss.scss */
.text-overflow {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
} /* line 434, scss/scss.scss */
.ul0,
.ul0 li {
  padding: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  list-style-type: none;
} /* line 440, scss/scss.scss */
.ul0:not([class*='mt']):not([class*='mg_']):not([class*='pd_']),
.ul0 li:not([class*='mt']):not([class*='mg_']):not([class*='pd_']) {
  margin-top: 0;
} /* line 445, scss/scss.scss */
.ul0.list_style li {
  padding-left: 30px;
  position: relative;
}
@media (max-width: 767px) {
  /* line 445, scss/scss.scss */
  .ul0.list_style li {
    padding-left: 25px;
  }
} /* line 451, scss/scss.scss */
.ul0.list_style li:before {
  content: '';
  width: 20px;
  height: 20px;
  border: 5px solid #e60012;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  top: 1px;
  left: 0;
}
@media (max-width: 767px) {
  /* line 451, scss/scss.scss */
  .ul0.list_style li:before {
    width: 15px;
    height: 15px;
    border: 4px solid #e60012;
  }
} /* line 466, scss/scss.scss */
.lh2 .ul0.list_style li:before {
  top: 5px;
} /* line 472, scss/scss.scss */
.history_wrap .box1 .ul0 {
  display: inline-block;
} /* line 476, scss/scss.scss */
.history_wrap .ul0 li {
  padding-left: 25px;
  position: relative;
} /* line 479, scss/scss.scss */
.history_wrap .ul0 li:nth-of-type(n + 2) {
  margin-top: 5px !important;
} /* line 482, scss/scss.scss */
.history_wrap .ul0 li:before {
  content: '';
  width: 14px;
  height: 14px;
  background: #e60012;
  border-radius: 50%;
  position: absolute;
  top: 4px;
  left: 0;
} /* line 495, scss/scss.scss */
.page-container {
  position: relative;
  width: 100%;
  overflow: hidden;
} /* line 504, scss/scss.scss */
.page-container.page-container-index {
  padding-top: 100vh;
} /* line 510, scss/scss.scss */
.hidden-wrap {
  overflow: hidden;
} /* line 514, scss/scss.scss */
header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 997;
}
@media (max-width: 991px) {
  /* line 514, scss/scss.scss */
  header {
    background: #fff;
  }
} /* line 523, scss/scss.scss */
header > .wrap {
  position: relative;
  -moz-transition: max-width 0.5s ease;
  -o-transition: max-width 0.5s ease;
  -webkit-transition: max-width 0.5s ease;
  -ms-transition: max-width 0.5s ease;
  transition: max-width 0.5s ease;
} /* line 526, scss/scss.scss */
.header_fixed header > .wrap {
  max-width: 100%;
  box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.05);
}
@media (min-width: 992px) {
  /* line 526, scss/scss.scss */
  .header_fixed header > .wrap {
    padding: 0;
  }
} /* line 534, scss/scss.scss */
header .header {
  background: #fff;
  position: relative;
} /* line 537, scss/scss.scss */
header .header .logo {
  float: left;
  padding: 15px;
}
@media (max-width: 991px) {
  /* line 537, scss/scss.scss */
  header .header .logo {
    padding-left: 0;
  }
}
@media (max-width: 1350px) {
  /* line 537, scss/scss.scss */
  header .header .logo {
    margin-top: 0;
  }
} /* line 547, scss/scss.scss */
.header_fixed header .header .logo {
  padding-left: 5vw;
}
@media (max-width: 991px) {
  /* line 547, scss/scss.scss */
  .header_fixed header .header .logo {
    padding-left: 0;
  }
} /* line 554, scss/scss.scss */
header .header .logo img {
  -moz-transition: width 0.5s ease;
  -o-transition: width 0.5s ease;
  -webkit-transition: width 0.5s ease;
  -ms-transition: width 0.5s ease;
  transition: width 0.5s ease;
}
@media (max-width: 1500px) {
  /* line 554, scss/scss.scss */
  header .header .logo img {
    width: 180px;
  }
}
@media (max-width: 1199px) {
  /* line 554, scss/scss.scss */
  header .header .logo img {
    width: 130px;
  }
} /* line 562, scss/scss.scss */
.header_fixed header .header .logo img {
  width: 130px;
} /* line 569, scss/scss.scss */
.black_cover {
  background: rgba(0, 0, 0, 0.9);
  z-index: 996;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
  -moz-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  -webkit-transition: opacity 0.5s ease;
  -ms-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
@media (max-width: 991px) {
  /* line 580, scss/scss.scss */
  .mobile_menu_open .black_cover {
    opacity: 1;
    pointer-events: auto;
  }
} /* line 587, scss/scss.scss */
.nav {
  float: right;
  font-size: 1.125rem;
  font-weight: 700;
}
@media (max-width: 1024px) {
  /* line 587, scss/scss.scss */
  .nav {
    font-size: 1rem;
  }
}
@media (max-width: 991px) {
  /* line 587, scss/scss.scss */
  .nav {
    position: fixed;
    top: 82px;
    right: 0;
    background: #e8e8e8;
    float: none;
    height: calc(100% - 82px);
    overflow: auto;
    width: 350px;
    max-width: calc(100% - 40px);
    transform: translate(100%, 0);
    -moz-transform: translate(100%, 0);
    -o-transform: translate(100%, 0);
    -webkit-transform: translate(100%, 0);
    opacity: 0;
    -moz-transition: transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    -webkit-transition: transform 0.5s ease;
    -ms-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    transition-property: transform, opacity;
  } /* line 610, scss/scss.scss */
  .mobile_menu_open .nav {
    opacity: 1;
    transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
  }
} /* line 615, scss/scss.scss */
.nav .lang {
  float: right;
  position: relative;
}
@media (min-width: 992px) {
  /* line 615, scss/scss.scss */
  .nav .lang {
    padding: 55px 2.5vw 55px 3.5vw;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media (min-width: 1921px) {
  /* line 615, scss/scss.scss */
  .nav .lang {
    padding: 55px 50px 55px 70px;
  }
}
@media (max-width: 1500px) {
  /* line 615, scss/scss.scss */
  .nav .lang {
    padding-top: 42px;
    padding-bottom: 42px;
  } /* line 629, scss/scss.scss */
  .nav .lang:lang(en) {
    padding-left: 20px;
    padding-right: 30px;
  }
}
@media (max-width: 1300px) {
  /* line 635, scss/scss.scss */
  .nav .lang:lang(en) {
    padding-left: 15px;
    padding-right: 20px;
  }
}
@media (max-width: 1250px) {
  /* line 641, scss/scss.scss */
  .nav .lang:lang(en) {
    padding-left: 10px;
    padding-right: 15px;
  }
}
@media (max-width: 1199px) {
  /* line 615, scss/scss.scss */
  .nav .lang {
    padding-top: 32px;
    padding-bottom: 32px;
    padding-left: 10px;
    padding-right: 15px;
  } /* line 651, scss/scss.scss */
  .nav .lang:lang(en) {
    font-size: 16px;
    line-height: 26px;
  }
}
@media (max-width: 1199px) {
  /* line 615, scss/scss.scss */
  .nav .lang {
    font-size: 16px;
    line-height: 26px;
  } /* line 659, scss/scss.scss */
  .nav .lang:lang(en) {
    font-size: 15px;
    line-height: 25px;
  }
}
@media (max-width: 1080px) {
  /* line 665, scss/scss.scss */
  .nav .lang:lang(en) {
    font-size: 14px;
    line-height: 24px;
  }
}
@media (max-width: 1024px) {
  /* line 615, scss/scss.scss */
  .nav .lang {
    padding-top: 33px;
    padding-bottom: 33px;
  }
}
@media (max-width: 991px) {
  /* line 615, scss/scss.scss */
  .nav .lang {
    float: none;
    background: #bababa;
    padding: 20px 30px;
  }
}
@media (min-width: 992px) {
  /* line 679, scss/scss.scss */
  .header_fixed .nav .lang {
    padding-top: 33px;
    padding-bottom: 33px;
    padding-right: calc(5vw - 10px);
  }
}
@media (min-width: 1200px) {
  /* line 679, scss/scss.scss */
  .header_fixed .nav .lang {
    padding-right: calc(5vw - 13px);
  }
} /* line 689, scss/scss.scss */
.nav .lang:after {
  background: #ccc;
  width: 1px;
  height: 58%;
  position: absolute;
  top: 20px;
  left: 0;
}
@media (min-width: 992px) {
  /* line 689, scss/scss.scss */
  .nav .lang:after {
    content: '';
  }
}
@media (min-width: 992px) {
  /* line 700, scss/scss.scss */
  .nav .lang a {
    padding: 0 10px;
  }
}
@media (min-width: 1200px) {
  /* line 700, scss/scss.scss */
  .nav .lang a {
    padding: 0 13px;
    color: #ccc;
    -moz-transition: color 0.5s ease;
    -o-transition: color 0.5s ease;
    -webkit-transition: color 0.5s ease;
    -ms-transition: color 0.5s ease;
    transition: color 0.5s ease;
  }
}
@media (max-width: 991px) {
  /* line 700, scss/scss.scss */
  .nav .lang a {
    padding: 8px 3px;
    min-width: 30px;
    text-align: center;
    background: #828282;
    color: #fff;
    display: inline-block;
  } /* line 716, scss/scss.scss */
  .nav .lang a:not(:last-child) {
    margin-right: 8px;
  }
}
@media (min-width: 992px) {
  /* line 720, scss/scss.scss */
  .nav .lang a.active,
  .body-pc .nav .lang a:hover {
    color: #e60012;
  }
}
@media (max-width: 991px) {
  /* line 720, scss/scss.scss */
  .nav .lang a.active,
  .body-pc .nav .lang a:hover {
    background: #e60012;
  }
} /* line 730, scss/scss.scss */
.nav nav {
  float: right;
  margin-right: 2.5vw;
}
@media (min-width: 1921px) {
  /* line 730, scss/scss.scss */
  .nav nav {
    margin-right: 70px;
  }
}
@media (max-width: 991px) {
  /* line 730, scss/scss.scss */
  .nav nav {
    float: none;
    margin-right: 0;
  }
}
@media (min-width: 992px) {
  /* line 740, scss/scss.scss */
  .nav nav > ul {
    margin-left: -1.25vw;
    margin-right: -1.25vw;
  }
} /* line 745, scss/scss.scss */
.nav nav > ul > li {
  float: left;
}
.nav nav > ul > li.active > a {
  color: #e60012;
}
@media (max-width: 991px) {
  /* line 745, scss/scss.scss */
  .nav nav > ul > li {
    float: none;
  }
} /* line 753, scss/scss.scss */
.nav nav > ul > li:not(.hasch) > a:after {
  display: none;
} /* line 759, scss/scss.scss */
.body-pc .nav nav > ul > li > a:hover {
  color: #e60012;
} /* line 761, scss/scss.scss */
.body-pc .nav nav > ul > li > a:hover:before {
  opacity: 1;
}
@media (min-width: 992px) {
  /* line 767, scss/scss.scss */
  .nav nav > ul > li.ul_open > a {
    color: #e60012;
  } /* line 770, scss/scss.scss */
  .nav nav > ul > li.ul_open > a:before {
    width: calc(100% - 2.5vw);
  } /* line 773, scss/scss.scss */
  .nav nav > ul > li.ul_open > a:after {
    opacity: 1;
    transform: translate(-50%, 1px);
    -moz-transform: translate(-50%, 1px);
    -o-transform: translate(-50%, 1px);
    -webkit-transform: translate(-50%, 1px);
  }
} /* line 779, scss/scss.scss */
.nav nav > ul > li.ul_open > div {
  opacity: 1;
  pointer-events: auto;
  transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
} /* line 785, scss/scss.scss */
.click_style .nav nav > ul > li {
  padding-top: 43px;
  padding-bottom: 43px;
}
@media (max-width: 1500px) {
  /* line 785, scss/scss.scss */
  .click_style .nav nav > ul > li {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
@media (max-width: 1199px) {
  /* line 785, scss/scss.scss */
  .click_style .nav nav > ul > li {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media (max-width: 1024px) {
  /* line 785, scss/scss.scss */
  .click_style .nav nav > ul > li {
    padding-top: 21px;
    padding-bottom: 21px;
  }
}
@media (max-width: 991px) {
  /* line 785, scss/scss.scss */
  .click_style .nav nav > ul > li {
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media (min-width: 992px) {
  /* line 804, scss/scss.scss */
  .header_fixed .click_style .nav nav > ul > li {
    padding-top: 21px;
    padding-bottom: 21px;
  }
} /* line 810, scss/scss.scss */
.click_style .nav nav > ul > li > a {
  padding: 12px 1.25vw;
} /* line 812, scss/scss.scss */
.click_style .nav nav > ul > li > a:lang(en) {
  padding: 12px 0.9vw;
} /* line 815, scss/scss.scss */
.click_style .nav nav > ul > li > a:after {
  bottom: -62px;
}
@media (min-width: 1921px) {
  /* line 810, scss/scss.scss */
  .click_style .nav nav > ul > li > a {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media (max-width: 1500px) {
  /* line 810, scss/scss.scss */
  .click_style .nav nav > ul > li > a {
    padding-top: 12px;
    padding-bottom: 12px;
  } /* line 825, scss/scss.scss */
  .click_style .nav nav > ul > li > a:lang(en) {
    padding: 12px 0.9vw;
    font-size: 16px;
    line-height: 26px;
  } /* line 830, scss/scss.scss */
  .click_style .nav nav > ul > li > a:after {
    bottom: -49px;
  }
}
@media (max-width: 1350px) {
  /* line 810, scss/scss.scss */
  .click_style .nav nav > ul > li > a {
    padding: 12px 0.7vw;
  }
}
@media (max-width: 1250px) {
  /* line 838, scss/scss.scss */
  .click_style .nav nav > ul > li > a:lang(en) {
    padding-left: 0.65vw;
    padding-right: 0.65vw;
  }
}
@media (max-width: 1199px) {
  /* line 810, scss/scss.scss */
  .click_style .nav nav > ul > li > a {
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 16px;
    line-height: 26px;
  } /* line 847, scss/scss.scss */
  .click_style .nav nav > ul > li > a:after {
    bottom: -40px;
  } /* line 852, scss/scss.scss */
  .click_style .nav nav > ul > li > a:lang(en) {
    font-size: 15px;
    line-height: 25px;
  }
}
@media (max-width: 1080px) {
  /* line 858, scss/scss.scss */
  .click_style .nav nav > ul > li > a:lang(en) {
    font-size: 14px;
    line-height: 24px;
  }
}
@media (max-width: 1030px) {
  /* line 864, scss/scss.scss */
  .click_style .nav nav > ul > li > a:lang(en) {
    padding-left: 0.65vw;
    padding-right: 0.65vw;
  }
}
@media (max-width: 1024px) {
  /* line 810, scss/scss.scss */
  .click_style .nav nav > ul > li > a {
    padding-top: 12px;
    padding-bottom: 12px;
  } /* line 872, scss/scss.scss */
  .click_style .nav nav > ul > li > a:after {
    bottom: -41px;
  }
}
@media (max-width: 991px) {
  /* line 810, scss/scss.scss */
  .click_style .nav nav > ul > li > a {
    padding: 20px 50px 15px 30px;
  } /* line 878, scss/scss.scss */
  .click_style .nav nav > ul > li > a:after {
    bottom: 50%;
  }
}
@media (min-width: 992px) {
  /* line 882, scss/scss.scss */
  .header_fixed .click_style .nav nav > ul > li > a {
    padding-top: 12px;
    padding-bottom: 12px;
  } /* line 886, scss/scss.scss */
  .header_fixed .click_style .nav nav > ul > li > a:after {
    bottom: -40px;
  }
} /* line 892, scss/scss.scss */
.click_style .nav nav > ul > li > div {
  margin-top: 43px;
}
@media (max-width: 1500px) {
  /* line 892, scss/scss.scss */
  .click_style .nav nav > ul > li > div {
    margin-top: 30px;
  }
}
@media (max-width: 1199px) {
  /* line 892, scss/scss.scss */
  .click_style .nav nav > ul > li > div {
    margin-top: 20px;
  }
}
@media (max-width: 1024px) {
  /* line 892, scss/scss.scss */
  .click_style .nav nav > ul > li > div {
    margin-top: 21px;
  }
}
@media (max-width: 991px) {
  /* line 892, scss/scss.scss */
  .click_style .nav nav > ul > li > div {
    border-bottom: 1px solid #bababa;
    margin-top: 0;
  }
}
@media (min-width: 992px) {
  /* line 907, scss/scss.scss */
  .header_fixed .click_style .nav nav > ul > li > div {
    margin-top: 21px;
  }
} /* line 914, scss/scss.scss */
.nav nav > ul > li > a {
  padding: 55px 1.25vw;
  position: relative;
  -moz-transition: color 0.5s ease;
  -o-transition: color 0.5s ease;
  -webkit-transition: color 0.5s ease;
  -ms-transition: color 0.5s ease;
  transition: color 0.5s ease;
  transition-property: color, padding;
}
@media (max-width: 1500px) {
  /* line 914, scss/scss.scss */
  .nav nav > ul > li > a {
    padding-top: 42px;
    padding-bottom: 42px;
  }
}
@media (max-width: 1199px) {
  /* line 914, scss/scss.scss */
  .nav nav > ul > li > a {
    padding-top: 32px;
    padding-bottom: 32px;
  }
}
@media (max-width: 1024px) {
  /* line 914, scss/scss.scss */
  .nav nav > ul > li > a {
    padding-top: 33px;
    padding-bottom: 33px;
  }
}
@media (max-width: 991px) {
  /* line 914, scss/scss.scss */
  .nav nav > ul > li > a {
    border-bottom: 1px solid #bababa;
  }
}
@media (min-width: 992px) {
  /* line 934, scss/scss.scss */
  .header_fixed .nav nav > ul > li > a {
    padding-top: 33px;
    padding-bottom: 33px;
  }
} /* line 940, scss/scss.scss */
.nav nav > ul > li > a:after,
.nav nav > ul > li > a:before {
  content: '';
  position: absolute;
} /* line 944, scss/scss.scss */
.nav nav > ul > li > a:before {
  width: 0;
  height: 2px;
  top: 50%;
  left: 1.25vw;
  transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  background: #b7000e;
  margin-top: 20px;
}
@media (min-width: 992px) {
  /* line 944, scss/scss.scss */
  .nav nav > ul > li > a:before {
    -moz-transition: width 0.5s ease;
    -o-transition: width 0.5s ease;
    -webkit-transition: width 0.5s ease;
    -ms-transition: width 0.5s ease;
    transition: width 0.5s ease;
  }
}
@media (max-width: 991px) {
  /* line 944, scss/scss.scss */
  .nav nav > ul > li > a:before {
    display: none;
  }
}
@media (min-width: 992px) {
  /* line 959, scss/scss.scss */
  .nav nav > ul > li > a:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 12px 10px;
    border-color: transparent transparent rgba(225, 225, 225, 0.85) transparent;
    left: 50%;
    bottom: -20px;
    transform: translate(-50%, 21px);
    -moz-transform: translate(-50%, 21px);
    -o-transform: translate(-50%, 21px);
    -webkit-transform: translate(-50%, 21px);
    -moz-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
    -webkit-transition: opacity 0.5s ease;
    -ms-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
    transition-property: opacity, transform;
    opacity: 0;
  }
}
@media (max-width: 991px) {
  /* line 959, scss/scss.scss */
  .nav nav > ul > li > a:after {
    content: '\f105';
    font-family: 'fontello';
    right: 30px;
    bottom: 50%;
    transform: translate(0, 50%);
    -moz-transform: translate(0, 50%);
    -o-transform: translate(0, 50%);
    -webkit-transform: translate(0, 50%);
  }
} /* line 982, scss/scss.scss */
.nav nav > ul > li > div {
  width: 100%;
  left: 0;
  font-size: 0;
}
@media (min-width: 992px) {
  /* line 982, scss/scss.scss */
  .nav nav > ul > li > div {
    background: #e1e1e1;
    padding: 55px 35px 0 35px;
    background: -moz-linear-gradient(
      top,
      transparent 0%,
      transparent 20px,
      rgba(225, 225, 225, 0.85) 20px,
      rgba(225, 225, 225, 0.85) 100%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
      top,
      transparent 0%,
      transparent 20px,
      rgba(225, 225, 225, 0.85) 20px,
      rgba(225, 225, 225, 0.85) 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
      to bottom,
      transparent 0%,
      transparent 20px,
      rgba(225, 225, 225, 0.85) 20px,
      rgba(225, 225, 225, 0.85) 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transform: translate(0, 20px);
    -moz-transform: translate(0, 20px);
    -o-transform: translate(0, 20px);
    -webkit-transform: translate(0, 20px);
    -moz-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
    -webkit-transition: opacity 0.5s ease;
    -ms-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
    transition-property: opacity, transform;
  }
}
@media (min-width: 992px) {
  /* line 982, scss/scss.scss */
  .nav nav > ul > li > div {
    display: block !important;
  }
}
@media (max-width: 991px) {
  /* line 982, scss/scss.scss */
  .nav nav > ul > li > div {
    padding: 15px 0 10px;
    display: none;
  }
} /* line 1006, scss/scss.scss */
html.header_fixed .nav nav > ul > li > div {
  padding-left: calc(45vw - 650px);
  padding-right: calc(45vw - 650px);
}
@media (max-width: 1522px) {
  /* line 1006, scss/scss.scss */
  html.header_fixed .nav nav > ul > li > div {
    padding-left: calc(35px + 5vw);
    padding-right: calc(35px + 5vw);
  }
}
@media (max-width: 991px) {
  /* line 1006, scss/scss.scss */
  html.header_fixed .nav nav > ul > li > div {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 992px) {
  /* line 1018, scss/scss.scss */
  .nav nav > ul > li > div > ul {
    max-height: calc(100vh - 157px);
    overflow: auto;
    padding-bottom: 35px;
  }
}
@media (min-width: 992px) {
  /* line 1024, scss/scss.scss */
  html.header_fixed .nav nav > ul > li > div > ul {
    max-height: calc(100vh - 139px);
    padding-bottom: 35px;
  }
} /* line 1030, scss/scss.scss */
.nav nav > ul > li > div > ul > li {
  font-size: 1.125rem;
  line-height: calc(1.125rem + 10px);
  width: 25%;
}
@media (min-width: 992px) {
  /* line 1030, scss/scss.scss */
  .nav nav > ul > li > div > ul > li {
    display: inline-block;
    vertical-align: top;
    padding: 10px;
  }
}
@media (max-width: 1500px) {
  /* line 1030, scss/scss.scss */
  .nav nav > ul > li > div > ul > li {
    width: 33.33333%;
  }
}
@media (max-width: 1199px) {
  /* line 1030, scss/scss.scss */
  .nav nav > ul > li > div > ul > li {
    font-size: 1rem;
    line-height: calc(1rem + 10px);
  }
}
@media (max-width: 991px) {
  /* line 1030, scss/scss.scss */
  .nav nav > ul > li > div > ul > li {
    width: 100%;
    font-size: 1.125rem;
    line-height: calc(1.125rem + 10px);
    font-weight: 400;
  }
}
@media (min-width: 992px) {
  /* line 1052, scss/scss.scss */
  .nav nav > ul > li > div > ul > li > a {
    display: flex;
    background: #231915;
    color: #fff;
    -moz-transition: background 0.5s ease;
    -o-transition: background 0.5s ease;
    -webkit-transition: background 0.5s ease;
    -ms-transition: background 0.5s ease;
    transition: background 0.5s ease;
  }
}
@media (max-width: 991px) {
  /* line 1052, scss/scss.scss */
  .nav nav > ul > li > div > ul > li > a {
    padding: 5px 50px;
  }
}
@media (min-width: 992px) {
  /* line 1062, scss/scss.scss */
  .body-pc .nav nav > ul > li > div > ul > li > a:hover {
    background: #e60012;
  }
} /* line 1067, scss/scss.scss */
.body-pc .nav nav > ul > li > div > ul > li > a:hover .img .bg {
  transform: scale(1.1, 1.1);
} /* line 1072, scss/scss.scss */
.nav nav > ul > li > div > ul > li > a .img {
  width: 30%;
  position: relative;
  padding-bottom: 30%;
  overflow: hidden;
}
@media (max-width: 991px) {
  /* line 1072, scss/scss.scss */
  .nav nav > ul > li > div > ul > li > a .img {
    display: none;
  }
} /* line 1080, scss/scss.scss */
.nav nav > ul > li > div > ul > li > a .img .bg {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: calc(100% + 1px);
  height: calc(100% + 1px);
  position: absolute;
  top: 0;
  left: 0;
  -moz-transition: transform 0.5s ease;
  -o-transition: transform 0.5s ease;
  -webkit-transition: transform 0.5s ease;
  -ms-transition: transform 0.5s ease;
  transition: transform 0.5s ease;
}
@media (min-width: 992px) {
  /* line 1092, scss/scss.scss */
  .nav nav > ul > li > div > ul > li > a .txt {
    width: 70%;
    padding: 10px 20px;
    display: flex;
    align-items: center;
  }
} /* line 1105, scss/scss.scss */
.nav nav a {
  display: block;
} /* line 1111, scss/scss.scss */
.menu-bt {
  width: 48px;
  height: 48px;
  position: absolute;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  right: -11px;
  top: 50%;
  transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  z-index: 4;
}
@media (min-width: 992px) {
  /* line 1111, scss/scss.scss */
  .menu-bt {
    display: none;
  }
} /* line 1123, scss/scss.scss */
.menu-bt span,
.menu-bt:before,
.menu-bt:after {
  content: '';
  width: 26px;
  height: 3px;
  border-radius: 6px;
  background: #231815;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
  transition-property: margin-top, transform;
  transition-duration: 0.2s, 0.2s;
  transition-delay: 0.2s, 0s;
} /* line 1138, scss/scss.scss */
.menu-bt:before {
  margin-top: -8px;
} /* line 1141, scss/scss.scss */
.menu-bt:after {
  margin-top: 8px;
} /* line 1145, scss/scss.scss */
.menu-bt.active span {
  opacity: 0;
} /* line 1148, scss/scss.scss */
.menu-bt.active:before,
.menu-bt.active:after {
  margin-top: 0;
  transition-delay: 0s, 0.2s;
} /* line 1152, scss/scss.scss */
.menu-bt.active:before {
  transform: translate(-50%, -50%) rotate(45deg);
} /* line 1155, scss/scss.scss */
.menu-bt.active:after {
  transform: translate(-50%, -50%) rotate(-45deg);
} /* line 1160, scss/scss.scss */
.banner {
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  -moz-transition: transform 0.5s ease;
  -o-transition: transform 0.5s ease;
  -webkit-transition: transform 0.5s ease;
  -ms-transition: transform 0.5s ease;
  transition: transform 0.5s ease;
  display: flex;
  align-items: center;
} /* line 1172, scss/scss.scss */
.banner .banner_slick.prepare .box:not(:first-child) {
  visibility: hidden;
} /* line 1177, scss/scss.scss */
.banner .banner_slick .box {
  width: 100%;
  height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  display: flex;
  align-items: center;
  padding-bottom: 10vw;
  padding-top: 128px;
  -moz-transition: height 0.5s ease;
  -o-transition: height 0.5s ease;
  -webkit-transition: height 0.5s ease;
  -ms-transition: height 0.5s ease;
  transition: height 0.5s ease;
}
@media (max-width: 1500px) {
  /* line 1177, scss/scss.scss */
  .banner .banner_slick .box {
    padding-top: 102px;
  }
}
@media (max-width: 1199px) {
  /* line 1177, scss/scss.scss */
  .banner .banner_slick .box {
    padding-top: 82px;
  }
}
@media (min-width: 992px) {
  /* line 1177, scss/scss.scss */
  .banner .banner_slick .box {
    background-attachment: fixed;
  }
} /* line 1201, scss/scss.scss */
.banner .banner_slick .box > .wrap .row {
  width: 100%;
}
@media (max-width: 991px) {
  /* line 1201, scss/scss.scss */
  .banner .banner_slick .box > .wrap .row {
    margin: 0;
  } /* line 1205, scss/scss.scss */
  .banner .banner_slick .box > .wrap .row [class*='col-'] {
    padding: 0;
  }
} /* line 1212, scss/scss.scss */
.banner .banner_slick .slick-dots {
  bottom: 80px;
}
@media (min-width: 992px) {
  /* line 1212, scss/scss.scss */
  .banner .banner_slick .slick-dots {
    display: none !important;
  }
} /* line 1219, scss/scss.scss */
.banner .banner_slick .slick-dots li.slick-active button {
  background: white;
} /* line 1223, scss/scss.scss */
.banner .banner_slick .slick-dots li button {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.5);
} /* line 1232, scss/scss.scss */
.banner .h1 {
  font-size: 4vw;
  line-height: calc(4vw + 1vw);
}
@media (max-width: 991px) {
  /* line 1232, scss/scss.scss */
  .banner .h1 {
    font-size: 3.5rem;
    line-height: calc(3.5rem + 10px);
  }
}
@media (max-width: 767px) {
  /* line 1232, scss/scss.scss */
  .banner .h1 {
    font-size: 2.25rem;
    line-height: calc(2.25rem + 10px);
  }
} /* line 1240, scss/scss.scss */
.banner .h1:lang(tw) {
  font-family: Roboto Black, '微軟正黑體';
} /* line 1243, scss/scss.scss */
.banner .h1:lang(cn) {
  font-family: Roboto Black, '微軟正黑體';
} /* line 1247, scss/scss.scss */
.banner .banner_slick_nav {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  padding-top: 128px;
  padding-bottom: 10vw;
}
@media (max-width: 991px) {
  /* line 1247, scss/scss.scss */
  .banner .banner_slick_nav {
    display: none;
  }
} /* line 1259, scss/scss.scss */
.banner .banner_slick_nav .num_wrap,
.banner .banner_slick_nav .dot {
  text-align: center;
} /* line 1261, scss/scss.scss */
.banner .banner_slick_nav .num_wrap *,
.banner .banner_slick_nav .dot * {
  opacity: 0.7;
} /* line 1263, scss/scss.scss */
.banner .banner_slick_nav .num_wrap *.current,
.banner .banner_slick_nav .dot *.current {
  opacity: 1;
} /* line 1268, scss/scss.scss */
.banner .banner_slick_nav .num_wrap {
  display: inline-block;
} /* line 1270, scss/scss.scss */
.banner .banner_slick_nav .num_wrap .sum {
  position: relative;
} /* line 1272, scss/scss.scss */
.banner .banner_slick_nav .num_wrap .sum:after {
  content: '';
  width: 18px;
  height: 2px;
  background: #fff;
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -9px;
} /* line 1284, scss/scss.scss */
.banner .banner_slick_nav .dot {
  display: inline-block;
} /* line 1286, scss/scss.scss */
.banner .banner_slick_nav .dot div {
  display: block;
  width: 12px;
  height: 12px;
  margin: 3px 0;
  padding: 3px;
  cursor: pointer;
} /* line 1293, scss/scss.scss */
.banner .banner_slick_nav .dot div > i {
  display: block;
  border-radius: 50%;
  background: #fff;
  width: 6px;
  height: 6px;
} /* line 1304, scss/scss.scss */
.banner:before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
} /* line 1314, scss/scss.scss */
.banner > .wrap {
  position: relative;
  z-index: 1;
} /* line 1318, scss/scss.scss */
.banner video,
.banner .v_bg {
  position: absolute;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
} /* line 1330, scss/scss.scss */
.banner_ani {
  opacity: 0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
} /* line 1339, scss/scss.scss */
.idx_btm_slogn_wrap {
  transform: translate(0, -10vw);
  -moz-transform: translate(0, -10vw);
  -o-transform: translate(0, -10vw);
  -webkit-transform: translate(0, -10vw);
}
@media (max-width: 767px) {
  /* line 1339, scss/scss.scss */
  .idx_btm_slogn_wrap {
    transform: translate(0, -75px);
    -moz-transform: translate(0, -75px);
    -o-transform: translate(0, -75px);
    -webkit-transform: translate(0, -75px);
  }
} /* line 1345, scss/scss.scss */
.idx_btm_slogn {
  color: #fff;
  position: relative;
}
@media (max-width: 767px) {
  /* line 1345, scss/scss.scss */
  .idx_btm_slogn {
    padding: 25px 30px !important;
  }
} /* line 1351, scss/scss.scss */
.idx_btm_slogn:before {
  content: '';
  position: absolute;
  width: calc(50vw - 685px + 100%);
  height: 100%;
  top: 0;
  left: 0;
  background: url(../images/idx_btm_bg.jpg);
  background-size: cover;
  background-position: center;
}
@media (max-width: 1522px) {
  /* line 1351, scss/scss.scss */
  .idx_btm_slogn:before {
    width: 95vw;
  }
}
@media (max-width: 767px) {
  /* line 1351, scss/scss.scss */
  .idx_btm_slogn:before {
    width: 100%;
  }
} /* line 1370, scss/scss.scss */
.main {
  background: #fff;
} /* line 1372, scss/scss.scss */
.main.main_index {
  position: relative;
  z-index: 1;
} /* line 1376, scss/scss.scss */
.main.main_history,
.main.main_product,
.main.main_news {
  background: url(../images/history_bg.jpg);
  background-size: 100%;
  background-repeat: repeat-y;
}
@media (max-width: 767px) {
  /* line 1376, scss/scss.scss */
  .main.main_history,
  .main.main_product,
  .main.main_news {
    background-position: center 82px;
  }
}
@media (max-width: 991px) {
  /* line 1386, scss/scss.scss */
  .main.main_product.products_index .products-hidden {
    display: none !important;
  }
} /* line 1393, scss/scss.scss */
.main.main_contact {
  background: #333 url(../images/contact_bg.jpg) center top no-repeat;
  background-size: 100%;
  color: #fff;
} /* line 1398, scss/scss.scss */
.main.main_btm_bor {
  border-bottom: 2px solid #f1f1f1;
} /* line 1402, scss/scss.scss */
.idx_video {
  position: relative;
  margin-top: -10vw;
} /* line 1404, scss/scss.scss */
.idx_video video {
  width: 100%;
}
@media (max-width: 767px) {
  /* line 1402, scss/scss.scss */
  .idx_video {
    margin-top: -75px;
  }
} /* line 1412, scss/scss.scss */
.idx_product {
  margin-top: -10vw;
}
@media (max-width: 767px) {
  /* line 1412, scss/scss.scss */
  .idx_product {
    margin-top: -75px;
  }
} /* line 1418, scss/scss.scss */
.idx_product:after {
  background: #fff;
  position: absolute;
  width: calc(50vw - 685px);
  height: 100%;
  top: 0;
  left: 0;
}
@media (min-width: 481px) {
  /* line 1428, scss/scss.scss */
  .idx_product .idx_product_slick .slick-list {
    overflow: visible;
  }
} /* line 1433, scss/scss.scss */
.idx_product .idx_product_slick .slick-prev,
.idx_product .idx_product_slick .slick-next {
  margin-top: -2.5vw;
}
@media (max-width: 767px) {
  /* line 1433, scss/scss.scss */
  .idx_product .idx_product_slick .slick-prev,
  .idx_product .idx_product_slick .slick-next {
    top: 0;
    margin-top: 12vw;
  }
} /* line 1440, scss/scss.scss */
.idx_product .idx_product_slick .slick-prev {
  left: -30px;
}
@media (max-width: 767px) {
  /* line 1440, scss/scss.scss */
  .idx_product .idx_product_slick .slick-prev {
    left: -20px;
  }
} /* line 1446, scss/scss.scss */
.idx_product .idx_product_slick .slick-next {
  right: -30px;
}
@media (max-width: 767px) {
  /* line 1446, scss/scss.scss */
  .idx_product .idx_product_slick .slick-next {
    right: -20px;
  }
} /* line 1453, scss/scss.scss */
.idx_product .box {
  padding: 0 2.5vw;
}
@media (max-width: 767px) {
  /* line 1453, scss/scss.scss */
  .idx_product .box {
    padding: 0 15px;
  }
} /* line 1460, scss/scss.scss */
.idx_product .box:last-child .img:after {
  display: none;
} /* line 1465, scss/scss.scss */
.idx_product .box > a {
  display: block;
} /* line 1468, scss/scss.scss */
.body-pc .idx_product .box > a:hover .red {
  color: #e60012;
} /* line 1471, scss/scss.scss */
.body-pc .idx_product .box > a:hover .img,
.body-pc .idx_product .box > a:hover .tag_wrap {
  opacity: 0.7;
} /* line 1475, scss/scss.scss */
.idx_product .box > a .red {
  color: #231815;
  -moz-transition: color 0.5s ease;
  -o-transition: color 0.5s ease;
  -webkit-transition: color 0.5s ease;
  -ms-transition: color 0.5s ease;
  transition: color 0.5s ease;
} /* line 1480, scss/scss.scss */
.idx_product .box .img {
  display: flex;
  align-items: center;
  text-align: center;
  position: relative;
  -moz-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  -webkit-transition: opacity 0.5s ease;
  -ms-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
@media (max-width: 480px) {
  /* line 1480, scss/scss.scss */
  .idx_product .box .img {
    display: flex;
    align-items: center;
    justify-content: center;
  }
} /* line 1488, scss/scss.scss */
.idx_product .box .img:after {
  width: 1px;
  height: 100px;
  position: absolute;
  right: -2.5vw;
  bottom: -30px;
  background: #e5e5e5;
}
@media (min-width: 481px) {
  /* line 1488, scss/scss.scss */
  .idx_product .box .img:after {
    content: '';
  }
} /* line 1499, scss/scss.scss */
.idx_product .box .img img {
  width: 100%;
  display: inline;
}
@media (max-width: 480px) {
  /* line 1499, scss/scss.scss */
  .idx_product .box .img img {
    max-width: 250px;
  }
} /* line 1507, scss/scss.scss */
.idx_product .box .tag_wrap {
  font-size: 0;
  -moz-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  -webkit-transition: opacity 0.5s ease;
  -ms-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
} /* line 1510, scss/scss.scss */
.idx_product .box .tag_wrap span {
  display: inline-block;
  padding: 5px 15px 0;
  color: #fff;
  margin-bottom: 5px;
} /* line 1515, scss/scss.scss */
.idx_product .box .tag_wrap span:not(:last-child) {
  margin-right: 7px;
} /* line 1518, scss/scss.scss */
.idx_product .box .tag_wrap span.new {
  background: #e75058;
} /* line 1521, scss/scss.scss */
.idx_product .box .tag_wrap span.discount {
  background: #ff7827; /* Old browsers */
  background: -moz-linear-gradient(left, #ff7827 0%, #ff9c27 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #ff7827 0%, #ff9c27 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to right,
    #ff7827 0%,
    #ff9c27 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$v1', endColorstr='$v2',GradientType=1 ); /* IE6-9 */
} /* line 1529, scss/scss.scss */
.slick_bt .slick-prev,
.slick_bt .slick-next {
  width: 54px;
  height: 54px;
  border-radius: 27px;
  background: #fff;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
  -moz-transition: 'opacity' 0.5s ease;
  -o-transition: 'opacity' 0.5s ease;
  -webkit-transition: 'opacity' 0.5s ease;
  -ms-transition: 'opacity' 0.5s ease;
  transition: 'opacity' 0.5s ease;
  z-index: 1;
  margin-top: 0;
  margin-bottom: 25px;
}
@media (max-width: 767px) {
  /* line 1529, scss/scss.scss */
  .slick_bt .slick-prev,
  .slick_bt .slick-next {
    width: 46px;
    height: 46px;
    border-radius: 23px;
  }
} /* line 1552, scss/scss.scss */
.body-pc .slick_bt .slick-prev:hover:before,
.body-pc .slick_bt .slick-prev:hover:after,
.body-pc .slick_bt .slick-next:hover:before,
.body-pc .slick_bt .slick-next:hover:after {
  background-color: #e60012;
} /* line 1556, scss/scss.scss */
.slick_bt .slick-prev.slick-disabled,
.slick_bt .slick-next.slick-disabled {
  opacity: 0;
  pointer-events: none;
} /* line 1560, scss/scss.scss */
.slick_bt .slick-prev:before,
.slick_bt .slick-prev:after,
.slick_bt .slick-next:before,
.slick_bt .slick-next:after {
  content: '';
  width: 8px;
  height: 2px;
  background-color: #999;
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transition: background-color 0.5s ease;
  -o-transition: background-color 0.5s ease;
  -webkit-transition: background-color 0.5s ease;
  -ms-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
} /* line 1570, scss/scss.scss */
.slick_bt .slick-prev:before,
.slick_bt .slick-next:before {
  transform: translate(-50%, -50%) rotate(45deg);
} /* line 1573, scss/scss.scss */
.slick_bt .slick-prev:after,
.slick_bt .slick-next:after {
  transform: translate(-50%, -50%) rotate(-45deg);
} /* line 1579, scss/scss.scss */
.slick_bt .slick-prev:before,
.slick_bt .slick-prev:after {
  transform-origin: left center;
} /* line 1585, scss/scss.scss */
.slick_bt .slick-next:before,
.slick_bt .slick-next:after {
  transform-origin: right center;
} /* line 1591, scss/scss.scss */
.idx_btm_product {
  background: url(../images/idx_btm_bg1.jpg) center top no-repeat;
  background-size: 100% auto;
} /* line 1594, scss/scss.scss */
.idx_btm_product [class*='col-'] {
  margin-bottom: 30px;
  overflow: hidden;
}
@media (max-width: 767px) {
  /* line 1594, scss/scss.scss */
  .idx_btm_product [class*='col-'] {
    margin-bottom: 20px;
  }
} /* line 1600, scss/scss.scss */
.idx_btm_product [class*='col-'] a {
  display: block;
  overflow: hidden;
  position: relative;
}
@media (max-width: 767px) {
  /* line 1600, scss/scss.scss */
  .idx_btm_product [class*='col-'] a {
    display: flex;
    height: auto !important;
  }
} /* line 1609, scss/scss.scss */
.body-pc .idx_btm_product [class*='col-'] a:hover img {
  transform: scale(1.1, 1.1);
} /* line 1612, scss/scss.scss */
.body-pc .idx_btm_product [class*='col-'] a:hover .txt {
  background: rgba(230, 0, 18, 0.8);
} /* line 1616, scss/scss.scss */
.idx_btm_product [class*='col-'] a .img {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media (min-width: 768px) {
  /* line 1616, scss/scss.scss */
  .idx_btm_product [class*='col-'] a .img {
    background: none !important;
  }
}
@media (max-width: 767px) {
  /* line 1616, scss/scss.scss */
  .idx_btm_product [class*='col-'] a .img {
    width: 30%;
    padding-bottom: 27vw;
    padding-bottom: 30%;
  } /* line 1627, scss/scss.scss */
  .idx_btm_product [class*='col-'] a .img img {
    display: none;
  }
} /* line 1632, scss/scss.scss */
.idx_btm_product [class*='col-'] a img {
  -moz-transition: transform 0.5s ease;
  -o-transition: transform 0.5s ease;
  -webkit-transition: transform 0.5s ease;
  -ms-transition: transform 0.5s ease;
  transition: transform 0.5s ease;
} /* line 1635, scss/scss.scss */
.idx_btm_product [class*='col-'] a .txt {
  position: absolute;
  width: 100%;
  z-index: 1;
  left: 0;
  bottom: 0;
  padding: 2vw 2.5vw;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  -moz-transition: background 0.5s ease;
  -o-transition: background 0.5s ease;
  -webkit-transition: background 0.5s ease;
  -ms-transition: background 0.5s ease;
  transition: background 0.5s ease;
}
@media (max-width: 767px) {
  /* line 1635, scss/scss.scss */
  .idx_btm_product [class*='col-'] a .txt {
    width: 70%;
    position: static;
    display: flex;
    align-items: center;
    padding: 5px 20px;
  }
}
@media (max-width: 1500px) {
  /* line 1651, scss/scss.scss */
  .idx_btm_product [class*='col-'] a .txt .h8 {
    font-size: 1.5rem;
    line-height: calc(1.5rem + 10px);
  }
}
@media (max-width: 767px) {
  /* line 1651, scss/scss.scss */
  .idx_btm_product [class*='col-'] a .txt .h8 {
    font-size: 1.125rem;
    line-height: calc(1.125rem + 10px);
  }
}
@media (max-width: 1500px) {
  /* line 1659, scss/scss.scss */
  .idx_btm_product [class*='col-'] a .txt .h10 {
    font-size: 1.125rem;
    line-height: calc(1.125rem + 10px);
  }
}
@media (max-width: 767px) {
  /* line 1659, scss/scss.scss */
  .idx_btm_product [class*='col-'] a .txt .h10 {
    display: none;
  }
} /* line 1672, scss/scss.scss */
.idx_news {
  background: url(../images/idx_news.jpg) center center no-repeat;
  background-size: cover;
} /* line 1675, scss/scss.scss */
.idx_news,
.idx_news a {
  color: #fff;
} /* line 1678, scss/scss.scss */
.idx_news .idx_news_list_wrap {
  font-size: 0;
}
@media (min-width: 768px) {
  /* line 1678, scss/scss.scss */
  .idx_news .idx_news_list_wrap {
    margin-left: -5%;
    margin-right: -5%;
  }
} /* line 1685, scss/scss.scss */
.idx_news .item {
  display: inline-block;
  vertical-align: top;
  width: 33.33333%;
  padding: 0 5%;
}
@media (max-width: 767px) {
  /* line 1685, scss/scss.scss */
  .idx_news .item {
    width: 100%;
    padding: 0;
  } /* line 1693, scss/scss.scss */
  .idx_news .item:not(:last-child) {
    margin-bottom: 30px;
  }
} /* line 1698, scss/scss.scss */
.idx_news .item.news .red {
  color: #ff7827;
} /* line 1703, scss/scss.scss */
.idx_news .item.exhi .red {
  color: #e60012;
} /* line 1708, scss/scss.scss */
.idx_news a {
  display: block;
  -moz-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  -webkit-transition: opacity 0.5s ease;
  -ms-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
} /* line 1711, scss/scss.scss */
.body-pc .idx_news a:hover {
  opacity: 0.7;
}
@media (min-width: 768px) {
  /* line 1715, scss/scss.scss */
  .idx_news .h9 {
    padding-bottom: 10px;
    position: relative;
  } /* line 1719, scss/scss.scss */
  .idx_news .h9:after {
    content: '';
    background: #fff;
    width: 50px;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
  }
}
@media (max-width: 767px) {
  /* line 1730, scss/scss.scss */
  .idx_news .content {
    display: none;
  }
} /* line 1734, scss/scss.scss */
.idx_news .content li {
  font-size: 0;
} /* line 1736, scss/scss.scss */
.idx_news .content li:nth-of-type(n + 2) {
  margin-top: 5px !important;
} /* line 1739, scss/scss.scss */
.idx_news .content li > div {
  display: inline-block;
  vertical-align: top;
} /* line 1742, scss/scss.scss */
.idx_news .content li > div.subject {
  width: 100px;
  color: #fff;
}
@media (max-width: 1199px) {
  /* line 1742, scss/scss.scss */
  .idx_news .content li > div.subject {
    width: 70px;
  }
}
@media (max-width: 1024px) {
  /* line 1742, scss/scss.scss */
  .idx_news .content li > div.subject {
    width: 100%;
    margin-top: 5px;
  }
} /* line 1752, scss/scss.scss */
.idx_news .content li > div.subject + div {
  width: calc(100% - 100px);
  padding-left: 20px;
}
@media (max-width: 1199px) {
  /* line 1752, scss/scss.scss */
  .idx_news .content li > div.subject + div {
    width: calc(100% - 70px);
  }
}
@media (max-width: 1024px) {
  /* line 1752, scss/scss.scss */
  .idx_news .content li > div.subject + div {
    width: 100%;
    padding-left: 0;
  }
} /* line 1769, scss/scss.scss */
.main_news,
.page_banner .xs_banner,
.main_contact {
  padding-top: 128px;
}
@media (max-width: 1500px) {
  /* line 1769, scss/scss.scss */
  .main_news,
  .page_banner .xs_banner,
  .main_contact {
    padding-top: 102px;
  }
}
@media (max-width: 1199px) {
  /* line 1769, scss/scss.scss */
  .main_news,
  .page_banner .xs_banner,
  .main_contact {
    padding-top: 82px;
  }
} /* line 1779, scss/scss.scss */
.page_banner {
  color: #fff;
}
@media (max-width: 767px) {
  /* line 1779, scss/scss.scss */
  .page_banner {
    text-align: center;
    background: none !important;
  }
} /* line 1785, scss/scss.scss */
.page_banner,
.page_banner .xs_banner {
  background-size: cover;
  background-position: center;
}
@media (min-width: 768px) {
  /* line 1789, scss/scss.scss */
  .page_banner .xs_banner {
    background: none !important;
  }
}
@media (max-width: 767px) {
  /* line 1789, scss/scss.scss */
  .page_banner .xs_banner {
    display: flex;
    align-items: center;
    min-height: 290px;
  }
}
@media (max-width: 767px) {
  /* line 1797, scss/scss.scss */
  .page_banner .xs_banner > .wrap {
    padding-top: 68px !important;
    padding-bottom: 68px !important;
  }
} /* line 1804, scss/scss.scss */
.page_banner .h1 {
  font-size: 4vw;
  line-height: calc(4vw + 1vw);
}
@media (max-width: 991px) {
  /* line 1804, scss/scss.scss */
  .page_banner .h1 {
    font-size: 2.5rem;
    line-height: calc(2.5rem + 10px);
  }
}
@media (max-width: 767px) {
  /* line 1804, scss/scss.scss */
  .page_banner .h1 {
    font-size: 1.875rem;
    line-height: calc(1.875rem + 10px);
  }
} /* line 1813, scss/scss.scss */
.page_banner .h6 {
  font-size: 2vw;
  line-height: calc(2vw + 10px);
}
@media (max-width: 1199px) {
  /* line 1813, scss/scss.scss */
  .page_banner .h6 {
    font-size: 1.25rem;
    line-height: calc(1.25rem + 10px);
  }
}
@media (max-width: 767px) {
  /* line 1813, scss/scss.scss */
  .page_banner .h6 {
    font-size: 1.125rem;
    line-height: calc(1.125rem + 10px);
  }
} /* line 1823, scss/scss.scss */
.page_banner.page_banner_1 .wrap {
  position: relative;
}
@media (min-width: 768px) {
  /* line 1825, scss/scss.scss */
  .page_banner.page_banner_1 .wrap .lr {
    writing-mode: vertical-lr;
    position: absolute;
    top: 50%;
    left: calc(env(safe-area-inset-left) + 5vw);
    transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    margin-top: -5px;
  }
}
@media (max-width: 767px) {
  /* line 1825, scss/scss.scss */
  .page_banner.page_banner_1 .wrap .lr {
    color: #fff;
  }
} /* line 1842, scss/scss.scss */
.scroll_tab_style {
  background: #fff;
  width: 100%;
  z-index: 3;
}
@media (max-width: 1199px) {
  /* line 1842, scss/scss.scss */
  .scroll_tab_style {
    font-size: 1.125rem;
    line-height: calc(1.125rem + 10px);
  }
}
@media (max-width: 1024px) {
  /* line 1842, scss/scss.scss */
  .scroll_tab_style {
    font-size: 1rem;
    line-height: calc(1rem + 10px);
  }
}
@media (min-width: 1200px) {
  /* line 1862, scss/scss.scss */
  .scroll_tab_style.fixed {
    font-size: 1.25rem;
    line-height: calc(1.25rem + 10px);
  }
}
@media (max-width: 767px) {
  /* line 1862, scss/scss.scss */
  .scroll_tab_style.fixed {
    left: 0;
  }
} /* line 1871, scss/scss.scss */
.scroll_tab_style .title {
  background: #cd0e0e; /* Old browsers */
  background: -moz-linear-gradient(left, #cd0e0e 0%, #e60012 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #cd0e0e 0%, #e60012 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to right,
    #cd0e0e 0%,
    #e60012 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cd0e0e', endColorstr='#e60012',GradientType=1 ); /* IE6-9 */
  color: #fff;
  padding: 15px calc(5vw + 15px) 10px 5vw;
  position: relative;
}
@media (min-width: 768px) {
  /* line 1871, scss/scss.scss */
  .scroll_tab_style .title {
    display: none;
  }
}
@media (min-width: 768px) {
  /* line 1879, scss/scss.scss */
  .pd_spec_wrap .scroll_tab_style .title {
    display: block;
  }
}
@media (min-width: 1024px) {
  /* line 1879, scss/scss.scss */
  .pd_spec_wrap .scroll_tab_style .title {
    display: none;
  }
}
@media (max-width: 767px) {
  /* line 1871, scss/scss.scss */
  .scroll_tab_style .title {
    min-height: 55px;
  }
}
@media (max-width: 480px) {
  /* line 1871, scss/scss.scss */
  .scroll_tab_style .title {
    padding-left: 30px;
    padding-right: 45px;
  }
} /* line 1894, scss/scss.scss */
.scroll_tab_style .title:after {
  content: '\f107';
  font-family: 'fontello';
  position: absolute;
  right: 5vw;
  top: 50%;
  transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
}
@media (max-width: 480px) {
  /* line 1894, scss/scss.scss */
  .scroll_tab_style .title:after {
    right: 30px;
  }
} /* line 1906, scss/scss.scss */
.scroll_tab_style .option {
  width: 100%;
  display: table;
  table-layout: fixed;
}
@media (min-width: 768px) {
  /* line 1910, scss/scss.scss */
  .scroll_tab_style .option:not(.pd_spec_option) {
    display: table !important;
  }
}
@media (min-width: 1024px) {
  /* line 1915, scss/scss.scss */
  .scroll_tab_style .option.pd_spec_option {
    display: table !important;
  }
}
@media (max-width: 1023px) {
  /* line 1915, scss/scss.scss */
  .scroll_tab_style .option.pd_spec_option {
    display: none;
    border-top: 1px solid #e3e3e3;
    background: #fff;
    position: absolute;
  }
}
@media (max-width: 767px) {
  /* line 1906, scss/scss.scss */
  .scroll_tab_style .option {
    display: none;
    border-top: 1px solid #e3e3e3;
    background: #fff;
    position: absolute;
  }
} /* line 1932, scss/scss.scss */
.scroll_tab_style .option a {
  display: table-cell;
  width: 25%;
  color: #231815;
  text-align: center;
  -moz-transition: background 0.5s ease;
  -o-transition: background 0.5s ease;
  -webkit-transition: background 0.5s ease;
  -ms-transition: background 0.5s ease;
  transition: background 0.5s ease;
  transition-property: background, color, border-color, padding;
  padding: 30px 10px 25px;
  position: relative;
  border-bottom: 1px solid #e3e3e3;
}
@media (min-width: 1024px) {
  /* line 1942, scss/scss.scss */
  .pd_spec_wrap .scroll_tab_style .option a {
    display: block;
    width: 100%;
    text-align: left;
    padding: 15px 5vw 10px;
  }
}
@media (max-width: 1023px) {
  /* line 1942, scss/scss.scss */
  .pd_spec_wrap .scroll_tab_style .option a {
    display: block;
    width: 100%;
    text-align: left;
    padding: 15px 5vw 10px;
  }
}
@media (max-width: 767px) {
  /* line 1932, scss/scss.scss */
  .scroll_tab_style .option a {
    display: block;
    width: 100%;
    text-align: left;
    padding: 15px 5vw 10px;
  }
}
@media (max-width: 480px) {
  /* line 1932, scss/scss.scss */
  .scroll_tab_style .option a {
    padding-left: 30px;
    padding-right: 30px;
  }
} /* line 1970, scss/scss.scss */
.scroll_tab_style .option a:after {
  content: '';
  position: absolute;
  width: 1px;
  height: 24px;
  background: #bdb9b8;
  left: 100%;
  top: 50%;
  margin-top: -12px;
}
@media (max-width: 767px) {
  /* line 1970, scss/scss.scss */
  .scroll_tab_style .option a:after {
    display: none;
  }
}
@media (max-width: 1023px) {
  /* line 1975, scss/scss.scss */
  .pd_spec_wrap .scroll_tab_style .option a:after {
    display: none;
  }
} /* line 1988, scss/scss.scss */
.body-pc .scroll_tab_style .option a:hover {
  background: #e60012;
  color: #fff;
} /* line 1992, scss/scss.scss */
.scroll_tab_style .option a.active {
  background: #e60012;
  color: #fff;
} /* line 1995, scss/scss.scss */
.body-pc .scroll_tab_style .option a.active:hover {
  background: #bf0513;
  border-bottom-color: #bf0513;
} /* line 2000, scss/scss.scss */
.body-pc .scroll_tab_style .option a:hover,
.scroll_tab_style .option a.active {
  border-bottom-color: #e60012;
} /* line 2002, scss/scss.scss */
.body-pc .scroll_tab_style .option a:hover:after,
.scroll_tab_style .option a.active:after {
  display: none;
} /* line 2006, scss/scss.scss */
.scroll_tab_style .option a:first-child {
  display: none;
} /* line 2013, scss/scss.scss */
.scroll_tab + .main {
  margin-top: 90px;
  -moz-transition: margin-top 0.5s ease;
  -o-transition: margin-top 0.5s ease;
  -webkit-transition: margin-top 0.5s ease;
  -ms-transition: margin-top 0.5s ease;
  transition: margin-top 0.5s ease;
}
@media (max-width: 1199px) {
  /* line 2013, scss/scss.scss */
  .scroll_tab + .main {
    margin-top: 84px;
  }
}
@media (max-width: 1024px) {
  /* line 2013, scss/scss.scss */
  .scroll_tab + .main {
    margin-top: 82px;
  }
}
@media (max-width: 767px) {
  /* line 2013, scss/scss.scss */
  .scroll_tab + .main {
    margin-top: 55px;
  }
}
@media (min-width: 768px) {
  /* line 2028, scss/scss.scss */
  .scroll_tab.fixed .option a {
    padding: 20px 10px 15px;
  }
}
@media (min-width: 768px) {
  /* line 2034, scss/scss.scss */
  .scroll_tab.fixed + .main {
    margin-top: 66px;
  }
} /* line 2041, scss/scss.scss */
.tab_change {
  position: relative;
} /* line 2043, scss/scss.scss */
.tab_change .option {
  z-index: 1;
} /* line 2045, scss/scss.scss */
.tab_change .option a:first-child {
  display: block;
} /* line 2051, scss/scss.scss */
.breadcrumbs {
  background: #fff;
  border-bottom: 1px solid #e3e3e3;
}
@media (max-width: 767px) {
  /* line 2051, scss/scss.scss */
  .breadcrumbs {
    display: none;
  }
} /* line 2058, scss/scss.scss */
.breadcrumbs a:not(:last-child),
.breadcrumbs span:not(:last-child) {
  padding-right: 2.5vw;
  position: relative;
} /* line 2061, scss/scss.scss */
.breadcrumbs a:not(:last-child):after,
.breadcrumbs span:not(:last-child):after {
  content: '\f105';
  font-family: 'fontello';
  position: absolute;
  right: 1.25vw;
  top: 50%;
  transform: translate(50%, -50%);
  -moz-transform: translate(50%, -50%);
  -o-transform: translate(50%, -50%);
  -webkit-transform: translate(50%, -50%);
  margin-top: -2px;
} /* line 2074, scss/scss.scss */
.about_box_1 {
  background: url(../images/ab_bg1.jpg) center center no-repeat;
  background-size: cover;
}
@media (min-width: 768px) {
  /* line 2074, scss/scss.scss */
  .about_box_1 {
    text-align: center;
  }
}
@media (max-width: 767px) {
  /* line 2080, scss/scss.scss */
  .about_box_1 .h7 {
    font-size: 1.25rem;
    line-height: calc(1.25rem + 10px);
  }
}
@media (min-width: 768px) {
  /* line 2087, scss/scss.scss */
  .zoom_img {
    pointer-events: none;
  }
}
@media (max-width: 767px) {
  /* line 2087, scss/scss.scss */
  .zoom_img {
    padding: 30px 20px;
    background: rgba(35, 24, 21, 0.2);
    position: relative;
  } /* line 2095, scss/scss.scss */
  .zoom_img:after {
    content: '';
    width: 72px;
    height: 72px;
    background: url(../images/zoom1.png);
    background-size: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -36px;
    margin-left: -36px;
  }
} /* line 2110, scss/scss.scss */
.about_box_2 {
  background: url(../images/ab_bg2.jpg) center bottom no-repeat;
  background-size: cover;
  text-align: center;
  color: #fff;
}
@media (min-width: 768px) {
  /* line 2115, scss/scss.scss */
  .about_box_2 .box {
    text-align: left;
  }
}
@media (max-width: 767px) {
  /* line 2119, scss/scss.scss */
  .about_box_2 .box > div {
    display: inline-block;
  }
} /* line 2123, scss/scss.scss */
.about_box_2 .box > div > div {
  display: inline-block;
  vertical-align: top;
} /* line 2126, scss/scss.scss */
.about_box_2 .box > div > div.num {
  width: 60px;
}
@media (min-width: 768px) {
  /* line 2126, scss/scss.scss */
  .about_box_2 .box > div > div.num {
    margin-top: -7px;
  }
}
@media (max-width: 767px) {
  /* line 2126, scss/scss.scss */
  .about_box_2 .box > div > div.num {
    width: 35px;
    text-align: left;
  }
} /* line 2135, scss/scss.scss */
.about_box_2 .box > div > div.num + div {
  width: calc(100% - 60px);
}
@media (max-width: 767px) {
  /* line 2135, scss/scss.scss */
  .about_box_2 .box > div > div.num + div {
    width: calc(100% - 35px);
  }
} /* line 2147, scss/scss.scss */
.about_box_3 {
  text-align: center;
} /* line 2151, scss/scss.scss */
.about_box_4 {
  position: relative;
  text-align: center;
}
@media (min-width: 992px) {
  /* line 2151, scss/scss.scss */
  .about_box_4 {
    display: flex;
  }
} /* line 2157, scss/scss.scss */
.about_box_4 .box {
  width: 50%;
  padding-bottom: 40%;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}
@media (max-width: 991px) {
  /* line 2157, scss/scss.scss */
  .about_box_4 .box {
    padding-bottom: 60%;
    width: calc(100% - 10vw);
    margin-left: 5vw;
    margin-bottom: 15px;
  }
} /* line 2169, scss/scss.scss */
.about_box_4 .box .txt {
  background: #e3e3e3;
  padding: 2vw 10px;
  position: absolute;
  width: 100%;
  left: 0;
}
@media (max-width: 991px) {
  /* line 2169, scss/scss.scss */
  .about_box_4 .box .txt {
    padding: 10px 10px;
    text-align: left;
    color: #fff;
    background: rgba(0, 0, 0, 0.8); /* Old browsers */
    background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(
      bottom,
      rgba(0, 0, 0, 0.8) 0%,
      rgba(0, 0, 0, 0) 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
      to top,
      rgba(0, 0, 0, 0.8) 0%,
      rgba(0, 0, 0, 0) 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  }
} /* line 2185, scss/scss.scss */
.about_box_4 .box:nth-of-type(odd) {
  background-position: center -2vw;
}
@media (max-width: 991px) {
  /* line 2185, scss/scss.scss */
  .about_box_4 .box:nth-of-type(odd) {
    background-position: center;
  }
} /* line 2190, scss/scss.scss */
.about_box_4 .box:nth-of-type(odd) .txt {
  bottom: 0;
} /* line 2194, scss/scss.scss */
.about_box_4 .box:nth-of-type(even) {
  background-position: center 2vw;
}
@media (max-width: 991px) {
  /* line 2194, scss/scss.scss */
  .about_box_4 .box:nth-of-type(even) {
    background-position: center;
  }
} /* line 2199, scss/scss.scss */
.about_box_4 .box:nth-of-type(even) .txt {
  top: 0;
}
@media (max-width: 991px) {
  /* line 2199, scss/scss.scss */
  .about_box_4 .box:nth-of-type(even) .txt {
    bottom: 0;
    top: auto;
  }
} /* line 2208, scss/scss.scss */
.about_box_4 .info_box {
  background: #e60012;
  color: #fff;
}
@media (min-width: 992px) {
  /* line 2208, scss/scss.scss */
  .about_box_4 .info_box {
    position: absolute;
    padding: 0 7vw;
    height: calc(100% - 60px - 6vw);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media (max-width: 991px) {
  /* line 2208, scss/scss.scss */
  .about_box_4 .info_box {
    padding: 40px 5vw;
  }
}
@media (max-width: 480px) {
  /* line 2208, scss/scss.scss */
  .about_box_4 .info_box {
    padding: 30px;
  }
}
@media (max-width: 1199px) {
  /* line 2226, scss/scss.scss */
  .about_box_4 .info_box .h7 {
    font-size: 1.5rem;
    line-height: calc(1.5rem + 10px);
  }
} /* line 2234, scss/scss.scss */
.about_box_5 {
  position: relative;
  text-align: center;
  color: #fff;
  overflow: hidden;
} /* line 2239, scss/scss.scss */
.about_box_5 .bg {
  z-index: 1;
  -moz-transition: transform 0.5s ease;
  -o-transition: transform 0.5s ease;
  -webkit-transition: transform 0.5s ease;
  -ms-transition: transform 0.5s ease;
  transition: transform 0.5s ease;
} /* line 2242, scss/scss.scss */
.about_box_5 .bg,
.about_box_5 .bg > div {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
} /* line 2251, scss/scss.scss */
.about_box_5 .bg.on,
.about_box_5 .bg > div.on {
  transform: scale(1.02, 1.02);
} /* line 2255, scss/scss.scss */
.about_box_5 .bg > div {
  opacity: 0;
  -moz-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  -webkit-transition: opacity 0.5s ease;
  -ms-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  transition-property: opacity, transform;
  transition-duration: 0.5s, 2s;
  z-index: 0;
}
@media (min-width: 768px) {
  /* line 2261, scss/scss.scss */
  .about_box_5 .bg > div.on {
    opacity: 1;
  }
} /* line 2268, scss/scss.scss */
.about_box_5 > .wrap {
  z-index: 2;
} /* line 2270, scss/scss.scss */
.about_box_5 > .wrap.content {
  position: relative;
} /* line 2272, scss/scss.scss */
.about_box_5 > .wrap.content [class*='col-'] {
  padding-left: 7.5%;
  padding-right: 7.5%;
}
@media (max-width: 767px) {
  /* line 2276, scss/scss.scss */
  .about_box_5 > .wrap.content [class*='col-']:not(:first-child) {
    margin-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
  }
} /* line 2284, scss/scss.scss */
.about_box_5 > .wrap.border,
.about_box_5 > .wrap.a5_tab_hover {
  position: absolute;
  top: 0;
  height: 100%;
  left: 50%;
  transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  display: flex;
}
@media (max-width: 767px) {
  /* line 2284, scss/scss.scss */
  .about_box_5 > .wrap.border,
  .about_box_5 > .wrap.a5_tab_hover {
    pointer-events: none;
  }
} /* line 2294, scss/scss.scss */
.about_box_5 > .wrap.border .row,
.about_box_5 > .wrap.a5_tab_hover .row {
  display: flex;
  width: 100%;
} /* line 2297, scss/scss.scss */
.about_box_5 > .wrap.border .row [class*='col-'],
.about_box_5 > .wrap.a5_tab_hover .row [class*='col-'] {
  float: none;
  padding-left: 0;
  padding-right: 0;
} /* line 2306, scss/scss.scss */
.about_box_5 > .wrap.border .row [class*='col-'] {
  -moz-transition: background 0.5s ease;
  -o-transition: background 0.5s ease;
  -webkit-transition: background 0.5s ease;
  -ms-transition: background 0.5s ease;
  transition: background 0.5s ease;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
} /* line 2309, scss/scss.scss */
.about_box_5 > .wrap.border .row [class*='col-']:first-child {
  border-left: 1px solid rgba(255, 255, 255, 0.2);
} /* line 2312, scss/scss.scss */
.about_box_5 > .wrap.border .row [class*='col-'].on {
  background: rgba(0, 0, 0, 0.85);
} /* line 2318, scss/scss.scss */
.about_box_5 > .wrap.a5_tab_hover {
  z-index: 3;
} /* line 2321, scss/scss.scss */
.about_box_5 > .wrap .row {
  margin-left: 0;
  margin-right: 0;
} /* line 2329, scss/scss.scss */
.about_box_6 [class*='col-'] {
  margin-bottom: 40px;
} /* line 2334, scss/scss.scss */
.about_box_7_slick {
  text-align: left;
} /* line 2336, scss/scss.scss */
.about_box_7_slick .slick-list {
  overflow: visible;
} /* line 2339, scss/scss.scss */
.about_box_7_slick .slick-prev,
.about_box_7_slick .slick-next {
  top: auto;
  bottom: 0;
}
@media (max-width: 767px) {
  /* line 2339, scss/scss.scss */
  .about_box_7_slick .slick-prev,
  .about_box_7_slick .slick-next {
    bottom: auto;
    top: 0;
    margin-top: 80%;
    transform: translate(0, -60px);
    -moz-transform: translate(0, -60px);
    -o-transform: translate(0, -60px);
    -webkit-transform: translate(0, -60px);
  }
} /* line 2349, scss/scss.scss */
.about_box_7_slick .slick-prev {
  left: auto;
}
@media (min-width: 768px) {
  /* line 2349, scss/scss.scss */
  .about_box_7_slick .slick-prev {
    right: 45%;
    margin-right: 66px;
  }
}
@media (max-width: 767px) {
  /* line 2349, scss/scss.scss */
  .about_box_7_slick .slick-prev {
    right: 3%;
    margin-right: 58px;
  }
}
@media (min-width: 768px) {
  /* line 2362, scss/scss.scss */
  .about_box_7_slick .slick-next {
    right: 45%;
  }
}
@media (max-width: 767px) {
  /* line 2362, scss/scss.scss */
  .about_box_7_slick .slick-next {
    right: 3%;
  }
}
@media (min-width: 768px) {
  /* line 2372, scss/scss.scss */
  .about_box_7_slick .box {
    display: flex;
    align-items: flex-end;
  }
} /* line 2376, scss/scss.scss */
.about_box_7_slick .box .img {
  padding-bottom: 43%;
  position: relative;
  z-index: 1;
}
@media (min-width: 768px) {
  /* line 2376, scss/scss.scss */
  .about_box_7_slick .box .img {
    width: 58%;
  }
}
@media (max-width: 767px) {
  /* line 2376, scss/scss.scss */
  .about_box_7_slick .box .img {
    padding-bottom: 80%;
  }
} /* line 2386, scss/scss.scss */
.about_box_7_slick .box .img .bg {
  position: absolute;
  z-index: 1;
  width: 114%;
  height: 100%;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center;
}
@media (max-width: 767px) {
  /* line 2386, scss/scss.scss */
  .about_box_7_slick .box .img .bg {
    width: 100%;
  }
} /* line 2399, scss/scss.scss */
.about_box_7_slick .box .img .img_txt {
  color: #fff;
  background: url(../images/ab6_txt_bg.png) left center repeat-y;
  background-size: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  padding: 2vw 2.5vw calc(2vw - 10px);
}
@media (max-width: 767px) {
  /* line 2399, scss/scss.scss */
  .about_box_7_slick .box .img .img_txt {
    display: none;
  }
} /* line 2414, scss/scss.scss */
.about_box_7_slick .box .txt {
  position: relative;
  z-index: 2;
  background: #fff;
  padding: 2.5vw 3.5vw;
}
@media (min-width: 768px) {
  /* line 2414, scss/scss.scss */
  .about_box_7_slick .box .txt {
    width: 42%;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.24);
  }
}
@media (max-width: 767px) {
  /* line 2414, scss/scss.scss */
  .about_box_7_slick .box .txt {
    padding: 25px 30px 20px;
  }
}
@media (min-width: 768px) {
  /* line 2431, scss/scss.scss */
  .about_box_8 .ab8_1 {
    padding: 0 2vw;
  }
} /* line 2435, scss/scss.scss */
.about_box_8 .ab8_1 ul.ul0 {
  font-size: 0;
  text-align: left;
} /* line 2438, scss/scss.scss */
.about_box_8 .ab8_1 ul.ul0 li {
  display: inline-block;
  vertical-align: top;
  padding: 0 15px;
  width: 33.33333%;
  text-align: left;
}
@media (max-width: 991px) {
  /* line 2438, scss/scss.scss */
  .about_box_8 .ab8_1 ul.ul0 li {
    width: 50%;
  }
}
@media (max-width: 767px) {
  /* line 2438, scss/scss.scss */
  .about_box_8 .ab8_1 ul.ul0 li {
    width: 100%;
    padding: 0;
  }
} /* line 2451, scss/scss.scss */
.about_box_8 .ab8_1 ul.ul0 li > div {
  border-bottom: 1px solid #d8d8d8;
  padding: 15px 0 10px 30px;
  position: relative;
} /* line 2455, scss/scss.scss */
.about_box_8 .ab8_1 ul.ul0 li > div:before {
  content: '';
  position: absolute;
  top: 15px;
  left: 0;
  width: 20px;
  height: 20px;
  background: #fff;
  border-radius: 50%;
  border: 5px solid #e60012;
} /* line 2470, scss/scss.scss */
.about_box_8 .ab8_2 {
  text-align: left;
}
@media (min-width: 768px) {
  /* line 2472, scss/scss.scss */
  .about_box_8 .ab8_2 .row {
    display: flex;
    align-items: center;
  }
} /* line 2477, scss/scss.scss */
.about_box_8 .ab8_2 .img,
.about_box_8 .ab8_2 .txt {
  float: none;
}
@media (min-width: 768px) {
  /* line 2477, scss/scss.scss */
  .about_box_8 .ab8_2 .img,
  .about_box_8 .ab8_2 .txt {
    padding-left: calc(2vw + 15px);
    padding-right: calc(2vw + 15px);
  }
} /* line 2487, scss/scss.scss */
.about_box_5_btm {
  background: url(../images/history_bg.jpg);
  background-position: center top;
  background-repeat: repeat-y;
  background-size: 100%;
  text-align: center;
} /* line 2495, scss/scss.scss */
.about_box_9 {
  background: url(../images/ab_bg3.jpg);
  background-size: cover;
  background-position: center;
  text-align: center;
  color: #fff;
} /* line 2502, scss/scss.scss */
.info_box_wrap {
  text-align: left;
} /* line 2504, scss/scss.scss */
.info_box_wrap .info_box {
  margin-bottom: 3.25vw;
}
@media (max-width: 767px) {
  /* line 2504, scss/scss.scss */
  .info_box_wrap .info_box {
    margin-bottom: 35px;
  }
} /* line 2509, scss/scss.scss */
.info_box_wrap .info_box > div {
  padding-left: 30px;
  position: relative;
  margin-top: 10px;
} /* line 2513, scss/scss.scss */
.info_box_wrap .info_box > div:before {
  position: absolute;
  left: 0;
  top: 0;
  color: #949494;
}
@media (max-width: 1199px) {
  /* line 2513, scss/scss.scss */
  .info_box_wrap .info_box > div:before {
    top: 3px;
  }
} /* line 2526, scss/scss.scss */
.bt1 {
  background: #fff;
  height: 54px;
  line-height: 60px;
  padding-left: 30px;
  padding-right: 30px;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  border-radius: 27px;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.24);
  -moz-transition: background 0.5s ease;
  -o-transition: background 0.5s ease;
  -webkit-transition: background 0.5s ease;
  -ms-transition: background 0.5s ease;
  transition: background 0.5s ease;
  transition-property: background, color;
  margin-top: 10px;
  min-width: 175px;
}
@media (max-width: 1199px) {
  /* line 2526, scss/scss.scss */
  .bt1 {
    min-width: 140px;
  }
} /* line 2544, scss/scss.scss */
.bt1:not(:last-child) {
  margin-right: 10px;
} /* line 2547, scss/scss.scss */
.bt1.active,
.body-pc .bt1:hover {
  background: #bf0513;
  color: #fff;
} /* line 2552, scss/scss.scss */
.tab_select_slide {
  display: table;
  width: 100%;
} /* line 2555, scss/scss.scss */
.calculation_result .tab_select_slide {
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 768px) {
  /* line 2555, scss/scss.scss */
  .calculation_result .tab_select_slide {
    min-width: 235px;
    max-width: 260px;
  }
} /* line 2563, scss/scss.scss */
.tab_select_slide_box {
  font-size: 0;
  text-align: left;
}
@media (max-width: 767px) {
  /* line 2567, scss/scss.scss */
  .tab_select_slide_box .tab_select_box {
    width: 100%;
  }
}
@media (min-width: 768px) {
  /* line 2573, scss/scss.scss */
  .tab_select_slide_box.row3 .tab_select_box {
    width: 33.33333%;
  } /* line 2576, scss/scss.scss */
  .tab_select_slide_box.row3 .tab_select_box:nth-of-type(3n + 2) .tab_select_box_container {
    transform: translate(-33.33333%, 0);
    -moz-transform: translate(-33.33333%, 0);
    -o-transform: translate(-33.33333%, 0);
    -webkit-transform: translate(-33.33333%, 0);
  } /* line 2581, scss/scss.scss */
  .tab_select_slide_box.row3 .tab_select_box:nth-of-type(3n) .tab_select_box_container {
    transform: translate(-66.66666%, 0);
    -moz-transform: translate(-66.66666%, 0);
    -o-transform: translate(-66.66666%, 0);
    -webkit-transform: translate(-66.66666%, 0);
  } /* line 2586, scss/scss.scss */
  .tab_select_slide_box.row3 .tab_select_box_container {
    width: 300%;
  }
}
@media (min-width: 768px) {
  /* line 2590, scss/scss.scss */
  .tab_select_slide_box.row3 .bt2 {
    display: flex !important;
    align-items: center;
  }
}
@media (min-width: 768px) {
  /* line 2599, scss/scss.scss */
  .tab_select_slide_box.row4 .tab_select_box {
    width: 25%;
  } /* line 2602, scss/scss.scss */
  .tab_select_slide_box.row4 .tab_select_box:nth-of-type(4n + 2) .tab_select_box_container {
    transform: translate(-25%, 0);
    -moz-transform: translate(-25%, 0);
    -o-transform: translate(-25%, 0);
    -webkit-transform: translate(-25%, 0);
  } /* line 2607, scss/scss.scss */
  .tab_select_slide_box.row4 .tab_select_box:nth-of-type(4n + 3) .tab_select_box_container {
    transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
  } /* line 2612, scss/scss.scss */
  .tab_select_slide_box.row4 .tab_select_box:nth-of-type(4n) .tab_select_box_container {
    transform: translate(-75%, 0);
    -moz-transform: translate(-75%, 0);
    -o-transform: translate(-75%, 0);
    -webkit-transform: translate(-75%, 0);
  } /* line 2617, scss/scss.scss */
  .tab_select_slide_box.row4 .tab_select_box_container {
    width: 400%;
  }
}
@media (min-width: 768px) {
  /* line 2621, scss/scss.scss */
  .tab_select_slide_box.row4 .bt2 {
    display: flex !important;
    align-items: center;
  }
} /* line 2628, scss/scss.scss */
.tab_select_slide_box .tab_select_box {
  display: inline-block;
  vertical-align: top;
  position: relative;
} /* line 2633, scss/scss.scss */
.tab_select_slide_box .tab_select_box.active .bt2 {
  background: #6b1010; /* Old browsers */
  background: -moz-linear-gradient(left, #6b1010 0%, #730009 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #6b1010 0%, #730009 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to right,
    #6b1010 0%,
    #730009 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b1010', endColorstr='#730009',GradientType=1 ); /* IE6-9 */
} /* line 2636, scss/scss.scss */
.tab_select_slide_box .tab_select_box.active .bt2 span.x:before {
  transform: translate(0, -50%) rotate(45deg);
} /* line 2639, scss/scss.scss */
.tab_select_slide_box .tab_select_box.active .bt2 span.x:after {
  transform: translate(0, -50%) rotate(45deg);
} /* line 2645, scss/scss.scss */
.tab_select_slide_box .tab_select_box .bt2 {
  width: 100%;
  display: block;
} /* line 2649, scss/scss.scss */
.tab_select_slide_box .tab_select_box .tab_select_box_container {
  display: none;
} /* line 2651, scss/scss.scss */
.tab_select_slide_box .tab_select_box .tab_select_box_container .item {
  display: block;
} /* line 2658, scss/scss.scss */
.tab_select_slide .bt2,
.tab_select_slide_box .bt2 {
  display: table-cell;
  border: 1px solid #fff;
  font-weight: 700;
  position: relative;
  padding: 20px 44px 15px 20px;
}
@media (max-width: 767px) {
  /* line 2658, scss/scss.scss */
  .tab_select_slide .bt2,
  .tab_select_slide_box .bt2 {
    padding: 15px 44px 10px 20px;
  }
} /* line 2667, scss/scss.scss */
.tab_select_slide .bt2 > div,
.tab_select_slide_box .bt2 > div {
  position: relative;
  z-index: 1;
} /* line 2672, scss/scss.scss */
.tab_select_slide .bt2 span.x:before,
.tab_select_slide .bt2 span.x:after,
.tab_select_slide_box .bt2 span.x:before,
.tab_select_slide_box .bt2 span.x:after {
  content: '';
  background: #fff;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  transform-origin: center center;
  right: 0;
  -moz-transition: transform 0.5s ease;
  -o-transition: transform 0.5s ease;
  -webkit-transition: transform 0.5s ease;
  -ms-transition: transform 0.5s ease;
  transition: transform 0.5s ease;
} /* line 2682, scss/scss.scss */
.tab_select_slide .bt2 span.x:before,
.tab_select_slide_box .bt2 span.x:before {
  width: 8px;
  height: 2px;
  right: 18px;
} /* line 2687, scss/scss.scss */
.tab_select_slide .bt2 span.x:after,
.tab_select_slide_box .bt2 span.x:after {
  width: 2px;
  height: 8px;
  right: 21px;
} /* line 2693, scss/scss.scss */
.tab_select_slide .bt2.active,
.tab_select_slide_box .bt2.active {
  background: #6b1010; /* Old browsers */
  background: -moz-linear-gradient(left, #6b1010 0%, #730009 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #6b1010 0%, #730009 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to right,
    #6b1010 0%,
    #730009 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b1010', endColorstr='#730009',GradientType=1 ); /* IE6-9 */
} /* line 2696, scss/scss.scss */
.tab_select_slide .bt2.active span.x:before,
.tab_select_slide_box .bt2.active span.x:before {
  transform: translate(0, -50%) rotate(45deg);
} /* line 2699, scss/scss.scss */
.tab_select_slide .bt2.active span.x:after,
.tab_select_slide_box .bt2.active span.x:after {
  transform: translate(0, -50%) rotate(45deg);
} /* line 2706, scss/scss.scss */
.bt2 {
  display: block;
  color: #fff;
  background: #cd0e0e; /* Old browsers */
  background: -moz-linear-gradient(left, #cd0e0e 0%, #e60012 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #cd0e0e 0%, #e60012 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to right,
    #cd0e0e 0%,
    #e60012 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cd0e0e', endColorstr='#e60012',GradientType=1 ); /* IE6-9 */
  padding: 20px 20px 15px;
  position: relative;
}
@media (max-width: 767px) {
  /* line 2706, scss/scss.scss */
  .bt2 {
    padding: 15px 20px 10px;
  }
} /* line 2715, scss/scss.scss */
.bt2:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #961918; /* Old browsers */
  background: -moz-linear-gradient(left, #961918 0%, #ae2731 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #961918 0%, #ae2731 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to right,
    #961918 0%,
    #ae2731 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#961918', endColorstr='#ae2731',GradientType=1 ); /* IE6-9 */
  opacity: 0;
  -moz-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  -webkit-transition: opacity 0.5s ease;
  -ms-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
} /* line 2727, scss/scss.scss */
.body-pc .bt2:hover:before {
  opacity: 1;
} /* line 2733, scss/scss.scss */
.hide_item {
  overflow: hidden;
  position: relative;
} /* line 2738, scss/scss.scss */
.world_dot {
  position: relative;
  display: inline-block;
  width: 100%;
}
@media (max-width: 767px) {
  /* line 2738, scss/scss.scss */
  .world_dot {
    width: calc(100% + 30px);
    margin-left: -15px;
  }
} /* line 2747, scss/scss.scss */
.world_dot .dot_wrap .dot {
  position: absolute;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  cursor: pointer;
  z-index: 1;
}
@media (max-width: 991px) {
  /* line 2747, scss/scss.scss */
  .world_dot .dot_wrap .dot {
    pointer-events: none;
  }
} /* line 2758, scss/scss.scss */
.world_dot .dot_wrap .dot:before {
  content: '';
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
} /* line 2769, scss/scss.scss */
.world_dot .dot_wrap .dot:not(.dot1):before {
  border: 2px solid #ffd800;
  background: #e50212;
  animation: flash 1s linear 2s infinite alternate;
} /* line 2775, scss/scss.scss */
.world_dot .dot_wrap .dot.dot1 {
  width: 18px;
  height: 30px;
  background-size: 100%;
  background-image: url(../images/location.png);
  transform: translate(-50%, -100%);
  -moz-transform: translate(-50%, -100%);
  -o-transform: translate(-50%, -100%);
  -webkit-transform: translate(-50%, -100%);
}
@keyframes flash {
  0 {
    border-color: rgba(255, 216, 0, 0);
  }
  50% {
    border-color: rgba(255, 216, 0, 0.4);
  }
  100% {
    border-color: #ffd800;
  }
}
@media (max-width: 991px) {
  /* line 2793, scss/scss.scss */
  .dot_tip_wrap {
    padding: 0 5vw;
    font-size: 0;
    overflow: hidden;
    padding-bottom: 60px;
    overflow: hidden;
  } /* line 2800, scss/scss.scss */
  .dot_tip_wrap .hidden_wrap {
    overflow: hidden;
  }
}
@media (max-width: 480px) {
  /* line 2793, scss/scss.scss */
  .dot_tip_wrap {
    padding: 0 30px;
    padding-bottom: 60px;
  }
}
@media (min-width: 992px) {
  /* line 2808, scss/scss.scss */
  .dot_tip_wrap .box {
    position: absolute;
    max-width: 400px;
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.3), 0 0 35px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    transform: translate(-50%, -100%);
    -moz-transform: translate(-50%, -100%);
    -o-transform: translate(-50%, -100%);
    -webkit-transform: translate(-50%, -100%);
    margin-top: -40px;
    margin-left: 9px;
    z-index: 4;
    display: none;
    height: auto !important;
  }
}
@media (max-width: 991px) {
  /* line 2808, scss/scss.scss */
  .dot_tip_wrap .box {
    display: inline-block !important;
    vertical-align: top;
    width: 50%;
  } /* line 2825, scss/scss.scss */
  .dot_tip_wrap .box.box1 {
    width: 100%;
  } /* line 2829, scss/scss.scss */
  .dot_tip_wrap .box.box1 + .box:not(.box1) .box_wrpa .subject,
  .dot_tip_wrap .box.box1 + .box:not(.box1) + .box:not(.box1) .box_wrpa .subject {
    margin-top: 0;
  } /* line 2835, scss/scss.scss */
  .dot_tip_wrap .box:not(.box1) {
    transform: translate(2px, 0);
    -moz-transform: translate(2px, 0);
    -o-transform: translate(2px, 0);
    -webkit-transform: translate(2px, 0);
  } /* line 2838, scss/scss.scss */
  .dot_tip_wrap .box:not(.box1) .box_wrpa .subject {
    color: #231815;
    background: transparent;
    border: 1px solid #c8c8c8;
    width: calc(100% + 1px);
    margin-left: -1px;
    margin-top: -1px;
    padding: 15px 15px 15px 35px;
    position: relative;
  } /* line 2847, scss/scss.scss */
  .dot_tip_wrap .box:not(.box1) .box_wrpa .subject:before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background: #ff8a00;
    top: 23px;
    left: 15px;
  }
}
@media (max-width: 991px) and (max-width: 767px) {
  /* line 2847, scss/scss.scss */
  .dot_tip_wrap .box:not(.box1) .box_wrpa .subject:before {
    top: 21px;
  }
}
@media (max-width: 991px) {
  /* line 2861, scss/scss.scss */
  .dot_tip_wrap .box:not(.box1) .box_wrpa .content {
    display: none;
  }
} /* line 2868, scss/scss.scss */
.dot_tip_wrap .box:before {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  background: #fff;
  width: 18px;
  height: 18px;
  z-index: 2;
  box-shadow: 0 0 35px rgba(0, 0, 0, 0.3), 0 0 35px rgba(0, 0, 0, 0.3);
}
@media (min-width: 992px) {
  /* line 2868, scss/scss.scss */
  .dot_tip_wrap .box:before {
    content: '';
  }
} /* line 2883, scss/scss.scss */
.dot_tip_wrap .box_wrpa {
  position: relative;
  background: #fff;
  z-index: 2;
  overflow: hidden;
}
@media (min-width: 992px) {
  /* line 2883, scss/scss.scss */
  .dot_tip_wrap .box_wrpa {
    border-radius: 10px;
  }
} /* line 2891, scss/scss.scss */
.dot_tip_wrap .box_wrpa > div {
  padding: 15px 1.5vw 10px;
} /* line 2893, scss/scss.scss */
.dot_tip_wrap .box_wrpa > div.subject {
  color: #fff;
  background: #e60012;
}
@media (max-width: 991px) {
  /* line 2893, scss/scss.scss */
  .dot_tip_wrap .box_wrpa > div.subject {
    padding-left: 25px;
    padding-right: 25px;
    font-weight: 700;
  }
}
@media (max-width: 991px) {
  /* line 2902, scss/scss.scss */
  .dot_tip_wrap .box_wrpa > div.content {
    padding-top: 20px;
    padding-bottom: 20px;
  }
} /* line 2907, scss/scss.scss */
.dot_tip_wrap .box_wrpa > div.content > div {
  padding-left: 30px;
  position: relative;
} /* line 2910, scss/scss.scss */
.dot_tip_wrap .box_wrpa > div.content > div:before {
  position: absolute;
  top: 3px;
  left: 0;
} /* line 2916, scss/scss.scss */
.dot_tip_wrap .box_wrpa > div.content > div.addr:before {
  left: 2px;
}
@media (max-width: 767px) {
  /* line 2928, scss/scss.scss */
  .history_wrap .sc_tab_area .subject {
    margin-bottom: 60px;
  }
} /* line 2932, scss/scss.scss */
.history_wrap .sc_tab_area .subject:before {
  content: '';
  width: 2px;
  position: absolute;
  height: calc(100% + 100px);
  top: -100px;
  left: 100%;
  background: #e60012;
  margin-left: -1px;
}
@media (max-width: 1500px) {
  /* line 2932, scss/scss.scss */
  .history_wrap .sc_tab_area .subject:before {
    height: calc(100% + 80px);
    top: -80px;
  }
}
@media (max-width: 1199px) {
  /* line 2932, scss/scss.scss */
  .history_wrap .sc_tab_area .subject:before {
    height: calc(100% + 60px);
    top: -60px;
  }
}
@media (max-width: 991px) {
  /* line 2932, scss/scss.scss */
  .history_wrap .sc_tab_area .subject:before {
    height: calc(100% + 40px);
    top: -40px;
  }
}
@media (max-width: 767px) {
  /* line 2955, scss/scss.scss */
  .history_wrap .sc_tab_area .subject:before,
  .history_wrap .sc_tab_area .subject:after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
  } /* line 2961, scss/scss.scss */
  .history_wrap .sc_tab_area .subject:before {
    width: 2px;
    height: 40px !important;
    background: #e60012;
    top: calc(100% + 25px) !important;
    margin-left: 0;
  } /* line 2968, scss/scss.scss */
  .history_wrap .sc_tab_area .subject:after {
    width: 15px;
    height: 15px;
    background: #fff;
    border: 5px solid #e60012;
    border-radius: 50%;
    top: calc(100% + 10px);
  }
} /* line 2980, scss/scss.scss */
.history_wrap .sc_tab_area:first-child .subject:before {
  height: calc(100% - 25px);
  top: 25px;
  background: #e60012;
}
@media (max-width: 1199px) {
  /* line 2980, scss/scss.scss */
  .history_wrap .sc_tab_area:first-child .subject:before {
    top: 23px;
  }
} /* line 2991, scss/scss.scss */
.history_wrap .sc_tab_area:last-child {
  padding-bottom: 45px;
  position: relative;
} /* line 2994, scss/scss.scss */
.history_wrap .sc_tab_area:last-child:before,
.history_wrap .sc_tab_area:last-child:after {
  content: '';
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
} /* line 3000, scss/scss.scss */
.history_wrap .sc_tab_area:last-child:before {
  width: 2px;
  height: 30px;
  bottom: 15px;
  background: #e60012;
} /* line 3006, scss/scss.scss */
.history_wrap .sc_tab_area:last-child:after {
  width: 15px;
  height: 15px;
  background: #fff;
  border: 5px solid #e60012;
  border-radius: 50%;
  bottom: 0;
}
@media (max-width: 767px) {
  /* line 3019, scss/scss.scss */
  .history_wrap .sc_tab_area:not(:first-child) .subject .h4:before {
    content: '';
    position: absolute;
    top: -50px;
    left: 50%;
    width: 2px;
    height: 30px;
    margin-left: -1px;
    background: #e60012;
  }
} /* line 3034, scss/scss.scss */
.history_wrap .subject {
  position: relative;
}
@media (min-width: 768px) {
  /* line 3034, scss/scss.scss */
  .history_wrap .subject {
    width: 50%;
  }
}
@media (max-width: 767px) {
  /* line 3034, scss/scss.scss */
  .history_wrap .subject {
    text-align: center;
    padding-bottom: 10px;
  }
} /* line 3043, scss/scss.scss */
.history_wrap .subject .h4 {
  position: relative;
}
@media (min-width: 768px) {
  /* line 3046, scss/scss.scss */
  .history_wrap .subject .h4:before,
  .history_wrap .subject .h4:after {
    content: '';
    position: absolute;
    top: 50%;
  } /* line 3051, scss/scss.scss */
  .history_wrap .subject .h4:before {
    width: 8.5vw;
    height: 2px;
    background: #e60012;
    right: 0;
    margin-top: -5px;
  } /* line 3058, scss/scss.scss */
  .history_wrap .subject .h4:after {
    width: 15px;
    height: 15px;
    background: #fff;
    border: 5px solid #e60012;
    border-radius: 50%;
    right: 8.5vw;
    margin-top: -12px;
  }
} /* line 3068, scss/scss.scss */
.history_wrap .subject .h4 > span {
  display: block;
}
@media (min-width: 768px) {
  /* line 3072, scss/scss.scss */
  .history_wrap .subject + .box2 {
    padding-bottom: 3vw;
    padding-top: 0;
    margin-top: calc(-90px - 1vw);
  }
} /* line 3080, scss/scss.scss */
.history_wrap .box1 {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
@media (min-width: 768px) {
  /* line 3080, scss/scss.scss */
  .history_wrap .box1 {
    width: 60%;
  }
}
@media (max-width: 767px) {
  /* line 3080, scss/scss.scss */
  .history_wrap .box1 {
    position: relative;
  } /* line 3089, scss/scss.scss */
  .history_wrap .box1:before {
    content: '';
    width: 2px;
    height: 30px;
    background: #e60012;
    position: absolute;
    left: 50%;
    bottom: calc(100% - 5px);
    margin-left: -1px;
  }
} /* line 3100, scss/scss.scss */
.history_wrap .box1 + .box1 {
  padding-top: 4.5vw;
  position: relative;
}
@media (max-width: 767px) {
  /* line 3100, scss/scss.scss */
  .history_wrap .box1 + .box1 {
    padding-top: 30px;
  }
}
@media (min-width: 768px) {
  /* line 3106, scss/scss.scss */
  .history_wrap .box1 + .box1:before {
    content: '';
    background: #e60012;
    width: 2px;
    height: 2.5vw;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -1px;
  }
}
@media (max-width: 767px) {
  /* line 3106, scss/scss.scss */
  .history_wrap .box1 + .box1:before {
    height: 20px;
    bottom: calc(100% - 15px);
  }
} /* line 3123, scss/scss.scss */
.history_wrap .box1 .img {
  padding-right: 1.5vw;
  padding-bottom: 1.5vw;
  position: relative;
}
@media (max-width: 767px) {
  /* line 3123, scss/scss.scss */
  .history_wrap .box1 .img {
    padding-right: 15px;
    padding-bottom: 15px;
  }
} /* line 3131, scss/scss.scss */
.history_wrap .box1 .img:before {
  content: '';
  position: absolute;
  background: #e9e9e9;
  width: calc(100% - 1.5vw);
  height: calc(100% - 1.5vw);
  top: 1.5vw;
  left: 1.5vw;
}
@media (max-width: 767px) {
  /* line 3131, scss/scss.scss */
  .history_wrap .box1 .img:before {
    top: 15px;
    left: 15px;
    width: calc(100% - 15px);
    height: calc(100% - 15px);
  }
} /* line 3146, scss/scss.scss */
.history_wrap .box1 .img img {
  position: relative;
  z-index: 1;
} /* line 3152, scss/scss.scss */
.history_wrap .box2 {
  position: relative;
}
@media (min-width: 768px) {
  /* line 3152, scss/scss.scss */
  .history_wrap .box2 {
    width: 50%;
    margin-left: 50%;
  }
} /* line 3158, scss/scss.scss */
.history_wrap .box2 .item {
  font-size: 0;
  border-bottom: 1px solid #bfbfbf;
}
@media (min-width: 768px) {
  /* line 3158, scss/scss.scss */
  .history_wrap .box2 .item {
    padding-left: 50px;
  }
} /* line 3164, scss/scss.scss */
.history_wrap .box2 .item > div {
  display: inline-block;
  vertical-align: top;
} /* line 3167, scss/scss.scss */
.history_wrap .box2 .item > div.subject1 {
  width: 85px;
} /* line 3170, scss/scss.scss */
.history_wrap .box2 .item > div.content {
  width: calc(100% - 85px);
} /* line 3175, scss/scss.scss */
.history_wrap .box2:before {
  width: 2px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #e60012;
  margin-left: -1px;
}
@media (min-width: 768px) {
  /* line 3175, scss/scss.scss */
  .history_wrap .box2:before {
    content: '';
  }
}
@media (max-width: 767px) {
  /* line 3188, scss/scss.scss */
  .history_wrap .box2 + .box1:before {
    bottom: calc(100% - 25px);
  }
}
@media (max-width: 767px) {
  /* line 3195, scss/scss.scss */
  .history_wrap .h4 {
    font-size: 1.875rem;
    line-height: calc(1.875rem + 10px);
  }
}
@media (max-width: 767px) {
  /* line 3200, scss/scss.scss */
  .history_wrap .h7 {
    font-size: 1.125rem;
    line-height: calc(1.125rem + 10px);
  }
} /* line 3206, scss/scss.scss */
.bt_wrap {
  text-align: center;
} /* line 3210, scss/scss.scss */
.bt,
.bt_outlink {
  text-align: center;
  display: inline-block;
  min-width: 185px;
  padding: 20px 20px 15px;
  color: #fff;
  background: #e60012;
  border-bottom: 4px solid #b7000e;
  cursor: pointer;
  -moz-transition: background 0.5s ease;
  -o-transition: background 0.5s ease;
  -webkit-transition: background 0.5s ease;
  -ms-transition: background 0.5s ease;
  transition: background 0.5s ease;
  transition-property: background, border-bottom-color;
}
@media (max-width: 767px) {
  /* line 3210, scss/scss.scss */
  .bt,
  .bt_outlink {
    padding: 15px 20px 10px;
  }
} /* line 3224, scss/scss.scss */
.body-pc .bt:hover,
.body-pc .bt_outlink:hover {
  background: #bf0513;
  border-top-color: #99050f;
} /* line 3229, scss/scss.scss */
.bt_outlink {
  text-align: left;
  position: relative;
  padding-right: 52px;
  min-width: 230px;
} /* line 3234, scss/scss.scss */
.bt_outlink:after {
  content: '';
  width: 12px;
  height: 12px;
  background: url(../images/link_w.png);
  background-size: 100%;
  position: absolute;
  top: 50%;
  margin-top: -6px;
  right: 20px;
} /* line 3248, scss/scss.scss */
.tab_box {
  display: none;
} /* line 3250, scss/scss.scss */
.tab_box.active {
  display: block;
} /* line 3256, scss/scss.scss */
.certificate_slick_wrap .certificate_slick {
  -moz-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  -webkit-transition: opacity 0.5s ease;
  -ms-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  transition-duration: 1s;
} /* line 3261, scss/scss.scss */
.certificate_slick_wrap.ajax_load + .ajax_loader {
  visibility: visible;
  pointer-events: auto;
} /* line 3265, scss/scss.scss */
.certificate_slick_wrap.ajax_load .certificate_slick {
  opacity: 0;
  transition-duration: 0.5s;
} /* line 3270, scss/scss.scss */
.certificate_slick_wrap + .ajax_loader {
  visibility: hidden;
  pointer-events: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9999;
  background: rgba(255, 255, 255, 0.7) url(../images/ajax-loader.svg) center center no-repeat;
  background-size: 100px 100px;
}
@media (min-width: 1200px) {
  /* line 3284, scss/scss.scss */
  .certificate_slick .slick-prev {
    left: -98px;
  }
}
@media (min-width: 1200px) {
  /* line 3289, scss/scss.scss */
  .certificate_slick .slick-next {
    right: -98px;
  }
} /* line 3294, scss/scss.scss */
.certificate_slick .box {
  font-size: 0;
} /* line 3296, scss/scss.scss */
.certificate_slick .box .box1 {
  display: block;
  padding: 2vw;
}
@media (max-width: 767px) {
  /* line 3296, scss/scss.scss */
  .certificate_slick .box .box1 {
    padding: 15px;
  }
} /* line 3305, scss/scss.scss */
.certificate_slick .box .box1 img {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.24);
}
@media (min-width: 768px) {
  /* line 3312, scss/scss.scss */
  .row.flex_row {
    display: flex;
  }
} /* line 3316, scss/scss.scss */
.row.flex_row [class*='col-'] {
  float: none;
} /* line 3322, scss/scss.scss */
.pro_list_top .row.flex_row {
  display: flex;
  align-items: center;
} /* line 3325, scss/scss.scss */
.pro_list_top .img {
  order: 0;
  transform: translate(0, -25px);
  -moz-transform: translate(0, -25px);
  -o-transform: translate(0, -25px);
  -webkit-transform: translate(0, -25px);
} /* line 3329, scss/scss.scss */
.pro_list_top .txt {
  order: 1;
  background: url(../images/pro_list_top_bg.png) left center no-repeat;
  padding-left: 150px;
}
@media (max-width: 1199px) {
  /* line 3329, scss/scss.scss */
  .pro_list_top .txt {
    padding-left: 120px;
  }
} /* line 3337, scss/scss.scss */
.pro_list_top .img_wrap {
  width: calc(100% + 15px);
  position: relative;
} /* line 3341, scss/scss.scss */
.pro_list_top .txt_wrap {
  background: #fff;
  width: calc(100% + 30px);
  transform: translate(-30px, 0);
  -moz-transform: translate(-30px, 0);
  -o-transform: translate(-30px, 0);
  -webkit-transform: translate(-30px, 0);
  padding: 3.5vw 3vw;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.24);
} /* line 3350, scss/scss.scss */
.composition .item {
  position: relative;
  border-bottom: 1px solid #d8d8d8;
  padding-top: 15px;
  padding-bottom: 10px;
  padding-left: 36px;
  margin-bottom: 5px;
} /* line 3357, scss/scss.scss */
.composition .item .num {
  position: absolute;
  background: #e60012;
  width: 24px;
  height: 24px;
  line-height: 29px;
  text-align: center;
  border-radius: 50%;
  color: #fff;
  top: 13px;
  left: 0;
}
@media (max-width: 767px) {
  /* line 3357, scss/scss.scss */
  .composition .item .num {
    line-height: 24px;
  }
} /* line 3375, scss/scss.scss */
.go_calculation {
  padding: 2vw 3.25vw;
  background-color: #161616;
  background-image: url(../images/compute_bg1.png), url(../images/compute_bg.png);
  background-size: 45%, 60%;
  background-position: right top, center center;
  background-repeat: no-repeat, no-repeat;
  color: #fff;
}
@media (max-width: 767px) {
  /* line 3375, scss/scss.scss */
  .go_calculation {
    padding: 20px;
    text-align: center;
    background-image: url(../images/compute_bg.png);
    background-size: 150%;
    background-position: left center;
    background-repeat: no-repeat;
  } /* line 3390, scss/scss.scss */
  .go_calculation .bt {
    padding-top: 15px;
    padding-bottom: 10px;
  }
} /* line 3397, scss/scss.scss */
.pro_list_wrap [class*='col-'] {
  margin-bottom: 3.5vw;
}
@media (max-width: 767px) {
  /* line 3397, scss/scss.scss */
  .pro_list_wrap [class*='col-'] {
    margin-bottom: 40px;
  }
} /* line 3402, scss/scss.scss */
.pro_list_wrap [class*='col-'] a {
/*  background: rgba(0, 0, 0, 0.05);*/
  /* backdrop-filter: blur(20px); */
  padding: 2rem 0;
  display: block;
  text-align: center;
  color: #231815;
  -moz-transition: color 0.5s ease;
  -o-transition: color 0.5s ease;
  -webkit-transition: color 0.5s ease;
  -ms-transition: color 0.5s ease;
  transition: color 0.5s ease;
/*  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.05);*/
} /* line 3407, scss/scss.scss */
.pro_list_wrap [class*='col-'] a .img {
  transform: scale(1, 1);
  -moz-transition: transform 0.5s ease;
  -o-transition: transform 0.5s ease;
  -webkit-transition: transform 0.5s ease;
  -ms-transition: transform 0.5s ease;
  transition: transform 0.5s ease;
} /* line 3411, scss/scss.scss */
.body-pc .pro_list_wrap [class*='col-'] a:hover {
  color: #e60012;
} /* line 3413, scss/scss.scss */
.body-pc .pro_list_wrap [class*='col-'] a:hover .img {
  transform: scale(1.1, 1.1);
}
@media (max-width: 767px) {
  /* line 3417, scss/scss.scss */
  .pro_list_wrap [class*='col-'] a .h9 {
    font-size: 0.9375rem;
    line-height: calc(0.9375rem + 10px);
  }
} /* line 3426, scss/scss.scss */
.pagination_wrap {
  font-size: 0;
} /* line 3428, scss/scss.scss */
.pagination_wrap > * {
  display: inline-block;
  vertical-align: middle;
} /* line 3431, scss/scss.scss */
.pagination_wrap > *.prev,
.pagination_wrap > *.next {
  width: 68px;
  height: 68px;
  background-color: #8a8a8a;
  -moz-transition: background-color 0.5s ease;
  -o-transition: background-color 0.5s ease;
  -webkit-transition: background-color 0.5s ease;
  -ms-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
  background-size: 19px 8px;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 767px) {
  /* line 3431, scss/scss.scss */
  .pagination_wrap > *.prev,
  .pagination_wrap > *.next {
    width: 48px;
    height: 48px;
    background-size: 15px 6px;
  }
} /* line 3445, scss/scss.scss */
.body-pc .pagination_wrap > *.prev:not(.disable):hover,
.body-pc .pagination_wrap > *.next:not(.disable):hover {
  background-color: #e60012;
} /* line 3449, scss/scss.scss */
.pagination_wrap > *.prev.disable,
.pagination_wrap > *.next.disable {
  pointer-events: none;
  opacity: 0.5;
} /* line 3454, scss/scss.scss */
.pagination_wrap > *.prev {
  background-image: url(../images/left.svg);
} /* line 3457, scss/scss.scss */
.pagination_wrap > *.next {
  background-image: url(../fonts/right.svg);
} /* line 3460, scss/scss.scss */
.pagination_wrap > *.pagination {
  width: calc(100% - 136px);
  text-align: center;
}
@media (max-width: 767px) {
  /* line 3460, scss/scss.scss */
  .pagination_wrap > *.pagination {
    display: none;
  }
} /* line 3466, scss/scss.scss */
.pagination_wrap > *.pagination a,
.pagination_wrap > *.pagination span {
  display: inline-block;
} /* line 3468, scss/scss.scss */
.pagination_wrap > *.pagination a:not(:last-child),
.pagination_wrap > *.pagination span:not(:last-child) {
  margin-right: 15px;
} /* line 3472, scss/scss.scss */
.pagination_wrap > *.pagination a {
  -moz-transition: color 0.5s ease;
  -o-transition: color 0.5s ease;
  -webkit-transition: color 0.5s ease;
  -ms-transition: color 0.5s ease;
  transition: color 0.5s ease;
} /* line 3474, scss/scss.scss */
.pagination_wrap > *.pagination a.active,
.body-pc .pagination_wrap > *.pagination a:hover {
  color: #e60012;
} /* line 3479, scss/scss.scss */
.pagination_wrap > *.pagination_select {
  width: calc(100% - 96px);
}
@media (min-width: 768px) {
  /* line 3479, scss/scss.scss */
  .pagination_wrap > *.pagination_select {
    display: none;
  }
} /* line 3484, scss/scss.scss */
.pagination_wrap > *.pagination_select .title_wrap {
  width: 78px;
  position: relative;
  margin: 0 auto;
} /* line 3488, scss/scss.scss */
.pagination_wrap > *.pagination_select .title_wrap .title {
  border-bottom: 2px solid #231815;
  position: relative;
  padding: 0 20px 0 8px;
  color: #231815;
  z-index: 0;
  pointer-events: none;
} /* line 3495, scss/scss.scss */
.pagination_wrap > *.pagination_select .title_wrap .title:after {
  font-family: 'fontello';
  content: '\f107';
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
} /* line 3503, scss/scss.scss */
.pagination_wrap > *.pagination_select .title_wrap .title + select {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 1;
} /* line 3521, scss/scss.scss */
.pd_top {
  background: url(../images/pd_top_bg.jpg) center bottom repeat-x;
  background-size: auto;
} /* line 3524, scss/scss.scss */
.pd_top .subject {
  position: relative;
}
@media (max-width: 991px) {
  /* line 3524, scss/scss.scss */
  .pd_top .subject {
    text-align: center;
  }
}
@media (min-width: 992px) {
  /* line 3524, scss/scss.scss */
  .pd_top .subject {
    padding-left: calc(1.75vw + 15px);
  } /* line 3531, scss/scss.scss */
  .pd_top .subject:before {
    content: '';
    width: 3px;
    height: calc(100% - 10px);
    background: #e2e2e2;
    position: absolute;
    top: 0;
    left: 15px;
  }
}
@media (max-width: 991px) {
  /* line 3542, scss/scss.scss */
  .pd_top .content {
    margin-top: 20px;
  }
}
@media (max-width: 991px) {
  /* line 3547, scss/scss.scss */
  .pd_top .content.mask_div:not(.mask_div_close) {
    max-height: 150px;
    overflow: hidden;
    mask-image: url(../images/mask1.png);
    -webkit-mask-image: url(../images/mask.png);
    mask-repeat: round;
    -webkit-mask-repeat: round;
  }
} /* line 3558, scss/scss.scss */
.pd_top .content li {
  font-size: 0;
} /* line 3560, scss/scss.scss */
.pd_top .content li:not(:first-child) {
  margin-top: 2vw !important;
} /* line 3563, scss/scss.scss */
.pd_top .content li > div {
  display: inline-block;
  vertical-align: top;
} /* line 3566, scss/scss.scss */
.pd_top .content li > div.title {
  width: 110px;
  position: relative;
} /* line 3569, scss/scss.scss */
.pd_top .content li > div.title:after {
  content: '';
  width: 25px;
  height: 1px;
  background: #d3d3d3;
  position: absolute;
  top: 10px;
  right: 0;
} /* line 3578, scss/scss.scss */
.pd_top .content li > div.title + div {
  padding-left: 15px;
  width: calc(100% - 110px);
} /* line 3589, scss/scss.scss */
.pd_spec_wrap .fancybox_img {
  display: block;
}
@media (max-width: 1023px) {
  /* line 3589, scss/scss.scss */
  .pd_spec_wrap .fancybox_img {
    display: inline-block;
    vertical-align: top;
    width: 25%;
  }
}
@media (max-width: 767px) {
  /* line 3589, scss/scss.scss */
  .pd_spec_wrap .fancybox_img {
    width: 50%;
  }
} /* line 3600, scss/scss.scss */
.pd_spec_wrap .img {
  font-size: 0;
}
@media (max-width: 1023px) {
  /* line 3600, scss/scss.scss */
  .pd_spec_wrap .img {
    width: 100%;
    margin-left: -7px;
    margin-right: -7px;
  }
} /* line 3610, scss/scss.scss */
.body-pc .pd_spec_wrap .img a.fancybox_img:hover .img_wrap img {
  opacity: 0.7;
}
@media (min-width: 1024px) {
  /* line 3615, scss/scss.scss */
  .pd_spec_wrap .img a.fancybox_img:nth-of-type(n + 2) {
    margin-top: 30px;
  }
}
@media (max-width: 1023px) {
  /* line 3607, scss/scss.scss */
  .pd_spec_wrap .img a.fancybox_img {
    padding: 7px;
  }
} /* line 3630, scss/scss.scss */
.pd_spec_wrap .img .img_wrap {
  padding: 0;
  background: #f8f8f8;
} /* line 3634, scss/scss.scss */
.pd_spec_wrap .img .img_wrap img {
  -moz-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  -webkit-transition: opacity 0.5s ease;
  -ms-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
} /* line 3638, scss/scss.scss */
.pd_spec_wrap .img .txt {
  position: relative;
  padding-left: 35px;
}
@media (max-width: 1199px) {
  /* line 3638, scss/scss.scss */
  .pd_spec_wrap .img .txt {
    padding-left: 30px;
  }
}
@media (max-width: 991px) {
  /* line 3638, scss/scss.scss */
  .pd_spec_wrap .img .txt {
    padding-left: 20px;
  }
} /* line 3647, scss/scss.scss */
.pd_spec_wrap .img .txt:before {
  content: '';
  width: 27px;
  height: 27px;
  background: url(../images/zoom.svg);
  background-size: 100%;
  position: absolute;
  top: -7px;
  left: 0;
}
@media (max-width: 1199px) {
  /* line 3647, scss/scss.scss */
  .pd_spec_wrap .img .txt:before {
    width: 20px;
    height: 20px;
    top: 1px;
  }
}
@media (max-width: 991px) {
  /* line 3647, scss/scss.scss */
  .pd_spec_wrap .img .txt:before {
    width: 14px;
    height: 14px;
    top: 3px;
  }
}
@media (max-width: 1023px) {
  /* line 3669, scss/scss.scss */
  .pd_spec_wrap .content {
    width: 100%;
  }
}
@media (min-width: 1024px) {
  /* line 3669, scss/scss.scss */
  .pd_spec_wrap .content {
    padding-left: 30px;
    margin-top: -10px;
  }
} /* line 3678, scss/scss.scss */
.body-mobile .pd_spec_wrap .content .content_wrap {
  width: calc(50vw - 685px + 100%);
}
@media (max-width: 1540px) {
  /* line 3678, scss/scss.scss */
  .body-mobile .pd_spec_wrap .content .content_wrap {
    width: calc(100% + 5vw);
  }
}
@media (max-width: 767px) {
  /* line 3678, scss/scss.scss */
  .body-mobile .pd_spec_wrap .content .content_wrap {
    width: 100%;
  }
} /* line 3687, scss/scss.scss */
.body-pc .pd_spec_wrap .content .content_wrap {
  width: calc(50vw - 693px + 100%);
}
@media (max-width: 1540px) {
  /* line 3687, scss/scss.scss */
  .body-pc .pd_spec_wrap .content .content_wrap {
    width: calc(100% + 5vw);
  }
}
@media (max-width: 767px) {
  /* line 3687, scss/scss.scss */
  .body-pc .pd_spec_wrap .content .content_wrap {
    width: 100%;
  }
}
@media (max-width: 1023px) {
  /* line 3697, scss/scss.scss */
  .pd_spec_wrap .content .table_scroll {
    display: none;
  }
}
@media (max-width: 1023px) {
  /* line 3703, scss/scss.scss */
  .pd_spec_wrap .xs-hidden {
    display: none;
  }
}
@media (min-width: 768px) {
  /* line 3708, scss/scss.scss */
  .pd_spec_wrap .xs-visible {
    display: block !important;
  }
}
@media (min-width: 1024px) {
  /* line 3708, scss/scss.scss */
  .pd_spec_wrap .xs-visible {
    display: none !important;
  }
}
@media (max-width: 767px) {
  /* line 3719, scss/scss.scss */
  .pd_bottom .tab_select_box_container {
    padding-bottom: 30px;
  }
} /* line 3726, scss/scss.scss */
.table_scroll {
  position: relative;
} /* line 3729, scss/scss.scss */
.body-mobile .table_scroll .or_table_wrap {
  overflow: auto;
} /* line 3733, scss/scss.scss */
.table_scroll table {
  min-width: 2500px;
} /* line 3737, scss/scss.scss */
.table_scroll table td,
.table_scroll table th {
  padding: 15px 20px 10px;
  color: #333;
  border-bottom: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
  vertical-align: middle;
} /* line 3743, scss/scss.scss */
.table_scroll table td {
  width: auto;
}
.table_scroll table td.fixed_td,
.table_scroll table th.fixed_td {
  width: 200px;
  border-right-width: 3px;
} /* line 3747, scss/scss.scss */
.table_scroll table td .h12,
.table_scroll table th .h12 {
  color: #666;
  margin-top: -5px;
} /* line 3751, scss/scss.scss */
.table_scroll table td:last-child,
.table_scroll table th:last-child {
  padding-right: 70px;
} /* line 3755, scss/scss.scss */
.table_scroll table th {
  background: #333;
  color: #fff;
} /* line 3760, scss/scss.scss */
.table_scroll table tbody tr {
  background: #fff;
} /* line 3762, scss/scss.scss */
.table_scroll table tbody tr:nth-of-type(even) {
  background: #efefef;
} /* line 3768, scss/scss.scss */
.table_scroll table thead td,
.table_scroll table thead th,
.table_scroll table tr th {
  padding: 40px 20px;
  border-right: 1px solid #4b4b4b;
} /* line 3774, scss/scss.scss */
.table_scroll .fixed_table_wrap {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  overflow: hidden;
} /* line 3782, scss/scss.scss */
.table_scroll .fixed_table_top_wrap {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1;
} /* line 3788, scss/scss.scss */
.table_scroll .fixed_table_top_wrap.fixed {
  position: fixed;
  top: 84px;
} /* line 3791, scss/scss.scss */
.table_scroll .fixed_table_top_wrap.fixed .prev,
.table_scroll .fixed_table_top_wrap.fixed .next {
  top: -20px;
}
@media (max-width: 1024px) {
  /* line 3788, scss/scss.scss */
  .table_scroll .fixed_table_top_wrap.fixed {
    top: 82px;
  }
} /* line 3798, scss/scss.scss */
.table_scroll .fixed_table_top_wrap:not(.fixed) {
  left: 0 !important;
} /* line 3801, scss/scss.scss */
.table_scroll .fixed_table_top_wrap .table_wrap {
  overflow: hidden;
} /* line 3803, scss/scss.scss */
.table_scroll .fixed_table_top_wrap .table_wrap .table_fixed_top_left_wrap {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
} /* line 3810, scss/scss.scss */
.table_scroll .fixed_table_top_wrap table {
  position: relative;
} /* line 3814, scss/scss.scss */
.table_scroll .prev,
.table_scroll .next {
  width: 54px;
  height: 54px;
  border-radius: 27px;
  background: #fff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  -moz-transition: 'opacity' 0.5s ease;
  -o-transition: 'opacity' 0.5s ease;
  -webkit-transition: 'opacity' 0.5s ease;
  -ms-transition: 'opacity' 0.5s ease;
  transition: 'opacity' 0.5s ease;
  z-index: 1;
  position: absolute;
  top: -25px;
  -moz-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  -webkit-transition: opacity 0.5s ease;
  -ms-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
} /* line 3826, scss/scss.scss */
.body-pc .table_scroll .prev:hover:before,
.body-pc .table_scroll .prev:hover:after,
.body-pc .table_scroll .next:hover:before,
.body-pc .table_scroll .next:hover:after {
  background-color: #e60012;
} /* line 3830, scss/scss.scss */
.table_scroll .prev:not(.disable),
.table_scroll .next:not(.disable) {
  cursor: pointer;
} /* line 3833, scss/scss.scss */
.table_scroll .prev.disable,
.table_scroll .next.disable {
  opacity: 0;
  pointer-events: none;
} /* line 3837, scss/scss.scss */
.table_scroll .prev:before,
.table_scroll .prev:after,
.table_scroll .next:before,
.table_scroll .next:after {
  content: '';
  width: 8px;
  height: 2px;
  background-color: #999;
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transition: background-color 0.5s ease;
  -o-transition: background-color 0.5s ease;
  -webkit-transition: background-color 0.5s ease;
  -ms-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
} /* line 3847, scss/scss.scss */
.table_scroll .prev:before,
.table_scroll .next:before {
  transform: translate(-50%, -50%) rotate(45deg);
} /* line 3850, scss/scss.scss */
.table_scroll .prev:after,
.table_scroll .next:after {
  transform: translate(-50%, -50%) rotate(-45deg);
} /* line 3854, scss/scss.scss */
.table_scroll .prev {
  right: 183px;
} /* line 3856, scss/scss.scss */
.table_scroll .prev:before,
.table_scroll .prev:after {
  transform-origin: left center;
} /* line 3860, scss/scss.scss */
.table_scroll .next {
  right: 117px;
} /* line 3862, scss/scss.scss */
.table_scroll .next:before,
.table_scroll .next:after {
  transform-origin: right center;
}
@media (max-width: 767px) {
  /* line 3868, scss/scss.scss */
  .page_right_link {
    font-size: 0;
  }
} /* line 3872, scss/scss.scss */
.page_right_link a {
  display: block;
  overflow: hidden;
  border-radius: 7px;
}
@media (max-width: 767px) {
  /* line 3872, scss/scss.scss */
  .page_right_link a {
    margin-top: 10px;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    font-size: 0.9375rem;
    line-height: calc(0.9375rem + 10px);
  }
} /* line 3883, scss/scss.scss */
.page_right_link a > div {
  background-position: 14px 15px;
  background-repeat: no-repeat;
  background-size: 41px 41px;
  color: #fff;
  height: 65px;
  line-height: 70px;
  padding-left: 65px;
  padding-right: 22px;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.15);
  font-weight: 700;
  position: relative;
  z-index: 2;
}
@media (max-width: 767px) {
  /* line 3883, scss/scss.scss */
  .page_right_link a > div {
    height: 44px;
    line-height: 50px;
    background: none !important;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
  } /* line 3903, scss/scss.scss */
  .page_right_link a > div:before {
    content: '';
    background-repeat: no-repeat;
    background-position: center;
    background-size: 25px 25px;
    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    position: relative;
    top: -1px;
  }
} /* line 3918, scss/scss.scss */
.page_right_link a.calculation {
  background: #cd0e0e; /* Old browsers */
  background: -moz-linear-gradient(left, #cd0e0e 0%, #e60012 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #cd0e0e 0%, #e60012 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to right,
    #cd0e0e 0%,
    #e60012 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$v1', endColorstr='$v2',GradientType=1 ); /* IE6-9 */
}
@media (max-width: 767px) {
  /* line 3918, scss/scss.scss */
  .page_right_link a.calculation {
    width: calc(50% - 5px);
    margin-right: 5px;
  }
} /* line 3924, scss/scss.scss */
.page_right_link a.calculation:before {
  background: rgba(35, 24, 21, 0.2);
} /* line 3927, scss/scss.scss */
.page_right_link a.calculation > div {
  background-image: url(../images/prl1.png);
}
@media (max-width: 767px) {
  /* line 3930, scss/scss.scss */
  .page_right_link a.calculation > div:before {
    background-image: url(../images/prl1.png);
  }
} /* line 3936, scss/scss.scss */
.page_right_link a.catalog {
  background: #ff7827; /* Old browsers */
  background: -moz-linear-gradient(left, #ff7827 0%, #ff9c27 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #ff7827 0%, #ff9c27 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to right,
    #ff7827 0%,
    #ff9c27 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$v1', endColorstr='$v2',GradientType=1 ); /* IE6-9 */
}
@media (max-width: 767px) {
  /* line 3936, scss/scss.scss */
  .page_right_link a.catalog {
    width: calc(50% - 5px);
    margin-left: 5px;
  }
} /* line 3942, scss/scss.scss */
.page_right_link a.catalog:before {
  background: rgba(255, 66, 0, 0.35);
} /* line 3945, scss/scss.scss */
.page_right_link a.catalog > div {
  background-image: url(../images/prl2.png);
}
@media (max-width: 767px) {
  /* line 3948, scss/scss.scss */
  .page_right_link a.catalog > div:before {
    background-image: url(../images/prl2.png);
  }
} /* line 3954, scss/scss.scss */
.page_right_link a.cad {
  background-color: #727272;
} /* line 3956, scss/scss.scss */
.page_right_link a.cad:before {
  background: #585858;
} /* line 3959, scss/scss.scss */
.page_right_link a.cad > div {
  background-image: url(../images/prl3.png);
}
@media (max-width: 767px) {
  /* line 3962, scss/scss.scss */
  .page_right_link a.cad > div:before {
    background-image: url(../images/prl3.png);
  }
} /* line 3969, scss/scss.scss */
.page_right_link.xs-hidden {
  position: absolute;
  left: 0;
  transform: translate(-100%, 0);
  -moz-transform: translate(-100%, 0);
  -o-transform: translate(-100%, 0);
  -webkit-transform: translate(-100%, 0);
  text-align: right;
} /* line 3974, scss/scss.scss */
.page_right_link.xs-hidden a {
  border-radius: 0 7px 7px 0;
  position: relative;
  height: 65px;
  transform: translate(52px, 0);
  -moz-transform: translate(52px, 0);
  -o-transform: translate(52px, 0);
  -webkit-transform: translate(52px, 0);
  -moz-transition: transform 0.5s ease;
  -o-transition: transform 0.5s ease;
  -webkit-transition: transform 0.5s ease;
  -ms-transition: transform 0.5s ease;
  transition: transform 0.5s ease;
  transition-property: transform;
} /* line 3981, scss/scss.scss */
.page_right_link.xs-hidden a:before {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  -moz-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  -webkit-transition: opacity 0.5s ease;
  -ms-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  z-index: 1;
} /* line 3992, scss/scss.scss */
.body-pc .page_right_link.xs-hidden a:hover {
  transform: translate(100%, 0);
  -moz-transform: translate(100%, 0);
  -o-transform: translate(100%, 0);
  -webkit-transform: translate(100%, 0);
} /* line 3998, scss/scss.scss */
.page_right_link.xs-hidden a + a {
  margin-top: 6px;
} /* line 4001, scss/scss.scss */
.page_right_link.xs-hidden a > div {
  padding-right: 65px;
  padding-left: 10px;
  background-position: 96% 15px;
} /* line 4010, scss/scss.scss */
.calculation_top {
  text-align: center;
} /* line 4014, scss/scss.scss */
.calculation_input {
  text-align: center;
} /* line 4018, scss/scss.scss */
.calculation_input .input_box {
  position: relative;
}
@media (min-width: 768px) {
  /* line 4018, scss/scss.scss */
  .calculation_input .input_box {
    padding: 0 40px;
  }
} /* line 4023, scss/scss.scss */
.calculation_input .input_box span.unit {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
}
@media (max-width: 767px) {
  /* line 4023, scss/scss.scss */
  .calculation_input .input_box span.unit {
    right: 10px;
  }
} /* line 4033, scss/scss.scss */
.calculation_input input {
  border: 1px solid #ccc;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.35);
  background: #fff;
  border: 0;
  padding: 10px 10px 5px;
  text-align: center;
  width: 100%;
}
@media (max-width: 767px) {
  /* line 4033, scss/scss.scss */
  .calculation_input input {
    padding: 10px 40px 5px 10px;
  }
} /* line 4045, scss/scss.scss */
.calculation_input input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  opacity: 0.3;
} /* line 4048, scss/scss.scss */
.calculation_input input::-moz-placeholder {
  /* Firefox 19+ */
  opacity: 0.3;
} /* line 4051, scss/scss.scss */
.calculation_input input:-ms-input-placeholder {
  /* IE 10+ */
  opacity: 0.3;
} /* line 4054, scss/scss.scss */
.calculation_input input:-moz-placeholder {
  /* Firefox 18- */
  opacity: 0.3;
} /* line 4060, scss/scss.scss */
.calculation_result {
  padding: 3vw;
  border: 1px solid #231815;
  text-align: center;
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  /* line 4060, scss/scss.scss */
  .calculation_result {
    padding: 50px 20px;
  }
} /* line 4069, scss/scss.scss */
.calculation_result:after {
  content: '';
  width: 78px;
  height: 85px;
  background: url(../images/calculation_result_arrow.png);
  background-size: 100%;
  background-repeat: no-repeat;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -64px);
  -moz-transform: translate(-50%, -64px);
  -o-transform: translate(-50%, -64px);
  -webkit-transform: translate(-50%, -64px);
}
@media (max-width: 767px) {
  /* line 4069, scss/scss.scss */
  .calculation_result:after {
    width: 49px;
    height: 52px;
    transform: translate(-50%, -41px);
    -moz-transform: translate(-50%, -41px);
    -o-transform: translate(-50%, -41px);
    -webkit-transform: translate(-50%, -41px);
  }
} /* line 4086, scss/scss.scss */
.calculation_result .result_wrap {
  font-size: 0;
}
@media (min-width: 768px) {
  /* line 4088, scss/scss.scss */
  .calculation_result .result_wrap .box {
    display: inline-block;
    vertical-align: top;
    position: relative;
  }
} /* line 4094, scss/scss.scss */
.calculation_result .result_wrap .box:not(:last-child) {
  padding-right: 3vw;
} /* line 4096, scss/scss.scss */
.calculation_result .result_wrap .box:not(:last-child):after {
  width: 1px;
  height: 100%;
  background: #bdb9b8;
  position: absolute;
  right: 1.5vw;
  top: 0;
}
@media (min-width: 768px) {
  /* line 4096, scss/scss.scss */
  .calculation_result .result_wrap .box:not(:last-child):after {
    content: '';
  }
} /* line 4112, scss/scss.scss */
.contrast_wrap {
  text-align: center;
} /* line 4114, scss/scss.scss */
.contrast_wrap .item_wrap {
  text-align: left;
}
@media (max-width: 767px) {
  /* line 4114, scss/scss.scss */
  .contrast_wrap .item_wrap {
    max-height: 250px;
    overflow: auto;
  } /* line 4119, scss/scss.scss */
  .contrast_wrap .item_wrap .row {
    margin-left: 0;
    margin-right: 0;
  } /* line 4122, scss/scss.scss */
  .contrast_wrap .item_wrap .row [class*='col-'] {
    padding: 0;
  }
} /* line 4127, scss/scss.scss */
.contrast_wrap .item_wrap .item {
  font-size: 0;
  border-bottom: 1px solid #c0c0c0;
  padding: 15px 0 10px;
} /* line 4131, scss/scss.scss */
.contrast_wrap .item_wrap .item > div {
  display: inline-block;
  vertical-align: top;
} /* line 4134, scss/scss.scss */
.contrast_wrap .item_wrap .item > div.subject {
  width: 80px;
  font-weight: 700;
} /* line 4138, scss/scss.scss */
.contrast_wrap .item_wrap .item > div.content {
  width: calc(100% - 100px);
  padding-left: 15px;
} /* line 4147, scss/scss.scss */
.recommend_wrap {
  text-align: center;
} /* line 4149, scss/scss.scss */
.recommend_wrap .pro_list_wrap {
  text-align: left;
} /* line 4154, scss/scss.scss */
.app_list_wrap {
  font-size: 0;
} /* line 4156, scss/scss.scss */
.app_list_wrap .item {
  overflow: hidden;
}
@media (min-width: 768px) {
  /* line 4156, scss/scss.scss */
  .app_list_wrap .item {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    color: #fff;
  }
}
@media (max-width: 767px) {
  /* line 4156, scss/scss.scss */
  .app_list_wrap .item {
    display: block;
  } /* line 4166, scss/scss.scss */
  .app_list_wrap .item:not(:first-child) {
    margin-top: 30px;
  }
} /* line 4171, scss/scss.scss */
.body-pc .app_list_wrap .item:hover .bg {
  transform: scale(1.1, 1.1);
  filter: blur(5px);
} /* line 4176, scss/scss.scss */
.body-pc .app_list_wrap .item:hover .item_wrap:before {
  opacity: 0.5;
} /* line 4181, scss/scss.scss */
.app_list_wrap .item .item_wrap {
  position: relative;
}
@media (min-width: 768px) {
  /* line 4181, scss/scss.scss */
  .app_list_wrap .item .item_wrap {
    padding-bottom: 100%;
  }
} /* line 4186, scss/scss.scss */
.app_list_wrap .item .item_wrap:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #231815;
  z-index: 2;
  opacity: 0;
  -moz-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  -webkit-transition: opacity 0.5s ease;
  -ms-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
} /* line 4198, scss/scss.scss */
.app_list_wrap .item .item_wrap:after {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: -moz-linear-gradient(bottom, black 0%, rgba(0, 0, 0, 0) 55%); /* FF3.6-15 */
  background: -webkit-linear-gradient(bottom, black 0%, rgba(0, 0, 0, 0) 55%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to top,
    black 0%,
    rgba(0, 0, 0, 0) 55%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  z-index: 2;
}
@media (min-width: 768px) {
  /* line 4198, scss/scss.scss */
  .app_list_wrap .item .item_wrap:after {
    content: '';
  }
}
@media (min-width: 768px) {
  /* line 4213, scss/scss.scss */
  .app_list_wrap .item:nth-of-type(even) {
    transform: translate(0, 2.5vw);
    -moz-transform: translate(0, 2.5vw);
    -o-transform: translate(0, 2.5vw);
    -webkit-transform: translate(0, 2.5vw);
  }
} /* line 4218, scss/scss.scss */
.app_list_wrap .item .bg {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  -moz-transition: transform 0.5s ease;
  -o-transition: transform 0.5s ease;
  -webkit-transition: transform 0.5s ease;
  -ms-transition: transform 0.5s ease;
  transition: transform 0.5s ease;
  transition-property: transform, filter;
}
@media (min-width: 768px) {
  /* line 4218, scss/scss.scss */
  .app_list_wrap .item .bg {
    position: absolute;
    height: 100%;
  }
}
@media (max-width: 767px) {
  /* line 4218, scss/scss.scss */
  .app_list_wrap .item .bg {
    padding-bottom: 68%;
    background-position: center top;
  }
}
@media (min-width: 768px) {
  /* line 4237, scss/scss.scss */
  .app_list_wrap .item .txt {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 2.5vw 3vw;
    z-index: 3;
  }
}
@media (max-width: 767px) {
  /* line 4237, scss/scss.scss */
  .app_list_wrap .item .txt {
    background: #fff;
    padding: 25px;
  }
}
@media (max-width: 767px) {
  /* line 4257, scss/scss.scss */
  .app_top > .row.flex_row:not(:first-child) {
    margin-top: 70px;
  }
}
@media (min-width: 1200px) {
  /* line 4262, scss/scss.scss */
  .app_top > .row.flex_row:nth-of-type(odd) .txt {
    padding-right: 4%;
  }
}
@media (min-width: 1200px) {
  /* line 4267, scss/scss.scss */
  .app_top > .row.flex_row:nth-of-type(odd) .img {
    padding-left: 8%;
  }
} /* line 4274, scss/scss.scss */
.app_top > .row.flex_row:nth-of-type(even) .txt {
  order: 1;
}
@media (min-width: 1200px) {
  /* line 4274, scss/scss.scss */
  .app_top > .row.flex_row:nth-of-type(even) .txt {
    padding-left: 4%;
  }
} /* line 4280, scss/scss.scss */
.app_top > .row.flex_row:nth-of-type(even) .img {
  order: 0;
}
@media (min-width: 1200px) {
  /* line 4280, scss/scss.scss */
  .app_top > .row.flex_row:nth-of-type(even) .img {
    padding-right: 8%;
  }
}
@media (min-width: 768px) {
  /* line 4287, scss/scss.scss */
  .app_top > .row.flex_row.style1 {
    display: flex;
    align-items: center;
  } /* line 4290, scss/scss.scss */
  .app_top > .row.flex_row.style1 .img {
    transform: translate(0, -3vw);
    -moz-transform: translate(0, -3vw);
    -o-transform: translate(0, -3vw);
    -webkit-transform: translate(0, -3vw);
  }
}
@media (min-width: 768px) {
  /* line 4296, scss/scss.scss */
  .app_top > .row.flex_row.style2 .txt {
    padding-bottom: calc(3vw + 30px);
  }
}
@media (min-width: 1200px) {
  /* line 4302, scss/scss.scss */
  .app_top > .row.flex_row .txt {
    padding-top: 2vw;
    padding-bottom: 2vw;
  }
}
@media (max-width: 767px) {
  /* line 4308, scss/scss.scss */
  .app_top > .row.flex_row .img {
    margin-top: 30px;
  }
} /* line 4315, scss/scss.scss */
.app_bottom {
  text-align: center;
} /* line 4319, scss/scss.scss */
.technology_list_wrap {
  font-size: 0;
} /* line 4321, scss/scss.scss */
.technology_list_wrap .item {
  display: inline-block;
  vertical-align: top;
  width: 33.33333%;
  text-align: center;
  padding-bottom: 3vw;
}
@media (max-width: 767px) {
  /* line 4321, scss/scss.scss */
  .technology_list_wrap .item {
    width: 50%;
    padding-bottom: 40px;
  }
} /* line 4333, scss/scss.scss */
.technology_list_wrap .item.active .switch:before,
.technology_list_wrap .item.active .switch:after {
  opacity: 1;
} /* line 4340, scss/scss.scss */
.body-pc .technology_list_wrap .item:hover .switch .img {
  transform: scale(1.1, 1.1);
} /* line 4343, scss/scss.scss */
.body-pc .technology_list_wrap .item:hover .switch .txt {
  color: #e60012;
}
@media (min-width: 768px) {
  /* line 4349, scss/scss.scss */
  .technology_list_wrap .item .technology_tab_container {
    width: 300%;
  } /* line 4353, scss/scss.scss */
  .technology_list_wrap .item:nth-of-type(3n + 2) .technology_tab_container {
    transform: translate(-33.33333%, 0);
    -moz-transform: translate(-33.33333%, 0);
    -o-transform: translate(-33.33333%, 0);
    -webkit-transform: translate(-33.33333%, 0);
  } /* line 4358, scss/scss.scss */
  .technology_list_wrap .item:nth-of-type(3n) .technology_tab_container {
    transform: translate(-66.66666%, 0);
    -moz-transform: translate(-66.66666%, 0);
    -o-transform: translate(-66.66666%, 0);
    -webkit-transform: translate(-66.66666%, 0);
  }
}
@media (max-width: 767px) {
  /* line 4364, scss/scss.scss */
  .technology_list_wrap .item .technology_tab_container {
    width: 200%;
  } /* line 4368, scss/scss.scss */
  .technology_list_wrap .item:nth-of-type(2n) .technology_tab_container {
    transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
  }
} /* line 4374, scss/scss.scss */
.technology_list_wrap .switch {
  padding-bottom: 3vw;
  position: relative;
  cursor: pointer;
  padding-left: 10px;
  padding-right: 10px;
  z-index: 1;
}
@media (max-width: 767px) {
  /* line 4374, scss/scss.scss */
  .technology_list_wrap .switch {
    padding-bottom: 20px;
  }
} /* line 4384, scss/scss.scss */
.technology_list_wrap .switch:before,
.technology_list_wrap .switch:after {
  content: '';
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  opacity: 0;
  -moz-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  -webkit-transition: opacity 0.5s ease;
  -ms-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  z-index: 2;
} /* line 4393, scss/scss.scss */
.technology_list_wrap .switch:after {
  width: 100%;
  height: 5px;
  background: #d41519;
  bottom: 0;
} /* line 4399, scss/scss.scss */
.technology_list_wrap .switch:before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 16px 16px 16px;
  border-color: transparent transparent #d41519 transparent;
  bottom: 5px;
}
@media (max-width: 767px) {
  /* line 4399, scss/scss.scss */
  .technology_list_wrap .switch:before {
    border-width: 0 8px 8px 8px;
  }
} /* line 4410, scss/scss.scss */
.technology_list_wrap .switch .img {
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-transition: transform 0.5s ease;
  -o-transition: transform 0.5s ease;
  -webkit-transition: transform 0.5s ease;
  -ms-transition: transform 0.5s ease;
  transition: transform 0.5s ease;
} /* line 4413, scss/scss.scss */
.technology_list_wrap .switch .img img {
  width: auto;
  max-height: 100px;
}
@media (max-width: 767px) {
  /* line 4413, scss/scss.scss */
  .technology_list_wrap .switch .img img {
    max-height: 85px;
  }
} /* line 4421, scss/scss.scss */
.technology_list_wrap .switch .txt {
  -moz-transition: color 0.5s ease;
  -o-transition: color 0.5s ease;
  -webkit-transition: color 0.5s ease;
  -ms-transition: color 0.5s ease;
  transition: color 0.5s ease;
} /* line 4425, scss/scss.scss */
.technology_list_wrap .technology_tab_container {
  display: none;
  background: #fff;
  padding: 3vw 4vw;
  text-align: left;
}
@media (max-width: 767px) {
  /* line 4425, scss/scss.scss */
  .technology_list_wrap .technology_tab_container {
    padding: 30px;
  }
}
@media (min-width: 768px) {
  /* line 4433, scss/scss.scss */
  .technology_list_wrap .technology_tab_container .left {
    padding-right: calc(1.5vw + 15px);
  }
}
@media (min-width: 768px) {
  /* line 4438, scss/scss.scss */
  .technology_list_wrap .technology_tab_container .right {
    padding-left: calc(1.5vw + 15px);
  }
}
@media (max-width: 767px) {
  /* line 4438, scss/scss.scss */
  .technology_list_wrap .technology_tab_container .right {
    margin-top: 15px;
  }
}
@media (max-width: 767px) {
  /* line 4448, scss/scss.scss */
  .news_nav_wrap_row {
    margin-left: 0;
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  /* line 4453, scss/scss.scss */
  .news_nav_wrap_row .news_nav_wrap_div {
    padding: 0;
    position: static;
  }
}
@media (min-width: 768px) {
  /* line 4462, scss/scss.scss */
  .news_nav .title {
    display: none;
  } /* line 4465, scss/scss.scss */
  .news_nav .option {
    display: block !important;
  } /* line 4467, scss/scss.scss */
  .news_nav .option > div {
    padding: 10px 0;
  } /* line 4470, scss/scss.scss */
  .news_nav .option a {
    display: inline-block;
    padding-left: 3vw;
    position: relative;
    -moz-transition: color 0.5s ease;
    -o-transition: color 0.5s ease;
    -webkit-transition: color 0.5s ease;
    -ms-transition: color 0.5s ease;
    transition: color 0.5s ease;
  } /* line 4475, scss/scss.scss */
  .news_nav .option a.h9,
  .body-pc .news_nav .option a:hover {
    color: #e60012;
  } /* line 4478, scss/scss.scss */
  .news_nav .option a.h9 {
    font-weight: 700;
    padding-left: 5.5vw;
  } /* line 4481, scss/scss.scss */
  .news_nav .option a.h9:before {
    width: 4vw;
    height: 0.3vw;
    background: #e60012;
    margin-top: -5px;
  } /* line 4488, scss/scss.scss */
  .news_nav .option a:before {
    content: '';
    position: absolute;
    width: 2vw;
    height: 0.2vw;
    background: #231815;
    top: 50%;
    left: 0;
    margin-top: -4px;
  }
}
@media (max-width: 767px) {
  /* line 4460, scss/scss.scss */
  .news_nav {
    background: #fff;
    width: 100%;
    left: 0;
    z-index: 3;
    font-size: 1.125rem;
    line-height: calc(1.125rem + 10px);
    padding-top: 0 !important;
  } /* line 4516, scss/scss.scss */
  .news_nav .title {
    cursor: pointer;
    background: #cd0e0e; /* Old browsers */
    background: -moz-linear-gradient(left, #cd0e0e 0%, #e60012 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #cd0e0e 0%, #e60012 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
      to right,
      #cd0e0e 0%,
      #e60012 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cd0e0e', endColorstr='#e60012',GradientType=1 ); /* IE6-9 */
    color: #fff;
    padding: 15px calc(5vw + 15px) 10px 5vw;
    position: relative;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  /* line 4516, scss/scss.scss */
  .news_nav .title {
    min-height: 55px;
  }
}
@media (max-width: 767px) {
  /* line 4525, scss/scss.scss */
  .news_nav .title:after {
    content: '\f107';
    font-family: 'fontello';
    position: absolute;
    right: 5vw;
    top: 50%;
    transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
  }
}
@media (max-width: 767px) and (max-width: 480px) {
  /* line 4525, scss/scss.scss */
  .news_nav .title:after {
    right: 30px;
  }
}
@media (max-width: 767px) {
  /* line 4537, scss/scss.scss */
  .news_nav .option {
    width: 100%;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  /* line 4537, scss/scss.scss */
  .news_nav .option {
    display: none;
    border-top: 1px solid #e3e3e3;
    background: #fff;
    position: absolute;
  }
}
@media (max-width: 767px) {
  /* line 4545, scss/scss.scss */
  .news_nav .option a {
    display: table-cell;
    width: 25%;
    color: #231815;
    text-align: center;
    -moz-transition: background 0.5s ease;
    -o-transition: background 0.5s ease;
    -webkit-transition: background 0.5s ease;
    -ms-transition: background 0.5s ease;
    transition: background 0.5s ease;
    transition-property: background, color, border-color, padding;
    padding: 30px 10px 25px;
    position: relative;
    border-bottom: 1px solid #e3e3e3;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  /* line 4545, scss/scss.scss */
  .news_nav .option a {
    display: block;
    width: 100%;
    text-align: left;
    padding: 15px 5vw 10px;
  }
}
@media (max-width: 767px) and (max-width: 480px) {
  /* line 4545, scss/scss.scss */
  .news_nav .option a {
    padding: 15px 30px 10px;
  }
}
@media (max-width: 767px) {
  /* line 4568, scss/scss.scss */
  .body-pc .news_nav .option a:hover {
    background: #e60012;
    color: #fff;
  } /* line 4572, scss/scss.scss */
  .news_nav .option a.active {
    background: #e60012;
    color: #fff;
  } /* line 4575, scss/scss.scss */
  .body-pc .news_nav .option a.active:hover {
    background: #bf0513;
    border-bottom-color: #bf0513;
  } /* line 4580, scss/scss.scss */
  .body-pc .news_nav .option a:hover,
  .news_nav .option a.active {
    border-bottom-color: #e60012;
  } /* line 4582, scss/scss.scss */
  .body-pc .news_nav .option a:hover:after,
  .news_nav .option a.active:after {
    display: none;
  }
}
@media (max-width: 480px) {
  /* line 4592, scss/scss.scss */
  .news_nav .title {
    padding-left: 30px;
    padding-right: 45px;
  }
} /* line 4600, scss/scss.scss */
.news_list_wrap .item {
  font-size: 0;
  margin-bottom: 4vw;
}
@media (max-width: 991px) {
  /* line 4600, scss/scss.scss */
  .news_list_wrap .item {
    margin-bottom: 60px;
  }
}
@media (min-width: 768px) {
  /* line 4606, scss/scss.scss */
  .news_list_wrap .item > div {
    display: inline-block;
    vertical-align: top;
  }
}
@media (min-width: 768px) {
  /* line 4612, scss/scss.scss */
  .news_list_wrap .item .content_wrap {
    width: calc(100% - 80px);
    padding-left: 30px;
  }
}
@media (max-width: 767px) {
  /* line 4612, scss/scss.scss */
  .news_list_wrap .item .content_wrap {
    margin-top: 20px;
  }
}
@media (min-width: 992px) {
  /* line 4620, scss/scss.scss */
  .news_list_wrap .item .content_wrap .flex_box {
    display: flex;
  }
} /* line 4624, scss/scss.scss */
.news_list_wrap .item .content_wrap .flex_box .content {
  display: flex;
  align-items: center;
} /* line 4626, scss/scss.scss */
.news_list_wrap .item .content_wrap .flex_box .content .content_flex_wrap {
  width: 100%;
}
@media (min-width: 992px) {
  /* line 4632, scss/scss.scss */
  .news_list_wrap .item .img {
    width: 35%;
  }
} /* line 4639, scss/scss.scss */
.news_list_wrap .item.exhi_item .img img {
  border: 1px solid #d5d5d5;
} /* line 4645, scss/scss.scss */
.news_list_wrap .item.exhi_item .content .txt [class*='col-'] {
  word-break: break-all;
}
@media (max-width: 991px) {
  /* line 4648, scss/scss.scss */
  .news_list_wrap .item.exhi_item .content .txt [class*='col-']:not(:first-child) {
    margin-top: 5px;
  } /* line 4651, scss/scss.scss */
  .news_list_wrap .item.exhi_item .content .txt [class*='col-'] .subject {
    width: 50px;
  } /* line 4653, scss/scss.scss */
  .news_list_wrap .item.exhi_item .content .txt [class*='col-'] .subject,
  .news_list_wrap .item.exhi_item .content .txt [class*='col-'] .subject + div {
    display: inline-block;
    vertical-align: top;
  } /* line 4657, scss/scss.scss */
  .news_list_wrap .item.exhi_item .content .txt [class*='col-'] .subject + div {
    width: calc(100% - 55px);
  }
}
@media (min-width: 992px) {
  /* line 4666, scss/scss.scss */
  .news_list_wrap .item .content {
    width: 65%;
    padding-left: 30px;
  }
}
@media (max-width: 991px) {
  /* line 4666, scss/scss.scss */
  .news_list_wrap .item .content {
    margin-top: 20px;
  }
} /* line 4675, scss/scss.scss */
.news_list_wrap .item .bt {
  padding: 15px 20px 10px;
} /* line 4681, scss/scss.scss */
.time {
  border: 1px solid #4e4e4e;
  color: #141716;
  text-align: center;
}
@media (min-width: 768px) {
  /* line 4681, scss/scss.scss */
  .time {
    width: 80px;
  }
}
@media (max-width: 767px) {
  /* line 4681, scss/scss.scss */
  .time {
    display: inline-block;
    padding: 10px 20px;
  }
}
@media (min-width: 768px) {
  /* line 4694, scss/scss.scss */
  .time > div:nth-of-type(2) {
    padding-top: 10px;
  } /* line 4697, scss/scss.scss */
  .time > div:last-child {
    margin-top: -10px;
  }
}
@media (max-width: 767px) {
  /* line 4692, scss/scss.scss */
  .time > div {
    display: inline-block;
    vertical-align: top;
  } /* line 4705, scss/scss.scss */
  .time > div:not(:first-child):before {
    content: '/';
  }
}
@media (min-width: 768px) {
  /* line 4711, scss/scss.scss */
  .time .year {
    border-bottom: 1px solid #4e4e4e;
    padding-top: 5px;
  }
}
@media (max-width: 767px) {
  /* line 4717, scss/scss.scss */
  .time .h11,
  .time .h7 {
    font-size: 1.25rem;
    line-height: calc(1.25rem + 10px);
    font-weight: 400;
  }
} /* line 4725, scss/scss.scss */
.link_icon {
  position: relative;
  padding-right: 20px;
  display: inline-block;
} /* line 4729, scss/scss.scss */
.link_icon:before,
.link_icon:after {
  content: '';
  position: absolute;
} /* line 4733, scss/scss.scss */
.link_icon:before {
  width: 0;
  height: 1px;
  left: 0;
  bottom: 0;
  background: #e60012;
  -moz-transition: width 0.5s ease;
  -o-transition: width 0.5s ease;
  -webkit-transition: width 0.5s ease;
  -ms-transition: width 0.5s ease;
  transition: width 0.5s ease;
} /* line 4741, scss/scss.scss */
.link_icon:after {
  width: 12px;
  height: 12px;
  background: url(../images/link.png);
  background-size: 100%;
  right: 0;
  top: 50%;
  margin-top: -9px;
} /* line 4751, scss/scss.scss */
.body-pc .link_icon:hover:before,
.body-mobile .link_icon:before {
  width: 100%;
} /* line 4757, scss/scss.scss */
.news_detail_top {
  font-size: 0;
} /* line 4759, scss/scss.scss */
.news_detail_top > div {
  display: inline-block;
  vertical-align: middle;
}
@media (min-width: 768px) {
  /* line 4762, scss/scss.scss */
  .news_detail_top > div.subject {
    padding-left: 30px;
    width: calc(100% - 80px);
  }
}
@media (max-width: 767px) {
  /* line 4762, scss/scss.scss */
  .news_detail_top > div.subject {
    margin-top: 20px;
    display: block;
  }
} /* line 4771, scss/scss.scss */
.news_detail_top > div.subject .red {
  display: inline-block;
  position: relative;
  padding-bottom: 15px;
}
@media (max-width: 767px) {
  /* line 4771, scss/scss.scss */
  .news_detail_top > div.subject .red {
    padding-bottom: 10px;
  }
} /* line 4778, scss/scss.scss */
.news_detail_top > div.subject .red:after {
  content: '';
  background: #231815;
  position: absolute;
  width: 100%;
  height: 2px;
  left: 0;
  bottom: 0;
} /* line 4793, scss/scss.scss */
.edit .quote {
  background-image: url(../images/quote1.png), url(../images/quote2.png);
  background-size: 18px 17px, 18px 17px;
  background-position: left 0, right 0;
  background-repeat: no-repeat;
  display: inline-block;
  padding: 17px 48px 0;
}
@media (max-width: 767px) {
  /* line 4793, scss/scss.scss */
  .edit .quote {
    background-size: 14px 13px, 14px 13px;
    padding: 13px 15px 0;
  }
} /* line 4805, scss/scss.scss */
.edit .bg_white {
  background: #fff;
  padding: 3.25vw;
}
@media (max-width: 767px) {
  /* line 4805, scss/scss.scss */
  .edit .bg_white {
    padding: 20px;
  }
} /* line 4814, scss/scss.scss */
.box_shadow {
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.24);
} /* line 4817, scss/scss.scss */
.offset_top {
  position: relative;
  z-index: 1;
}
@media (min-width: 768px) {
  /* line 4817, scss/scss.scss */
  .offset_top {
    margin-top: -4.5vw;
  }
}
@media (min-width: 768px) {
  /* line 4824, scss/scss.scss */
  .plr30 {
    padding-left: 30px;
    padding-right: 30px;
  }
} /* line 4831, scss/scss.scss */
.go_back {
  display: inline-block;
  height: 65px;
  line-height: 70px;
  min-width: 160px;
  background: #e60012;
  color: #fff;
  text-align: center;
  padding: 0 30px;
} /* line 4840, scss/scss.scss */
.go_back > img {
  display: inline-block;
  vertical-align: middle;
  margin-top: -5px;
  margin-right: 10px;
  margin-left: -5px;
} /* line 4848, scss/scss.scss */
.r_line {
  position: relative;
}
@media (max-width: 767px) {
  /* line 4848, scss/scss.scss */
  .r_line {
    padding-left: 30px;
  }
} /* line 4853, scss/scss.scss */
.r_line:before {
  content: '';
  position: absolute;
  width: 10px;
  height: 100%;
  top: 0;
  left: -2.5vw;
  background: #e60012;
}
@media (max-width: 767px) {
  /* line 4853, scss/scss.scss */
  .r_line:before {
    left: 0;
  }
} /* line 4866, scss/scss.scss */
.info_box_wrap .r_line:before,
.contact_info .r_line:before {
  top: -5px;
}
@media (max-width: 767px) {
  /* line 4866, scss/scss.scss */
  .info_box_wrap .r_line:before,
  .contact_info .r_line:before {
    top: -2px;
  }
}
@media (min-width: 768px) {
  /* line 4874, scss/scss.scss */
  .contact_top_left {
    padding-left: 2.5vw;
  }
}
@media (max-width: 767px) {
  /* line 4878, scss/scss.scss */
  .contact_top_left .link_bt_wrap {
    text-align: center;
  }
} /* line 4883, scss/scss.scss */
.contact_top_left .link_bt {
  display: inline-block;
  vertical-align: top;
  -moz-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  -webkit-transition: opacity 0.5s ease;
  -ms-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  width: 30%;
  color: #fff;
} /* line 4889, scss/scss.scss */
.body-pc .contact_top_left .link_bt:hover {
  opacity: 0.7;
} /* line 4892, scss/scss.scss */
.contact_top_left .link_bt .img {
  border-radius: 5px;
  overflow: hidden;
} /* line 4896, scss/scss.scss */
.contact_top_left .link_bt.tmall {
  margin-right: 10%;
} /* line 4898, scss/scss.scss */
.contact_top_left .link_bt.tmall .img {
  background: #cd0e0e; /* Old browsers */
  background: -moz-linear-gradient(left, #cd0e0e 0%, #e60012 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #cd0e0e 0%, #e60012 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to right,
    #cd0e0e 0%,
    #e60012 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cd0e0e', endColorstr='#e60012',GradientType=1 ); /* IE6-9 */
} /* line 4903, scss/scss.scss */
.contact_top_left .link_bt.penguin .img {
  background: #01a3e3; /* Old browsers */
  background: -moz-linear-gradient(left, #01a3e3 0%, #01c6e3 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #01a3e3 0%, #01c6e3 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to right,
    #01a3e3 0%,
    #01c6e3 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$v1', endColorstr='$v2',GradientType=1 ); /* IE6-9 */
}
@media (max-width: 767px) {
  /* line 4910, scss/scss.scss */
  .contact_xs_bg {
    width: calc(100% + 10vw);
    margin-left: -5vw;
    background: #202020;
    padding: 40px 5vw;
  }
}
@media (max-width: 480px) {
  /* line 4910, scss/scss.scss */
  .contact_xs_bg {
    width: calc(100% + 60px);
    margin-left: -30px;
    padding: 40px 30px;
  }
} /* line 4924, scss/scss.scss */
.contact_info {
  position: relative;
}
@media (min-width: 768px) {
  /* line 4924, scss/scss.scss */
  .contact_info {
    padding: 3.5vw 2.5vw;
  }
}
@media (max-width: 767px) {
  /* line 4929, scss/scss.scss */
  .contact_info .content_wrap {
    background: #202020;
  }
}
@media (min-width: 768px) {
  /* line 4934, scss/scss.scss */
  .contact_info + .info_box_wrap {
    padding-left: 2.5vw;
    padding-right: 2.5vw;
  }
}
@media (max-width: 767px) {
  /* line 4934, scss/scss.scss */
  .contact_info + .info_box_wrap {
    background: #000000; /* Old browsers */
    background: -moz-linear-gradient(top, #000000 0%, #333333 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #000000 0%, #333333 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
      to bottom,
      #000000 0%,
      #333333 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  }
}
@media (max-width: 767px) {
  /* line 4945, scss/scss.scss */
  .contact_info + .info_box_wrap [class*='col-'] {
    padding-left: 45px;
  }
} /* line 4951, scss/scss.scss */
.contact_info:before {
  background: #202020;
  position: absolute;
  width: calc(50vw - 685px + 100%);
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}
@media (min-width: 768px) {
  /* line 4951, scss/scss.scss */
  .contact_info:before {
    content: '';
  }
}
@media (max-width: 1522px) {
  /* line 4951, scss/scss.scss */
  .contact_info:before {
    width: 95vw;
  }
} /* line 4965, scss/scss.scss */
.contact_info > * {
  position: relative;
  z-index: 2;
}
@media (max-width: 767px) {
  /* line 4971, scss/scss.scss */
  .contact_info .item:not(:first-child) {
    margin-top: 25px;
  }
} /* line 4975, scss/scss.scss */
.contact_info .item .map_warp {
  padding-bottom: 50%;
  position: relative;
} /* line 4978, scss/scss.scss */
.contact_info .item .map_warp iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
} /* line 4987, scss/scss.scss */
.contact_info .item .info_box > div {
  padding-left: 25px;
  position: relative;
  margin-top: 10px;
} /* line 4991, scss/scss.scss */
.contact_info .item .info_box > div:before {
  position: absolute;
  top: 4px;
  left: 0;
  font-size: 1rem;
} /* line 5002, scss/scss.scss */
.contact_form {
  padding-right: 2.5vw;
  min-height: 735px;
}
@media (min-width: 992px) {
  /* line 5002, scss/scss.scss */
  .contact_form {
    min-height: 528px;
  }
}
@media (max-width: 768px) {
  /* line 5002, scss/scss.scss */
  .contact_form {
    min-height: 864px;
  }
}
@media (max-width: 767px) {
  /* line 5002, scss/scss.scss */
  .contact_form {
    min-height: 831px;
  }
} /* line 5014, scss/scss.scss */
.contact_form .SJ_feild {
  color: #292929;
  margin-bottom: 25px;
}
@media (min-width: 992px) {
  /* line 5017, scss/scss.scss */
  .contact_form .SJ_feild:nth-of-type(-n + 4),
  .contact_form .SJ_feild:nth-last-of-type(-n + 2) {
    display: inline-block;
    vertical-align: top;
    width: calc(50% - 15px);
  }
}
@media (min-width: 992px) {
  /* line 5025, scss/scss.scss */
  .contact_form .SJ_feild:nth-of-type(-n + 4):nth-of-type(odd) {
    margin-right: 15px;
  }
}
@media (min-width: 992px) {
  /* line 5030, scss/scss.scss */
  .contact_form .SJ_feild:nth-of-type(-n + 4):nth-of-type(even) {
    margin-left: 15px;
  }
}
@media (min-width: 992px) {
  /* line 5036, scss/scss.scss */
  .contact_form .SJ_feild:nth-last-of-type(2) {
    margin-right: 15px;
  }
}
@media (min-width: 992px) {
  /* line 5041, scss/scss.scss */
  .contact_form .SJ_feild:nth-last-of-type(1) {
    margin-left: 15px;
  }
} /* line 5047, scss/scss.scss */
.contact_form .SJ_feild.SJ_feild_14 .SJ_label + div {
  margin-top: 5px;
} /* line 5052, scss/scss.scss */
.contact_form .SJ_feild.SJ_feild_code .SJ_label + div {
  position: relative;
} /* line 5054, scss/scss.scss */
.contact_form .SJ_feild.SJ_feild_code .SJ_label + div .SJ_code_img {
  position: absolute;
  padding-left: 0 !important;
  right: 10px;
  top: 50%;
  transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
} /* line 5061, scss/scss.scss */
.contact_form .SJ_feild.SJ_feild_code .SJ_label + div .SJ_text {
  width: calc(100% - 55px);
} /* line 5067, scss/scss.scss */
.contact_form .SJ_feild.SJ_feild_submit input {
  border: 0;
  text-align: center;
  padding: 10px 20px 2px;
  width: 100%;
  color: #fff;
  background: #e60012;
  border-bottom: 4px solid #b7000e;
  cursor: pointer;
  -moz-transition: background 0.5s ease;
  -o-transition: background 0.5s ease;
  -webkit-transition: background 0.5s ease;
  -ms-transition: background 0.5s ease;
  transition: background 0.5s ease;
  transition-property: background, border-bottom-color;
} /* line 5078, scss/scss.scss */
.body-pc .contact_form .SJ_feild.SJ_feild_submit input:hover {
  background: #bf0513;
  border-top-color: #99050f;
} /* line 5085, scss/scss.scss */
.contact_form .SJ_feild:not(.SJ_feild_submit):not(.SJ_feild_14) > div {
  display: inline-block;
  vertical-align: middle;
} /* line 5088, scss/scss.scss */
.contact_form .SJ_feild:not(.SJ_feild_submit):not(.SJ_feild_14) > div.SJ_label {
  width: 130px;
} /* line 5090, scss/scss.scss */
.contact_form .SJ_feild:not(.SJ_feild_submit):not(.SJ_feild_14) > div.SJ_label + div {
  width: calc(100% - 130px);
}
@media (max-width: 768px) {
  /* line 5097, scss/scss.scss */
  .contact_form .SJ_feild:nth-of-type(6) > div {
    display: block !important;
  } /* line 5100, scss/scss.scss */
  .contact_form .SJ_feild:nth-of-type(6) > div.SJ_label {
    width: 100% !important;
  } /* line 5102, scss/scss.scss */
  .contact_form .SJ_feild:nth-of-type(6) > div.SJ_label + div {
    width: 100% !important;
    margin-top: 5px;
  }
} /* line 5110, scss/scss.scss */
.contact_form .SJ_feild:not(.SJ_feild_submit) {
  padding: 10px 20px 5px;
  background: #fff;
} /* line 5114, scss/scss.scss */
.contact_form .SJ_feild .SJ_text,
.contact_form .SJ_feild .SJ_textarea,
.contact_form .SJ_feild .SJ_select {
  width: 100%;
  border: 0;
} /* line 5118, scss/scss.scss */
.contact_form .SJ_feild .SJ_textarea {
  height: 100px;
  resize: vertical;
} /* line 5122, scss/scss.scss */
.contact_form .SJ_feild .SJ_checkbox_span {
  font-size: 0.9375rem;
  line-height: calc(0.9375rem + 10px);
  display: inline-block;
}
@media (max-width: 768px) {
  /* line 5122, scss/scss.scss */
  .contact_form .SJ_feild .SJ_checkbox_span {
    display: block;
  }
}
@media (min-width: 769px) {
  /* line 5128, scss/scss.scss */
  .contact_form .SJ_feild .SJ_checkbox_span:not(:last-child) {
    margin-right: 20px;
  }
} /* line 5133, scss/scss.scss */
.contact_form .SJ_feild .SJ_checkbox_span .SJ_checkbox {
  position: relative;
  top: 1px;
  margin-right: 5px;
} /* line 5139, scss/scss.scss */
.contact_form .SJ_feild .placeholder {
  color: transparent;
} /* line 5142, scss/scss.scss */
.contact_form .SJ_feild ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: transparent;
} /* line 5145, scss/scss.scss */
.contact_form .SJ_feild ::-moz-placeholder {
  /* Firefox 19+ */
  color: transparent;
} /* line 5148, scss/scss.scss */
.contact_form .SJ_feild :-ms-input-placeholder {
  /* IE 10+ */
  color: transparent;
} /* line 5151, scss/scss.scss */
.contact_form .SJ_feild :-moz-placeholder {
  /* Firefox 18- */
  color: transparent;
} /* line 5157, scss/scss.scss */
.gotop {
  cursor: pointer;
  position: fixed;
  right: 3.5vw;
  bottom: 0;
  background: url(../images/gotop.png) center center no-repeat;
  background-size: 100%;
  width: 62px;
  height: 62px;
  z-index: 3;
  opacity: 0;
  pointer-events: none;
  transform: translate(0, -60px);
  -moz-transform: translate(0, -60px);
  -o-transform: translate(0, -60px);
  -webkit-transform: translate(0, -60px);
  -moz-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  -webkit-transition: opacity 0.5s ease;
  -ms-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
} /* line 5171, scss/scss.scss */
.gotop.visible {
  opacity: 1;
  pointer-events: auto;
} /* line 5175, scss/scss.scss */
.gotop.fixed {
  position: absolute;
  transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  bottom: auto;
} /* line 5182, scss/scss.scss */
footer {
  font-size: 0;
} /* line 5184, scss/scss.scss */
footer .foot_info {
  color: #191919;
  font-size: 0;
}
@media (min-width: 992px) {
  /* line 5184, scss/scss.scss */
  footer .foot_info {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 410px);
  }
}
@media (min-width: 768px) {
  /* line 5192, scss/scss.scss */
  footer .foot_info > div {
    display: inline-block;
    vertical-align: top;
  }
}
@media (min-width: 992px) {
  /* line 5197, scss/scss.scss */
  footer .foot_info > div.img {
    width: 9.5vw;
  }
}
@media (max-width: 991px) {
  /* line 5197, scss/scss.scss */
  footer .foot_info > div.img {
    width: 120px;
  }
} /* line 5204, scss/scss.scss */
footer .foot_info > div.img + div {
  padding-left: 2.5vw;
}
@media (min-width: 992px) {
  /* line 5204, scss/scss.scss */
  footer .foot_info > div.img + div {
    width: calc(100% - 9.5vw);
  }
}
@media (max-width: 991px) {
  /* line 5204, scss/scss.scss */
  footer .foot_info > div.img + div {
    width: calc(100% - 120px);
  }
}
@media (max-width: 767px) {
  /* line 5204, scss/scss.scss */
  footer .foot_info > div.img + div {
    width: 100%;
    margin-top: 20px;
    padding-left: 0;
  }
}
@media (max-width: 767px) {
  /* line 5220, scss/scss.scss */
  footer .foot_info .h11 {
    font-size: 1.125rem;
    line-height: calc(1.125rem + 10px);
  }
} /* line 5227, scss/scss.scss */
footer .copy_right,
footer .copy_right a {
  color: #999;
  font-size: 0.8125rem;
  line-height: calc(0.8125rem + 8px);
} /* line 5232, scss/scss.scss */
footer .foot_nav {
  width: 410px;
  font-size: 0;
  margin-left: -15px;
  margin-right: -15px;
  text-align: right;
}
@media (min-width: 992px) {
  /* line 5232, scss/scss.scss */
  footer .foot_nav {
    display: inline-block;
    vertical-align: top;
  }
} /* line 5242, scss/scss.scss */
footer .foot_nav a {
  display: inline-block;
  vertical-align: top;
  padding: 0 15px 10px;
  position: relative;
  -moz-transition: color 0.5s ease;
  -o-transition: color 0.5s ease;
  -webkit-transition: color 0.5s ease;
  -ms-transition: color 0.5s ease;
  transition: color 0.5s ease;
} /* line 5248, scss/scss.scss */
.body-pc footer .foot_nav a:hover {
  color: #e60012;
} /* line 5250, scss/scss.scss */
.body-pc footer .foot_nav a:hover:after {
  width: calc(100% - 30px);
} /* line 5254, scss/scss.scss */
footer .foot_nav a:after {
  content: '';
  background: #e60012;
  width: 0;
  height: 2px;
  position: absolute;
  left: 15px;
  bottom: 0;
  -moz-transition: width 0.5s ease;
  -o-transition: width 0.5s ease;
  -webkit-transition: width 0.5s ease;
  -ms-transition: width 0.5s ease;
  transition: width 0.5s ease;
} /* line 5264, scss/scss.scss */
footer .foot_nav a:not(:last-child):before {
  content: '';
  width: 1px;
  height: 10px;
  background: #d9d9d9;
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 7px;
} /* line 5279, scss/scss.scss */
.body-mobile .mCustomScrollbars {
  overflow: auto;
} /* line 5284, scss/scss.scss */
.fancybox-bg {
  background: black;
} /* line 5287, scss/scss.scss */
.facybox_inline {
  max-width: 75%;
  max-height: 100%;
  margin: 0;
  padding: 80px 0 0 0 !important;
  background: transparent;
  color: #fff;
}
@media (max-width: 767px) {
  /* line 5287, scss/scss.scss */
  .facybox_inline {
    max-width: 100%;
    padding-top: 70px;
  }
} /* line 5298, scss/scss.scss */
.body-mobile .facybox_inline {
  width: 100%;
  height: 100%;
} /* line 5302, scss/scss.scss */
.facybox_inline .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: #fff;
} /* line 5305, scss/scss.scss */
.facybox_inline .fancybox-close-small {
  background: url(../images/close.png.html);
  background-size: cover;
  top: 20px;
}
@media (max-width: 767px) {
  /* line 5305, scss/scss.scss */
  .facybox_inline .fancybox-close-small {
    width: 30px;
    height: 30px;
    right: 20px;
  }
} /* line 5314, scss/scss.scss */
.facybox_inline .fancybox-close-small:after {
  display: none;
} /* line 5318, scss/scss.scss */
.facybox_inline .content_scroll {
  padding: 0 20px 80px;
}
@media (max-width: 767px) {
  /* line 5318, scss/scss.scss */
  .facybox_inline .content_scroll {
    padding: 0 5vw 50px;
  }
}
@media (max-width: 480px) {
  /* line 5318, scss/scss.scss */
  .facybox_inline .content_scroll {
    padding-left: 30px;
    padding-right: 30px;
  }
} /* line 5327, scss/scss.scss */
.body-mobile .facybox_inline .content_scroll {
  overflow: hidden;
} /* line 5343, scss/scss.scss */
.fancybox-slide--iframe .fancybox-content {
  max-width: 75%;
  max-height: 90%;
  margin: 0;
} /* line 5348, scss/scss.scss */
.fancybox-slide--image .fancybox-content {
  width: 970px;
  height: 546px;
  max-width: 80%;
  max-height: 80%;
  margin: 0;
} /* line 5355, scss/scss.scss */
.fancybox-image {
  max-width: 90%;
  max-height: 90%;
  width: auto;
  height: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
} /* line 5364, scss/scss.scss */
.fancybox-button {
  background: #e60012;
} /* line 5370, scss/scss.scss */
.fancybox-navigation .fancybox-button:before {
  font-family: 'fontello';
  font-size: 3vw;
}
@media (max-width: 1199px) {
  /* line 5370, scss/scss.scss */
  .fancybox-navigation .fancybox-button:before {
    font-size: 5vw;
  }
}
@media (max-width: 767px) {
  /* line 5370, scss/scss.scss */
  .fancybox-navigation .fancybox-button:before {
    font-size: 7vw;
  }
} /* line 5380, scss/scss.scss */
.fancybox-navigation .fancybox-button svg {
  display: none;
} /* line 5385, scss/scss.scss */
.fancybox-navigation .fancybox-button--arrow_left:before {
  content: '\e803';
} /* line 5390, scss/scss.scss */
.fancybox-navigation .fancybox-button--arrow_right:before {
  content: '\e800';
} /* line 5396, scss/scss.scss */
.facybox_inline {
  display: none;
} /* line 5399, scss/scss.scss */
.facybox_inline .video > div {
  height: auto !important;
} /* line 5405, scss/scss.scss */
[class^='icon-']:before,
[class*=' icon-']:before {
  margin-left: 0;
  margin-right: 0;
} /* line 5410, scss/scss.scss */
.row.inline-box {
  font-size: 0;
} /* line 5412, scss/scss.scss */
.row.inline-box > [class*='col-'] {
  display: inline-block;
  vertical-align: top;
  float: none;
}
@media (max-width: 480px) {
  /* line 5416, scss/scss.scss */
  .row.inline-box > [class*='col-'].col-xxs-12 {
    width: 100%;
  }
}
@media (max-width: 767px) {
  /* line 5421, scss/scss.scss */
  .row.inline-box > [class*='col-']:not([class*='col-xs']) {
    width: 100%;
  }
}
@media (max-width: 767px) {
  /* line 5426, scss/scss.scss */
  .row.inline-box > [class*='col-']:not([class*='col-xxs']) {
    width: 100%;
  }
} /* line 5433, scss/scss.scss */
.row.inline-box.v-middle [class*='col-'] {
  vertical-align: middle;
} /* line 5439, scss/scss.scss */
.row.row0 {
  margin-left: 0;
  margin-right: 0;
} /* line 5442, scss/scss.scss */
.row.row0 [class*='col-'] {
  padding: 0;
} /* line 5447, scss/scss.scss */
.zoom {
  overflow: hidden;
} /* line 5449, scss/scss.scss */
.zoom img {
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
} /* line 5453, scss/scss.scss */
.zoom:hover img {
  transform: scale(1.1, 1.1);
} /* line 5459, scss/scss.scss */
.div-fixed {
  position: absolute;
  z-index: 10;
} /* line 5463, scss/scss.scss */
.div-fixed[data-offset='1'] {
  transform: translate(-100%, -50%);
  -moz-transform: translate(-100%, -50%);
  -o-transform: translate(-100%, -50%);
  -webkit-transform: translate(-100%, -50%);
} /* line 5466, scss/scss.scss */
.div-fixed.fixed {
  position: fixed;
  top: 84px;
}
@media (max-width: 1024px) {
  /* line 5466, scss/scss.scss */
  .div-fixed.fixed {
    top: 82px;
  }
} /* line 5472, scss/scss.scss */
.div-fixed.fixed[data-offset='1'] {
  top: 50%;
} /* line 5478, scss/scss.scss */
.parallax {
  -moz-transition: transform 0.8s ease;
  -o-transition: transform 0.8s ease;
  -webkit-transition: transform 0.8s ease;
  -ms-transition: transform 0.8s ease;
  transition: transform 0.8s ease;
} /* line 5481, scss/scss.scss */
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #e60012 !important;
  width: 100%;
  border-radius: 0;
} /* line 5486, scss/scss.scss */
.mCSB_scrollTools .mCSB_draggerRail {
  background: transparent;
} /* line 5489, scss/scss.scss */
.mCSB_scrollTools {
  width: 5px;
} /* line 5492, scss/scss.scss */
.mCSB_inside > .mCSB_container {
  margin-right: 5px;
} /* line 5496, scss/scss.scss */
.mask {
  -webkit-mask-image: url(../images/mask.png);
  mask-image: url(../images/mask1.png);
  -webkit-mask-size: 100% 100%;
  -webkit-mask-mode: luminance;
  mask-mode: luminance;
} /* line 5504, scss/scss.scss */
.mCustomScrollBox,
.mCSB_container,
.mCSB_container {
  touch-action: auto;
} /* line 5508, scss/scss.scss */
.pd_spec_wrap .img .img_wrap {
  position: relative;
  overflow: hidden;
} /* line 5511, scss/scss.scss */
.pd_spec_wrap .img .img_wrap canvas {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
}
.modal-table table {
  /* min-width: 1400px; */
  table-layout: fixed;
  word-wrap: break-all;
}
.modal-table table thead tr:nth-of-type(1) {
}
.modal-table table thead tr.firstRow {
  background: #000;
  color: #fff;
}
.modal-table table thead tr.firstRow td {
  background: #000;
  color: #fff;
}
.modal-table table thead tr.firstRow th {
  background: #000;
  color: #fff;
}
.modal-table table tr:nth-of-type(1) th {
  background: #000;
  color: #fff;
  padding: 25px 0 25px 10px;
}
.modal-table table th,
.modal-table table td {
  width: 150px;
}
.modal-table table tr td,
.modal-table table tr th {
  padding: 10px 0 10px 10px;
}
.modal-table table th:nth-of-type(1),
.modal-table table td:nth-of-type(1) {
  width: 200px;
}

.modal-table table tr.firstRow > td:first-child,
.modal-table table tr:not(.firstRow) > td:first-child {
  position: sticky;
  left: 0;
  z-index: 1;
  background-color: #ececec;
}

/* 表头固定 */
.modal-table table tr.firstRow > td {
  position: sticky;
  top: 0;
  z-index: 2;
}

/* 表头首列强制最顶层 */
.modal-table table tr.firstRow > td:first-child {
  z-index: 3;
}
.table_scroll table th,
.table_scroll table td{
  white-space: nowrap!important;
}