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

html { line-height: 1; }

ol, ul { /* list-style: none; */ }

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

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }

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

a img { border: none; }

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

/* Config */
html { width: 100%; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.5); }
html .no-tap-highlight { -webkit-tap-highlight-color: transparent; }

html { font-size: 100%; line-height: 1.5em; }

*, *:before, *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; -webkit-tap-highlight-color: inherit; }

body { color: #333; font-family: Arial, sans-serif, "Tahoma"; background-color: #fff; overflow-x: hidden; }
@media (max-width: 599px) { body.page_index { padding-top: 55px; } }
body.is-lock { width: 100%; position: fixed; top: 0; left: 0; overflow: hidden !important; }

a { color: #666; text-decoration: none; }
a:visited { color: #666; }
a:focus { color: #666; }
a:hover { color: #666; }
a:active { color: #666; }

[href*="tel:"] { color: #0068b7 !important; text-decoration: underline; }

input[type*="text"], select, textarea { outline: none; padding: 7px 8px; border: 1px solid #eee; background-color: #fff; border-radius: 0; color: #333; }

input[type*="text"]:-moz-placeholder { color: #777; }
input[type*="text"]::-moz-placeholder { color: #777; }
input[type*="text"]:-ms-input-placeholder { color: #777; }
input[type*="text"]::-webkit-input-placeholder { color: #777; }
input[type*="text"]:focus:-moz-placeholder { opacity: 0.5; transition: opacity 0.5s; }
input[type*="text"]:focus::-moz-placeholder { opacity: 0.5; transition: opacity 0.5s; }
input[type*="text"]:focus:-ms-input-placeholder { opacity: 0.5; transition: opacity 0.5s; }
input[type*="text"]:focus::-webkit-input-placeholder { opacity: 0.5; transition: opacity 0.5s; }

select { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding-right: 3em; background: #f5f5f5 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAECAYAAABREWWJAAAAAXNSR0IArs4c6QAAADBJREFUCB1jTEtL+8+AA8yaNYsRhxRYGCyJzQBCGkG64SYjG0CMRgwXIRuAIYlFAABCDg41dDnNgQAAAABJRU5ErkJggg==") right center no-repeat; }

button { cursor: pointer; }

.inline-block { display: inline-block; vertical-align: middle; zoom: 1; *display: inline; }

.center-block { display: block; margin-left: auto; margin-right: auto; }

img.img-block { display: block; }

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

.pull-left { float: left; }
.pull-right { float: right; }

.vam { vertical-align: middle; }
.vat { vertical-align: top !important; }
.vab { vertical-align: bottom; }

.hide { display: none !important; }

.hidden { display: none; }

@media (min-width: 1200px) { .pc-hide { display: none; } }
.regular { font-family: Arial, sans-serif, "Tahoma"; }

.serif { font-family: Georgia, "Times New Roman", Times, serif; }

.bold { font-weight: bold; }

.mb15 { margin-bottom: 15px !important; }

/* Basic */
.container { max-width: 1170px; margin-left: auto; margin-right: auto; }
.container:after { content: " "; display: block; clear: both; }

.row:before, .row:after { content: " "; display: table; }
.row:after { clear: both; }

.main { margin-top: -125px; padding-bottom: 110px; overflow: hidden; clear: both; }
.main--about { background: url(../images/about/main_bg.jpg) center 178px no-repeat; }
.main--about2 { background: url(../images/about_02/main_bg.jpg) center 125px no-repeat; }
.main--technology { background: url(../images/technology/main_top_bg.jpg) center 125px no-repeat, url(../images/technology/main_bottom_bg.jpg) center bottom no-repeat; }

.colFull { clear: both; width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; }

.article p { margin: 27px 0; }
.article img { max-width: 100%; height: auto; display: block; }

@media (max-width: 899px) { .main { padding-bottom: 20px; } }
@media (max-width: 599px) { .main { margin-top: 0; padding-bottom: 10px; }
  .main--about { background-position: center 0; }
  .main--about2 { background-position: center 0; }
  .main--technology { background-position: center 0; } }
.aside__tab { height: 125px; text-align: center; display: -ms-flex; display: flex; flex-direction: column; justify-content: center; align-items: center; color: #fff; background-color: #008c42; transition: background-color 0.5s; position: relative; border-right: 1px solid #00b957; }
.aside__tab:after { content: " "; position: absolute; display: block; width: 40px; height: 19px; background: url(../images/comm/triangle_aside.png) 0 0 no-repeat; bottom: 0; left: 50%; opacity: 0; -moz-transform: translate(-50%, 100%); -ms-transform: translate(-50%, 100%); -webkit-transform: translate(-50%, 100%); transform: translate(-50%, 100%); transition: opacity 0.5s; }
.aside__tab.is-active, .aside__tab:hover { background-image: -moz-linear-gradient(0deg, #006f34 0%, #005628 50%, #006f34 100%); background-image: -webkit-linear-gradient(0deg, #006f34 0%, #005628 50%, #006f34 100%); background-image: -ms-linear-gradient(0deg, #006f34 0%, #005628 50%, #006f34 100%); }
.aside__tab.is-active .aside__img, .aside__tab:hover .aside__img { opacity: 1; }
.aside__tab.is-active:after { opacity: 1; }
.aside--col2 .aside__tab { width: 50%; float: left; padding-left: 1.3888888889%; padding-right: 1.3888888889%; }
.aside--col3 .aside__tab { width: 33.3333333333%; float: left; padding-left: 1.3888888889%; padding-right: 1.3888888889%; }
.aside__img { margin-bottom: 12px; display: block; opacity: 0.9; transition: opacity 0.5s; }
.aside__title { color: #fff; }
@media (max-width: 599px) { .aside__tab { height: auto; max-height: 70px; padding: 20px 0 !important; }
  .aside__tab:after { background-size: 50% auto; -moz-transform: translate(-25%, 100%); -ms-transform: translate(-25%, 100%); -webkit-transform: translate(-25%, 100%); transform: translate(-25%, 100%); }
  .aside__img { width: 25%; margin: 0 auto; }
  .aside__title { font-size: 12px; zoom: 0.9; } }

.panel { display: none; }
.panel.is-active { display: block; }

.search { min-width: 196px; height: 40px; border: 2px solid #008c42; background-color: rgba(255, 255, 255, 0.6); text-align: left; }
.search input { background: none; border: none; height: 36px; }
.search button[type*="submit"] { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; width: 36px; height: 36px; border: none; outline: none; display: inline-block; cursor: pointer; float: right; background: #008c42 url(../images/comm/icon_search.png) center center no-repeat; transition: background-color 0.5s; }
.search button[type*="submit"]:hover { background-color: rgba(0, 140, 66, 0.8); }
@media (max-width: 899px) { .search { display: none; } }

.header { width: 100%; height: 80px; background-color: #000; position: relative; }
.header.is-fixed { position: fixed; top: 0; left: 0; z-index: 9; }
.header__logo { width: 38.8888888889%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; height: 80px; display: -ms-flex; display: flex; align-items: center; }
.header__logo img { width: 100%; max-width: 100%; height: auto; }
.header__nav { width: 55.5555555556%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; max-width: 585px; margin-right: 0; float: right; }
@media (min-width: 600px) { .header__nav a { transition: opacity 0.5s; }
  .header__nav a:hover { opacity: 0.5; }
  .header__nav a.is-active { background: url(../images/comm/triangle_nav.png) center bottom no-repeat; position: relative; }
  .header__nav a.is-active:after { content: " "; position: absolute; display: block; width: 130%; height: 3px; background-color: #fff; bottom: 0; left: 50%; -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } }
@media (max-width: 599px) { .header { height: 55px; }
  .page_index .header { position: absolute; top: 0; left: 0; z-index: 9; }
  .header__logo { width: 69.696969697%; float: left; margin-left: 1.5151515152%; margin-right: 1.5151515152%; height: 55px; float: right; }
  .header__nav { display: none; } }

.hamburger { display: none !important; position: absolute; top: 50%; left: 0; -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); z-index: 99; }
@media (max-width: 599px) { .hamburger { display: block !important; -moz-transform: scale(0.5, 0.5) translate(0, -100%); -ms-transform: scale(0.5, 0.5) translate(0, -100%); -webkit-transform: scale(0.5, 0.5) translate(0, -100%); transform: scale(0.5, 0.5) translate(0, -100%); }
  .hamburger.is-active { position: fixed; z-index: 99; top: 0; left: 0; -moz-transform: scale(0.5, 0.5) translate(0, 50%); -ms-transform: scale(0.5, 0.5) translate(0, 50%); -webkit-transform: scale(0.5, 0.5) translate(0, 50%); transform: scale(0.5, 0.5) translate(0, 50%); } }

.nav { display: -ms-flex; display: flex; justify-content: space-between; }
.nav a { height: 80px; line-height: 80px; color: #fff; display: inline-block; }
@media (max-width: 599px) { .nav { width: 100%; padding-bottom: 10vh; display: none; }
  .nav a { height: 10vh; line-height: 10vh; }
  .nav.is-active { display: -ms-flex; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.8); position: fixed; z-index: 9; top: 0; left: 0; margin: 0; float: none; } }

.footer { width: 100%; color: #fff; background-color: #000; }
.footer__nav { height: 80px; padding: 32px 0; position: relative; border-bottom: 1px solid #008c42; }
.footer__nav ul { width: 730px; float: left; display: -ms-flex; display: flex; justify-content: space-between; }
.footer__nav ul li { display: inline-block; }
.footer__nav ul li a { color: #fff; opacity: 1; transition: opacity 0.5s; }
.footer__nav ul li a:hover { opacity: 0.6; }
.footer__nav__fb { width: 80px; height: 80px; margin-top: -32px; font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; display: inline-block; float: right; vertical-align: middle; background: url(../images/comm/icon_fb.png) center center no-repeat; opacity: 1; transition: opacity 0.5s; }
.footer__nav__pchome { width: 80px; height: 80px; margin-top: -32px; font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; display: inline-block; float: right; vertical-align: middle; background: url(../images/comm/pchome.jpg) center center no-repeat; opacity: 1; transition: opacity 0.5s; }
.footer__nav__fb:hover { opacity: 0.8; }
.footer__list { max-width: 1170px; margin-left: auto; margin-right: auto; }
.footer__list:after { content: " "; display: block; clear: both; }
.footer .top { width: 80px; height: 80px; display: block; position: absolute; color: #fff; top: 0; right: 0; font: 0/0 a; text-shadow: none; border: 0; background: #008c42 url(../images/comm/icon_top.png) center center no-repeat; opacity: 1; transition: opacity 0.5s; }
.footer .top:hover { opacity: 0.8; }
.ftFb_m { display: none; position: absolute; top: 0; right: 80px; }
@media (max-width: 1400px) { .footer__nav__fb { margin-right: 80px; } }
@media (max-width: 1400px) { .footer__nav__pchome { margin-right: 30px; } }
@media (max-width: 899px) { .footer { margin-top: 0; padding: 0 0 15px 50px; }
  .footer__nav { border-bottom: none; }
  .footer__list { display: none; }
  .ftFb_m { display: block; width: 80px; height: 80px; font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; background: url(../images/comm/icon_fb.png) center center no-repeat; } }
@media (max-width: 599px) { .footer { padding: 0 0 15px 15px; }
  .footer__nav { height: 40px; padding: 0; }
  .footer .top, .ftFb_m { width: 40px; height: 40px; background-size: 40% auto; }
  .ftFb_m { right: 40px; background-size: 30% auto; } }
.footer__info { width: 100%; padding: 42px 0 30px; }
.footer__copyright { width: 100%; padding: 20px 0; font-size: 13px; }
.footer__copyright .design { margin-left: 10px; vertical-align: middle; }
.footer__copyright .design a { color: #707070; }
@media (max-width: 899px) { .footer__info { padding-top: 0; padding-bottom: 0; }
  .footer__copyright { padding: 5px 0 0; font-size: 22px; line-height: 1.5em; }
  .footer__copyright .design { margin-left: 0; display: block; } }
@media (max-width: 599px) { .footer__info { padding: 0; }
  .footer__copyright { font-size: 12px; } }

.footerInfo__object { float: left; }
.footerInfo__object img { max-width: 100%; height: auto; }
.footerInfo__body { padding-left: 56px; overflow: hidden; font-size: 13px; }
.footerInfo__body__name { display: block; font-size: 16px; font-weight: bold; }
.footerInfo__body__add { display: block; }
@media (max-width: 899px) { .footerInfo__object { width: 100%; margin-bottom: 1em; }
  .footerInfo__object img { max-width: 420px; }
  .footerInfo__body { width: 100%; padding-left: 0; font-size: 26px; line-height: 1.5em; }
  .footerInfo__body__name { font-size: 26px; }
  .footerInfo__body__tel { display: block; } }
@media (max-width: 599px) { .footerInfo__object { margin-bottom: 0; }
  .footerInfo__object img { max-width: 70%; }
  .footerInfo__body { font-size: 13px; }
  .footerInfo__body__name { font-size: 13px; } }

/* pageHeader */
.pageHeader { min-height: 365px; text-align: center; }
.pageHeader--news { background: url(../images/news/news_bg.jpg) center 0 no-repeat; }
.pageHeader--technology { background: url(../images/technology/technology_bg.jpg) center 0 no-repeat; }
.pageHeader--about { background: url(../images/about/about_bg.jpg) center 0 no-repeat; }
.pageHeader--products { background: url(../images/products/products_bg.jpg) center 0 no-repeat; }
.pageHeader--contact { background: url(../images/contact/contact_bg.jpg) center 0 no-repeat; }
.pageHeader--technology { background: url(../images/technology/technology_bg.jpg) center 0 no-repeat; }
.pageHeader__search { margin-top: 12px; float: right; }
.pageHeader__title { font-size: 32px; color: white; font-weight: bold; text-shadow: 0px 1px 0.99px rgba(4, 0, 0, 0.75); padding-top: 120px; padding-bottom: 30px; }
.pageHeader__result { width: 569px; height: 30px; line-height: 30px; color: #000; display: inline-block; background: url(../images/search/result_bg.png) center 0 no-repeat; }
.pageHeader__result .point { color: #ff0000; }
@media (max-width: 599px) { .pageHeader { min-height: auto; height: 0; padding-top: 34%; position: relative; background-size: 180%; }
  .pageHeader__search { display: none; }
  .pageHeader__title { width: 100%; padding-top: 0; padding-bottom: 0; position: absolute; top: 50%; left: 0; text-align: center; -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); font-size: 20px; color: white; font-weight: bold; line-height: 0.625; text-shadow: 0px 1px 0.99px rgba(4, 0, 0, 0.75); }
  .pageHeader .proFillter { float: left; padding: 10px 0 15px; }
  .pageHeader .proFillter:before, .pageHeader .proFillter:after { content: " "; display: table; }
  .pageHeader .proFillter:after { clear: both; } }

/* breadcrumb */
.breadcrumb { padding: 0 9px; position: relative; z-index: 9; float: left; background-color: rgba(27, 27, 27, 0.8); }
@media (max-width: 599px) { .breadcrumb { display: none; } }
.breadcrumb__node { display: inline-block; vertical-align: middle; zoom: 1; *display: inline; font-size: 13px; }
.breadcrumb__node a { color: #fff; }
.breadcrumb__node:after { content: " >> "; color: #fff; position: relative; top: -1px; }
.breadcrumb__node:first-child { color: #fff; }
.breadcrumb__node:first-child a { color: #fff; }
.breadcrumb__node:first-child:after { color: #fff; }
.breadcrumb__node:last-child:after { display: none; }
.breadcrumb__link { color: #000; }

/* pagination */
.pagination { clear: both; text-align: center; margin: 2em 0; }
.pagination:before, .pagination:after { content: " "; display: table; }
.pagination:after { clear: both; }
.pagination a { color: #008c42; font-size: 16px; vertical-align: middle; border-bottom: 2px solid #fff; transition: all 0.5s; }
.pagination li { display: inline-block; vertical-align: middle; zoom: 1; *display: inline; margin: 0 8px; position: relative; }
.pagination li.is-active a, .pagination li:hover a { color: #959595; border-bottom: 2px solid #959595; }
.pagination li.prev a { background: url(../images/comm/btn_prev@2x.png) 0 0 no-repeat; }
.pagination li.next a { background: url(../images/comm/btn_next@2x.png) 0 0 no-repeat; }
.pagination li.prev a, .pagination li.next a { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; width: 9px; height: 17px; background-size: cover; display: inline-block; }
.pagination--back { margin: 60px 0 0; text-align: right; }
.pagination--back li { margin: 0; }
.pagination--back li.prev a, .pagination--back li.next a { width: auto; height: auto; padding-top: 10px; padding-bottom: 10px; font-size: 16px; color: #959595; display: inline-block; }
@media (min-width: 1200px) { .pagination--back li.prev a:hover, .pagination--back li.next a:hover { opacity: 0.5; transition: opacity 0.5s; } }
.pagination--back li.prev a { padding-left: 18px; background: url(../images/comm/btn_prev.png) 0 47% no-repeat; border-right: 1px solid #008c42; padding-right: 25px; }
.pagination--back li.next a { padding-right: 18px; background: url(../images/comm/btn_next.png) right 47% no-repeat; padding-left: 20px; }
@media (max-width: 899px) { .pagination--back { margin-top: 30px; text-align: center; } }

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger { padding: 0 0; display: inline-block; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; }
.hamburger:hover { opacity: 0.7; }

.hamburger-box { width: 40px; height: 30px; display: inline-block; position: relative; }

.hamburger-inner { display: block; top: 50%; margin-top: -3px; }
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 40px; height: 6px; background-color: #fff; border-radius: 0; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; }
.hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; }
.hamburger-inner::before { top: -12px; }
.hamburger-inner::after { bottom: -12px; }

/* Elastic */
.hamburger--elastic .hamburger-inner { top: 3px; transition-duration: 0.4s; transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
.hamburger--elastic .hamburger-inner::before { top: 12px; transition: opacity 0.15s 0.4s ease; }
.hamburger--elastic .hamburger-inner::after { top: 24px; transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
.hamburger--elastic.is-active .hamburger-inner { transform: translate3d(0, 12px, 0) rotate(135deg); transition-delay: 0.1s; }
.hamburger--elastic.is-active .hamburger-inner::before { transition-delay: 0s; opacity: 0; }
.hamburger--elastic.is-active .hamburger-inner::after { transform: translate3d(0, -24px, 0) rotate(-270deg); transition-delay: 0.1s; }

/* About */
.aboutView__article { clear: both; margin-top: 60px; padding: 50px 70px 25px; }
.aboutView__article h2 { margin: 28px 0; font-size: 32px; color: #008c42; font-weight: bold; line-height: 0.781; text-align: center; }
@media (max-width: 599px) { .aboutView__article { padding: 25px 15px; }
  .aboutView__article h2 { margin: 14px 0; font-size: 16px; } }

.historyList > li { padding-bottom: 40px; font-size: 26px; font-weight: bold; color: #008c42; position: relative; }
.historyList > li > span { padding-left: 30px; padding-right: 12px; display: inline-block; background-color: #fff; z-index: 2; position: relative; }
.historyList > li:before { content: " "; position: absolute; display: block; width: 17px; height: 20px; background: url(../images/about_02/icon_history.png) 0 0 no-repeat; top: 2px; left: 0; z-index: 3; }
.historyList > li:after { content: " "; position: absolute; display: block; width: 100%; height: 1px; background-color: #008c42; top: 10px; right: 0; z-index: 1; }
.historyList > li > ul { padding-top: 5px; padding-left: 30px; }
.historyList > li > ul > li { font-size: 16px; font-weight: normal; color: #000; list-style-type: disc; }
@media (max-width: 599px) { .historyList > li { font-size: 18px; padding-bottom: 20px; }
  .historyList > li > span { padding-left: 15px; top: -5px; }
  .historyList > li:before { height: 10px; background-size: 50% auto; }
  .historyList > li:after { top: 5px; }
  .historyList > li > ul { padding-top: 2px; padding-left: 15px; }
  .historyList > li > ul > li { font-size: 14px; line-height: 1.2em; } }

/* Technology */
.technologyView__article { clear: both; margin-top: 60px; padding: 50px 70px 200px; }
.technologyView__article h2 { margin: 28px 0; font-size: 32px; color: #008c42; font-weight: bold; line-height: 0.781; text-align: center; }
.technologyView__article h3 { color: #000; font-weight: bold; font-size: 26px; font-style: italic; }
.technologyView__article h4 { font-size: 20px; color: #000; margin: 20px 0; }
.technologyView__article p { color: #898989; }
.technologyView__article .step { margin-top: 50px; }
.technologyView__article .step p { margin-bottom: 55px; font-size: 20px; color: #000; }
.technologyView__article .step ul { display: flex; justify-content: space-between; }
.technologyView__article .step li { display: inline-block; }
.technologyView__article .technologyView__article--p3 p { color: #000; }
.technologyView__article .certificationList { display: flex; justify-content: space-between; }
.technologyView__article .certificationList li { display: inline-block; text-align: center; }
.technologyView__article .certificationList li div { margin-top: 30px; }
@media (max-width: 599px) { .technologyView__article { padding: 25px 15px; line-height: 1.25em; }
  .technologyView__article h3 { font-size: 14px; }
  .technologyView__article h4 { font-size: 12px; }
  .technologyView__article p { margin: 13px 0; font-size: 14px; }
  .technologyView__article .step { margin-top: 25px; }
  .technologyView__article .step p { margin-bottom: 27px; font-size: 14px; font-weight: bold; }
  .technologyView__article .step ul { display: flex; flex-direction: column; }
  .technologyView__article .step ul li { width: 90%; align-self: center; margin-bottom: 10px; }
  .technologyView__article .certificationList { margin-top: 15px; display: block; }
  .technologyView__article .certificationList li { width: 47.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; margin-bottom: 15px; text-align: center; }
  .technologyView__article .certificationList li div { margin-top: 5px; } }

/* Slider */
.owl-theme .owl-nav { margin-top: 10px; text-align: center; -webkit-tap-highlight-color: transparent; }

.owl-theme .owl-nav [class*=owl-] { color: #FFF; font-size: 14px; margin: 5px; padding: 4px 7px; background: #D6D6D6; display: inline-block; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.owl-theme .owl-nav [class*=owl-]:hover { background: #869791; color: #FFF; text-decoration: none; }

.owl-theme .owl-nav .disabled { opacity: 0.5; cursor: default; }

.owl-theme .owl-nav.disabled + .owl-dots { margin-top: 10px; }

.owl-theme .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent; }

.owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline; }

.owl-theme .owl-dots .owl-dot span { margin: 5px 7px; display: block; -webkit-backface-visibility: visible; -webkit-transition: opacity 200ms ease; -moz-transition: opacity 200ms ease; -ms-transition: opacity 200ms ease; -o-transition: opacity 200ms ease; transition: opacity 200ms ease; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }

.owl-carousel .owl-item img { -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.owl-carousel .owl-item.active .slider__caption .slider__caption__p1, .owl-carousel .owl-item.active .slider__caption .slider__caption__p2 { opacity: 1; -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); }

.slider { opacity: 0; }
.slider:before, .slider:after { content: " "; display: table; }
.slider:after { clear: both; }
.slider--arrowMD .owl-nav { margin-top: initial; text-align: initial; }
.slider--arrowMD .owl-nav [class*=owl-] { position: absolute !important; top: 50% !important; margin: 0 !important; border-radius: 0 !important; -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }
.slider--arrowMD .owl-nav .owl-next { width: 17px; height: 30px; right: -42.5px; font: 0/0 a !important; color: transparent !important; background: transparent url(../vendors/owl2/img/arrowMDRight.png) 0 0 no-repeat !important; }
.slider--arrowMD .owl-nav .owl-prev { width: 17px; height: 30px; left: -42.5px; font: 0/0 a !important; color: transparent !important; background: transparent url(../vendors/owl2/img/arrowMDLeft.png) 0 0 no-repeat !important; }
@media (max-width: 992px) { .slider--arrowMD .owl-nav { display: none; } }
.slider--arrowMD--s .owl-nav .owl-next { right: -25.5px; }
.slider--arrowMD--s .owl-nav .owl-prev { left: -25.5px; }
.slider--dotRB .owl-nav.disabled + .owl-dots { position: absolute; bottom: 0.5rem; right: 0; left: 0; margin: 0 auto; }
.slider--dotRB .owl-dots .owl-dot span { width: 18px; height: 18px; margin: 5px 7.5px; background-color: #fff; border: 3px solid #fff; }
.slider--dotRB .owl-dots .owl-dot:hover span { background-color: #efefef; }
.slider--dotRB .owl-dots .owl-dot.active span { background-color: #00343a; }
@media (max-width: 899px) { .slider--dotRB .owl-nav.disabled + .owl-dots { display: none; } }
.slider .slider__item { position: relative; display: block; }
.slider .slider__caption { width: 100%; max-width: 1040px; padding: 25px; display: block; color: #fff; position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 99; }
@media (min-width: 600px) { .slider .slider__caption { display: -ms-flex; display: flex; flex-direction: column; justify-content: space-between; height: 360px\0; min-height: 360px; }
  .slider .slider__caption__p1 { font-size: 60px; color: white; font-weight: bold; line-height: 0.85em; text-shadow: 0px 1px 0.99px rgba(4, 0, 0, 0.75); opacity: 0; -moz-transform: translate(0, 100%); -ms-transform: translate(0, 100%); -webkit-transform: translate(0, 100%); transform: translate(0, 100%); transition: opacity 0.8s, transform 0.5s 0.1s; }
  .slider .slider__caption__p2 { align-self: flex-end; opacity: 0; -moz-transform: translate(0, 100%); -ms-transform: translate(0, 100%); -webkit-transform: translate(0, 100%); transform: translate(0, 100%); transition: opacity 1s 0.8s, transform 0.5s 0.8s; text-align: left; font-family: "Georgia"; color: #fff; text-shadow: 0px 1px 0.99px rgba(4, 0, 0, 0.75); line-height: 1.75em; }
  .slider .slider__caption__p2 span { display: block; }
  .slider .slider__caption__p2 span:nth-child(1) { font-size: 30px; }
  .slider .slider__caption__p2 span:nth-child(2) { font-size: 20px; } }
@media (min-width: 900px) { .slider .slider__caption__p1 { font-size: 72px; line-height: 0.8em; }
  .slider .slider__caption__p2 span:nth-child(1) { font-size: 40px; line-height: 1em; }
  .slider .slider__caption__p2 span:nth-child(2) { margin-top: 10px; font-size: 28px; } }
@media (max-width: 599px) { .slider .slider__caption { width: 100%; height: 100%; position: absolute; display: flex; flex-direction: column; justify-content: flex-end; }
  .slider .slider__caption__p1 { width: 100%; margin-bottom: 27px; font-size: 36px; line-height: 1em; font-family: "Arial"; color: #fff; font-weight: bold; text-shadow: 0px 1px 0.99px rgba(4, 0, 0, 0.75); }
  .slider .slider__caption__p2 { width: 100%; text-align: left; font-family: "Georgia"; color: #fff; text-shadow: 0px 1px 0.99px rgba(4, 0, 0, 0.75); line-height: 1em; }
  .slider .slider__caption__p2 span { display: block; }
  .slider .slider__caption__p2 span:nth-child(1) { font-size: 15px; }
  .slider .slider__caption__p2 span:nth-child(2) { font-size: 12px; zoom: 0.9; } }

/* Iscroll */
html { -ms-touch-action: none; }

#wrapper { width: 100%; position: relative; overflow: hidden; }
@media (min-width: 1200px) { #wrapper { height: 409px; } }

#scroller { width: 100%; padding-top: 19px; padding-right: 19px; position: absolute; -webkit-tap-highlight-color: transparent; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; -o-text-size-adjust: none; text-size-adjust: none; }

#scroller ul { width: 100%; }

.iScrollVerticalScrollbar.iScrollLoneScrollbar { position: absolute; z-index: 9999; width: 7px; bottom: 2px; top: 2px; right: 1px; overflow: hidden; background-color: #7d7d7d; }

.iScrollVerticalScrollbar .iScrollIndicator { box-sizing: border-box; position: absolute; background: #b5b5b5; border-radius: 2px; width: 100%; transition-duration: 0ms; display: block; transform: translate(0px, 0px) translateZ(0px); transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1); }

/* Status */
.pageHeader, .header { opacity: 0 !important; transition: opacity 0.9s cubic-bezier(0.550, 0.055, 0.675, 0.190); }

.main { opacity: 0 !important; transition: opacity 0.5s 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); }
.main > .container { position: relative; top: -25px; opacity: 0 !important; transition: top 0.9s 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity 0.9s 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); }

.page_index .header, .page_index .idxProducts, .page_index .idxRecommend, .page_index .idxBanner { opacity: 0 !important; transition: opacity 0.9s cubic-bezier(0.550, 0.055, 0.675, 0.190); }

body.loaded .pageHeader, body.loaded .header { opacity: 1 !important; }
body.loaded .main { opacity: 1 !important; }
body.loaded .main > .container { opacity: 1 !important; top: 0; }
body.loaded.page_index .header, body.loaded.page_index .idxProducts, body.loaded.page_index .idxRecommend, body.loaded.page_index .idxBanner { opacity: 1 !important; }