/* argument */
@import url("https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700&display=swap");
.blue { color: #f39700; }

.ffRb { font-family: 'Roboto', sans-serif; }

/* font style */
/* site style */
/* [ opacity ]
-------------------------------------------------*/
/* [ display style ]
-------------------------------------------------*/
/* [ background-image ]
-------------------------------------------------*/
/* [ writing-mode ]
-------------------------------------------------*/
/* [ illustrator & photoshop letter spacing ]
-------------------------------------------------*/
/* [ easy breakpoint ]
-------------------------------------------------*/
/* [ easy transform ]
-------------------------------------------------*/
.imgScale, .img_ef img { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition-duration: 4s; transition-duration: 4s; -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform,-webkit-transform; }

.imgScaleHv { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

.img_ef { position: relative; overflow: hidden; display: block; }

.box_breadcrumb { margin-bottom: 5px; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .box_breadcrumb { margin-bottom: 0; } }

.breadcrumb { margin-bottom: 0; }

.products .digital { background: #F7F7F7; padding: 65px 0 110px; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .products .digital { padding: 47px 0 57px; } }

.products .digital__title { text-align: center; margin-bottom: 32px; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .products .digital__title { margin-bottom: 20px; } }

.products .digital__title img { margin-bottom: 2px; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .products .digital__title img { max-width: 41px; } }

.products .digital__title .txtH2 { font-size: 17px; font-size: 1.7rem; line-height: 24px; letter-spacing: 0.04em; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .products .digital__title .txtH2 { font-size: 15px; font-size: 1.5rem; line-height: 25px; } }

.products .digital__title .txtH2__en { font-size: 48px; font-size: 4.8rem; line-height: 69px; font-family: "Roboto", sans-serif; font-weight: 300; color: #f39700; display: block; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .products .digital__title .txtH2__en { font-size: 30px; font-size: 3rem; line-height: 40px; padding-bottom: 5px; } }

.products .digital__img { text-align: center; max-width: 980px; margin: 0 auto; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .products .digital__img { max-width: 100%; } }

.boxList { display: block; }

.boxList:before, .boxList:after { content: " "; display: table; }

.boxList:after { clear: both; }

.boxList__item { width: 33.333%; float: left; text-align: center; border-right: 1px solid #F2F2F2; border-bottom: 1px solid #F2F2F2; padding: 62px 72px 61px; text-align: center; }

@media (min-width: 897px) and (orientation: landscape), (min-width: 768px) and (orientation: portrait) { .boxList__item:nth-child(3n+1) { clear: both; } }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .boxList__item { width: 50%; padding: 38px 15px; }
  .boxList__item:nth-child(2n+1) { clear: both; } }

.boxList__item a { display: block; }

@media only screen and (min-width: 1025px) { .boxList__item a:hover { opacity: 1; }
  .boxList__item a:hover .btn_cm { background: #000; color: #fff; } }

.boxList__item .btn_cm { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.boxList__item__img { margin-bottom: 20px; display: block; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .boxList__item__img { margin: 0 auto 20px; min-height: 50px; }
  .boxList__item__img img { max-height: 48px; }
  .boxList__item__img img { max-width: 40px; }
  .boxList__item__img img.img03 { max-width: 50px; }
  .boxList__item__img img.img04 { max-width: 50px; }
  .boxList__item__img img.img05 { max-width: 38px; }
  .boxList__item__img img.img06 { max-width: 50px; }
  .boxList__item__img img.img07 { max-width: 32px; }
  .boxList__item__img img.img08 { max-width: 56px; } }

.boxList__item__title { font-size: 24px; font-size: 2.4rem; line-height: 28px; letter-spacing: 0em; font-weight: bold; margin-bottom: 28px; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .boxList__item__title { font-size: 20px; font-size: 2rem; line-height: 28px; margin-bottom: 8px; } }

@media only screen and (max-width: 370px) { .boxList__item__title { font-size: 18px; font-size: 1.8rem; } }

@media only screen and (max-width: 350px) { .boxList__item__title { font-size: 17px; font-size: 1.7rem; } }

.boxList__item .boxHeigt { overflow: hidden; margin-bottom: 27px; height: 30rem; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .boxList__item .boxHeigt { overflow: hidden; margin-bottom: 20px; } }

.boxList__item__txtSub { font-size: 17px; font-size: 1.7rem; line-height: 28px; letter-spacing: 0em; font-weight: bold; text-align: left; display: block; margin-bottom: 8px; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .boxList__item__txtSub { font-size: 15px; font-size: 1.5rem; line-height: 23px; margin-bottom: 6px; } }

.boxList__item__txt { text-align: left; font-size: 14px; font-size: 1.4rem; line-height: 28px; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .boxList__item__txt { font-size: 16px; font-size: 1.6rem; line-height: 22px; } }

.boxList__item .btn_cm { max-width: 218px; display: block; margin: 0 auto; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .boxList__item .btn_cm { max-width: 152px; } }

.boxMain { padding: 73px 0 80px; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .boxMain { padding: 45px 0 60px; } }

.boxMain__title { text-align: center; margin-bottom: 35px; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .boxMain__title { margin-bottom: 20px; } }

.boxMain__img { margin-bottom: 20px; display: block; }

.boxMain__txtSub { display: block; font-size: 18px; font-size: 1.8rem; line-height: 28px; font-weight: bold; margin-bottom: 5px; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .boxMain__txtSub { font-size: 17px; font-size: 1.7rem; line-height: 25px; margin-bottom: 20px; } }

.boxMain__tit { font-size: 49px; font-size: 4.9rem; line-height: 57px; font-weight: bold; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .boxMain__tit { font-size: 35px; font-size: 3.5rem; line-height: 41px; } }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .boxMain .txtDesc { line-height: 27px; } }

.boxPrd { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; -o-justify-content: flex-start; justify-content: flex-start; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; border-top: 1px solid #F2F2F2; }

.boxPrd:before, .boxPrd:after { content: " "; display: table; }

.boxPrd:after { clear: both; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .boxPrd { border: none; } }

.boxPrd .top__bl03__item { width: calc(33.333% - 1px); text-align: center; border-right: 1px solid #F2F2F2; border-bottom: 1px solid #F2F2F2; padding: 50px; text-align: center; float: left; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .boxPrd .top__bl03__item { width: 100%; padding: 0 0 65px; border: none; } }

.boxPrd .top__bl03__item .boxP { text-align: left; font-size: 15px; font-size: 1.5rem; line-height: 25px; letter-spacing: 0em; }

.boxPrd .top__bl03__item .img_ef { margin-bottom: 30px; position: relative; overflow: hidden; display: block; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .boxPrd .top__bl03__item .img_ef { margin: 0 20px 0 0; } }

@media only screen and (min-width: 1025px) { .boxPrd .top__bl03__item a:hover { opacity: 1; }
  .boxPrd .top__bl03__item a:hover .imagetb { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } }

.boxPrd .top__bl03__item .txtTitle { font-size: 26px; font-size: 2.6rem; line-height: 36px; letter-spacing: 0.02em; font-weight: 500; font-family: "Roboto", sans-serif; color: #000; margin-bottom: 5px; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .boxPrd .top__bl03__item .txtTitle { font-size: 25px; font-size: 2.5rem; line-height: 37px; } }

.boxPrd .top__bl03__item .txtCate { font-size: 12px; font-size: 1.2rem; line-height: 20px; letter-spacing: 0.05em; font-weight: bold; color: #000; margin-bottom: 20px; display: block; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .boxPrd .top__bl03__item .txtCate { margin-bottom: 10px; } }

.boxPrd .top__bl03__item .boxContent { overflow: hidden; margin-bottom: 30px; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .boxPrd .top__bl03__item .boxContent { background: #fff; padding: 22px 20px 0; margin-top: -33px; margin-left: 20px; display: block; position: relative; text-align: left; margin-bottom: 20px; } }

.boxPrd .top__bl03__item .boxLink { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .boxPrd .top__bl03__item .boxLink { margin-left: 40px; margin-right: 20px; } }

@media only screen and (max-width: 350px) { .boxPrd .top__bl03__item .boxLink { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; } }

.boxPrd .top__bl03__item .boxLink a { max-width: calc(48% - 6px); margin: 0 6px; display: inline-block; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .boxPrd .top__bl03__item .boxLink a { max-width: 47%; } }

@media only screen and (max-width: 350px) { .boxPrd .top__bl03__item .boxLink a { max-width: 190px; display: block; margin-bottom: 10px; }
  .boxPrd .top__bl03__item .boxLink a:last-child { margin-bottom: 0; } }

.boxPrd .top__bl03__item .boxLink a span { display: inline-block; position: relative; padding-right: 23px; }

.boxPrd .top__bl03__item .boxLink a span:before { content: ""; position: absolute; right: 0; top: 1px; background: url("../../img/products/ico_tab.svg") center/100% no-repeat; width: 14px; height: 14px; }

.boxPrd .top__bl03__item .boxLink a.btn_icoLink { background: #BCBCBC; border-color: #BCBCBC; color: #fff; }

.boxPrd .top__bl03__item .boxLink a.btn_icoLink span { padding-right: 21px; }

.boxPrd .top__bl03__item .boxLink a.btn_icoLink span:before { top: 2px; width: 12px; height: 14px; background: url("../../img/products/ico_down.svg") center/100% no-repeat; }

.boxPrd .top__bl03__item .boxLink a.noIcon span { padding: 0; }

.boxPrd .top__bl03__item .boxLink a.noIcon span:before { display: none; }

@media only screen and (min-width: 1025px) { .boxPrd .top__bl03__item .boxLink a:hover span:before { background: url("../../img/products/ico_tab_w.svg") center/100% no-repeat; }
  .boxPrd .top__bl03__item .boxLink a:hover.btn_icoLink { background: #000; border-color: #000; color: #fff; }
  .boxPrd .top__bl03__item .boxLink a:hover.btn_icoLink span:before { background: url("../../img/products/ico_down_w.svg") center/100% no-repeat; } }

.boxPrd .top__bl03__item .boxLink a:hover img { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; }

.boxCate { background: #F7F7F7; padding: 76px 0; overflow: hidden; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .boxCate { padding: 50px 0 100px; } }

.boxCate .container { max-width: 1150px; padding: 0; }

.boxCate .owl-stage { margin: 0 auto; }

.boxCate__title { font-size: 23px; font-size: 2.3rem; line-height: 37px; letter-spacing: 0.06em; font-weight: bold; font-family: "Roboto", sans-serif; text-align: center; margin-bottom: 45px; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .boxCate__title { font-size: 21px; font-size: 2.1rem; line-height: 36px; margin-bottom: 30px; } }

.boxCate__list { padding: 0; position: relative; }

.boxCate__list:before, .boxCate__list:after { content: " "; display: table; }

.boxCate__list:after { clear: both; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .boxCate__list { padding: 0; padding-right: 45vw; margin-left: -25px; width: auto; }
  .boxCate__list .owl-stage-outer { overflow: visible; } }

.boxCate__list li a { display: block; background: #fff; text-align: center; padding: 30px 15px 5px; overflow: hidden; position: relative; min-height: 159px; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .boxCate__list li a { padding: 20px 10px; min-height: 128px; } }

@media only screen and (min-width: 1025px) { .boxCate__list li a:hover { opacity: 1; }
  .boxCate__list li a:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } }

.boxCate__img { margin-bottom: 10px; display: block; }

.boxCate__img img { width: auto; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition-duration: 4s; transition-duration: 4s; -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); }

.boxCate .owl-item img { width: auto; margin: 0 auto; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .boxCate .owl-item img { max-height: 42px; } }

.boxCate .owl-nav button.owl-prev, .boxCate .owl-nav button.owl-next { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 45px; height: 32px; background: url("../../img/products/ico_prev.svg") center/cover no-repeat; }

.boxCate .owl-nav button.owl-prev span, .boxCate .owl-nav button.owl-next span { display: none; }

.boxCate .owl-nav button.owl-next { left: auto; right: 0; background: url("../../img/products/ico_next.svg") center/cover no-repeat; }

.boxCate .owl-nav button.disabled { display: none; }

.boxCate__txtCate { font-size: 14px; font-size: 1.4rem; line-height: 20px; display: block; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .boxCate__txtCate { font-size: 16px; font-size: 1.6rem; line-height: 18px; } }

/*# sourceMappingURL=maps/products.min.css.map */