@charset "UTF-8";

/*!* -----------------------------
	home__title
------------------------------ */
.home__title { background-color: #000000; overflow: hidden; position: relative; }
.home__title .swiper-container { width: 100%; }
.home__title .swiper-button-prev { background: url(/en/shared/img/arw_slide_prev.svg) center center no-repeat; background-size: 23px 44px; font-size: 0; line-height: 0; position: absolute; top: calc(50% - 100px); left: 0px; margin-top: 0; width: 60px; height: 100px; opacity: 0.5; }
.home__title .swiper-button-next { background: url(/en/shared/img/arw_slide_next.svg) center center no-repeat; background-size: 23px 44px; font-size: 0; line-height: 0; position: absolute; top: calc(50% - 100px); right: 0px; margin-top: 0; width: 60px; height: 100px; opacity: 0.5; }
.home__title .swiper-button-prev::after,
.home__title .swiper-button-next::after { display: none; }
.home__title .swiper-pagination { font-size: 0; line-height: 0; position: absolute; bottom: 110px; left: 0px; width: 100%; }
.home__title .swiper-pagination .container { display: flex; justify-content: flex-end; }
.home__title .swiper-pagination .container > span { background-color: rgba(255,255,255,0.3); cursor: pointer; display: block; position: relative; width: 49px; height: 2px; }
.home__title .swiper-pagination .container > span::before { background-color: rgba(255,255,255,1); content: ""; position: absolute; top: 0px; left: 0px; width: 0%; height: 2px; }
.home__title .swiper-pagination .container > span + span { margin-left: 1px; }
.home__title .swiper-pagination .container > span.is-anime::before { transition: width 5s linear; width: 100%; }
.home__title .img { font-size: 0; line-height: 0; }
.home__title .img img { width: 100%; }
.home__title .btn { position: absolute; bottom: 190px; left: 0px; width: 100%; }
.home__title .btn > a { background-color: rgba(0,0,0,0.8); color: #ffffff; display: flex; align-items: center; justify-content: center; font-weight: 700; position: absolute; bottom: 0px; left: calc(50% - 178px); width: 356px; height: 60px; }
.home__title .btn > a:hover { text-decoration: none; }
.home__title .btn > a > span { background: url(/en/shared/img/arw_white_A.svg) left center no-repeat; background-size: 9px 13px; display: block; padding-left: 16px; }

.home__title .slide_01 { background: url(/en/img/bg_slider_01.jpg) center center no-repeat; background-size: cover; }
.home__title .slide_02 { background: url(/en/img/bg_slider_02.jpg) center center no-repeat; background-size: cover; }
.home__title .slide_03 { background: url(/en/img/bg_slider_03.jpg) center center no-repeat; background-size: cover; }
.home__title .slide_04 { background: url(/en/img/bg_slider_04.jpg) center center no-repeat; background-size: cover; }
.home__title .slide_05 { background: url(/en/img/bg_slider_05.jpg) center center no-repeat; background-size: cover; }
@media only screen and (min-width:768px) {
.home__title .home__title__arr .slick-prev,
.home__title .swiper-button-next { transition: background-color .25s ease-out, opacity .25s ease-out; }
.home__title .swiper-button-prev:hover,
.home__title .swiper-button-next:hover { background-color: rgba(0,0,0,0.5); opacity: 1; }
.home__title .btn > a { transition: background-color .25s ease-out, color .25s ease-out; }
.home__title .btn > a:hover { background-color: rgba(255,255,255,0.8); color: #181818; }
.home__title .btn > a > span { transition: background .25s ease-out; }
.home__title .btn > a:hover > span { background-image: url(/en/shared/img/arw_black_A.svg); }
}
@media (min-width:768px) and (max-width:1224px) {
.home__title .swiper-button-prev,
.home__title .swiper-button-next { background-size: 1.879vw 3.5947vw; top: calc(50% - 8.1699vw); width: 4.9019vw; height: 8.1699vw; }
.home__title .swiper-pagination { bottom: 8.9869vw; }
.home__title .swiper-pagination .container > span { width: 4.0032vw; }
.home__title .btn { bottom: 15.5228vw; }
.home__title .btn > a { font-size: 1.3071vw; left: calc(50% - 14.5424vw); width: 29.0849vw; height: 4.9019vw; }
.home__title .btn > a > span { background-size: 0.7352vw 1.062vw; padding-left: 1.3071vw; }
}
@media screen and (max-width: 767px) {
.home__title .swiper-slide .container { padding: 0; }
.home__title .swiper-button-prev,
.home__title .swiper-button-next { background-size: 3.3333vw 6.2666vw; top: calc(50% - 14.6666vw); width: 7.3333vw; height: 14.6666vw; }
.home__title .swiper-pagination { bottom: 16vw; }
.home__title .swiper-pagination .container { justify-content: center; }
.home__title .swiper-pagination .container > span { width: 13.0666vw; }
.home__title .btn { bottom: 22.6666vw; }
.home__title .btn > a { font-size: 4.2666vw; left: 50%; padding: 0 2.6666vw; width: auto; min-width: 64vw; height: 13.3333vw; transform: translateX(-50%); }
.home__title .btn > a > span { background-size: 2.4vw 3.4666vw; padding-left: 6vw; white-space: nowrap; }
}

/*!* -----------------------------
	home__products
------------------------------ */
.home__products { position: relative; margin-top: -100px; padding-bottom: 80px; z-index: +1; }
.home__products::before { background-color: #f5f5f5; content: ""; position: absolute; top: 100px; left: 0px; width: 100%; height: calc(100% - 100px); }
.home__products .home__products__block { background-color: #ffffff; padding-bottom: 75px; }
.home__products .home__products__heading { font-size: 225%; font-weight: 700; line-height: 1.1111; text-align: center; padding: 75px 0; }
.home__products .home__products__section + .home__products__section { margin-top: 75px; }
.home__products .home__products__section .home__products__section__heading { background-position: center center; background-repeat: no-repeat; background-size: cover; color: #ffffff; text-align: center; margin-bottom: -90px; padding: 70px 0 160px 0; }
.home__products .home__products__section__heading > span { display: block; font-size: 175%; font-weight: 700; line-height: 1.4285; }
.home__products .home__products__section__heading > small { display: block; font-weight: 700; margin-top: 5px; }
.home__products .home__products__section__heading.electronic { background-image: url(/en/img/bg_products_01.jpg); }
.home__products .home__products__section__heading.industria { background-image: url(/en/img/bg_products_02.jpg); }
@media (min-width:768px) and (max-width:1224px) {
.home__products { margin-top: -8.1699vw; }
.home__products::before { top: calc(8.1699vw - 1px); height: calc(100% - 8.1699vw + 1px); }
}
@media screen and (max-width: 767px) {
.home__products { margin-top: -14.6666vw; padding-bottom: 50px; }
.home__products::before { top: calc(14.6666vw - 1px); height: calc(100% - 14.6666vw + 1px); }
.home__products .home__products__block { padding-bottom: 45px; }
.home__products .home__products__heading { font-size: 175%; padding: 35px 0; }
.home__products .home__products__section + .home__products__section { margin-top: 45px; }
.home__products .home__products__section__heading { margin-bottom: -30px; padding: 35px 0 65px 0; }
.home__products .home__products__section__heading > span { font-size: 150%; }
.home__products .home__products__section__heading > small { font-size: 75%; }
}

/*!* -----------------------------
	home__news
------------------------------ */
.home__news { padding: 70px 0 80px 0; }
.home__news .home__news__heading { font-size: 225%; font-weight: 700; line-height: 1.1111; text-align: center; }
.home__news .home__news__list { border-top: 1px solid #c2c2c2; margin-top: 70px; }
.home__news .home__news__list > li { border-bottom: 1px solid #c2c2c2; display: flex; line-height: 1.875; padding: 22px 0; }
.home__news .home__news__list > li > dl { display: flex; }
.home__news .home__news__list > li > dl > dt { margin-right: 15px; }
.home__news .home__news__list > li > dl > dt > span { background-color: #1d95d2; border-radius: 3px; color: #ffffff; display: block; font-size: 75%; line-height: 2.5; text-align: center; width: 6em; }
.home__news .home__news__list > li > dl > dd { font-weight: 700; width: 10em; }
.home__news .home__news__list > li > p { flex: 1; }
.home__news .home__news__all { font-weight: 700; text-align: right; margin-top: 15px; }
@media screen and (max-width: 767px) {
.home__news { padding: 40px 0 45px 0; }
.home__news .home__news__heading { font-size: 175%; }
.home__news .home__news__list { margin-top: 40px; }
.home__news .home__news__list > li { display: block; padding: 30px 0; }
.home__news .home__news__list > li > dl { align-items: center; line-height: 1.5625; }
.home__news .home__news__list > li > dl > dt { margin-right: 10px; }
.home__news .home__news__list > li > dl > dt > span { font-size: 62.5%; line-height: 2; }
.home__news .home__news__list > li > dl > dd { flex: 1; width: auto; }
.home__news .home__news__list > li > p { flex: initial; margin-top: 15px; }
.home__news .home__news__all { margin-top: 25px; }
}










