body{font-family:"Roboto Regular",system-ui,"-apple-system",BlinkMacSystemFont,"Myriad Pro","微軟正黑體","Microsoft JhengHei","Hiragino Sans GB","Source Han Sans CN",Arial,Helvetica,sans-serif;font-size:18px;line-height:1.6}@media (max-width: 640px){body{line-height:1.4}}body.lang-ja{font-family:"Roboto Regular","-apple-system",BlinkMacSystemFont,"Yu Gothic Medium","游ゴシック Medium",YuGothic,"游ゴシック体","Noto Sans Japanese","ヒラギノ角ゴ Pro W3","メイリオ","Hiragino Kaku Gothic ProN","MS PGothic",Osaka,"sans-serif"}img{max-width:100%;vertical-align:middle}a{color:inherit;outline:none;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease}.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1}.youtube-icon{max-height:18px;vertical-align:baseline}.text-center{text-align:center}.text-center img{margin:auto}.wrap{max-width:1440px;margin:auto;padding:0 15px}@media (max-width: 1440px){.wrap{max-width:100%}}@media (max-width: 960px){.menu{display:none}}.menu nav{text-align:center}.menu nav::after{content:"";display:table;clear:both}.menu nav li{display:inline-block}.menu nav a{color:#fff;display:inline-block;padding:16px 20px}.menu nav a:hover{background-color:#928050}.menu nav .active>a{background-color:#928050}.banner{position:relative;overflow:hidden}.swiper-slide .banner-text{opacity:0;-webkit-transform:translate(-150px, 0);-ms-transform:translate(-150px, 0);transform:translate(-150px, 0);-webkit-transition:all 1s ease-out 0.6s;-o-transition:all 1s ease-out 0.6s;transition:all 1s ease-out 0.6s}.swiper-slide-active .banner-text{opacity:1;-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)}.swiper-pagination-bullet{width:20px;height:20px}.swiper-pagination-bullet-active{background-color:#928050}.table-container{width:100%;overflow-y:auto;_overflow:auto;margin:0 0 1em}.table-container::-webkit-scrollbar{-webkit-appearance:none;width:14px;height:14px}.table-container::-webkit-scrollbar-thumb{border-radius:8px;border:3px solid #fff;background-color:rgba(0,0,0,0.3)}.top{padding:10px 15px}.top::after{content:"";display:table;clear:both}.logo{width:300px;height:78.4px;float:left}@media (max-width: 640px){.logo{width:228px;height:60px}}.logo>a{display:block}.lang{float:right}@media (max-width: 960px){.lang{display:none}}.lang ul{text-align:right}.lang ul li{display:inline-block;margin:0 2px}.lang a{display:block;color:#928050;border-radius:8px;padding:0px 10px}.lang a:hover{color:#fff;background-color:#928050}.lang .active>a{color:#fff;background-color:#928050}.main-menu{background-color:#333;padding:0}.main-menu nav a{padding:16px 28px}@media (max-width: 1366px){.main-menu nav a{padding:16px 20px}}@media (max-width: 1024px){.main-menu nav a{padding:16px}}.header--clone{position:fixed;width:100%;z-index:130;top:0;left:0;-webkit-transform:translateY(-200px);-ms-transform:translateY(-200px);transform:translateY(-200px);-webkit-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;background-color:#fff;-webkit-box-shadow:0 0 10px #333;box-shadow:0 0 10px #333;opacity:0;overflow:hidden}.header--stick{-webkit-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%);opacity:1;overflow:inherit}.sb-active .header--clone{-webkit-transform:translateY(-200px);-ms-transform:translateY(-200px);transform:translateY(-200px)}#header2 .top{padding:5px 15px}#header2 .logo{padding:0;height:auto}#header2 .logo img{max-width:inherit;height:60px}#header2 .main-menu a{padding:8px 28px}@media (max-width: 1366px){#header2 .main-menu a{padding:8px 20px}}@media (max-width: 1024px){#header2 .main-menu a{padding:8px 16px}}@media (max-width: 960px){.sb-site{padding:0;-webkit-box-shadow:0 0 15px #d9d9d9;box-shadow:0 0 15px #d9d9d9}.sb-slidebar{color:#312368;background-color:#fff}.sb-toggle-right{position:absolute;border-radius:10px;padding:5px 10px;top:20px;right:10px}}@media (max-width: 960px) and (max-width: 640px){.sb-toggle-right{top:15px}}@media (max-width: 960px){.header--clone .sb-toggle-right{top:15px}.bar1,.bar2,.bar3{width:35px;height:3px;background-color:#312368;margin:7px 0;-webkit-transition:0.4s;-o-transition:0.4s;transition:0.4s;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}.sb-active-right .bar1{-webkit-transform:rotate(-45deg) translate(-10px, 6px);-ms-transform:rotate(-45deg) translate(-10px, 6px);transform:rotate(-45deg) translate(-10px, 6px)}.sb-active-right .bar2{opacity:0}.sb-active-right .bar3{-webkit-transform:rotate(45deg) translate(-7px, -5px);-ms-transform:rotate(45deg) translate(-7px, -5px);transform:rotate(45deg) translate(-7px, -5px)}}#right_menu{padding-bottom:50px}#right_menu a{display:inline-block;padding:5px 20px}#right_menu .right-lang{background-color:#928050}#right_menu .right-lang ul{padding:5px;margin-bottom:20px}#right_menu .right-lang ul::after{content:"";display:table;clear:both}#right_menu .right-lang ul li{width:50%;float:left;padding:4px 2px;text-align:center}#right_menu .right-lang ul li a{display:block;background-color:#fff;border-radius:10px}#right_menu .right-lang ul li.active a{background-color:#e0c557;color:#fff}#right_menu .right-main-menu>ul>li{border-bottom:1px solid #d9d9d9}#right_menu .right-main-menu>ul>li>a{padding:10px 15px;font-size:20px;display:block}#right_menu .right-main-menu>ul>li.active>a{color:#fff;background-color:#333}#right_menu .right-pro{display:none}#right_menu .right-pro>li{position:relative;padding:4px 4px 4px 20px;border-bottom:1px dashed #d9d9d9}#right_menu .right-pro>li:last-child{border-bottom:none}#right_menu .right-pro>li>a{display:block;position:relative;padding-right:10px}#right_menu .right-pro>li>a::before{content:"";background-color:#333;position:absolute;width:10px;height:1px;top:18px;left:0px}#right_menu .right-pro>li.active a{color:#C20114}#right_menu .right-pro>li.active a:before{background-color:#C20114}#right_menu .active .right-pro{display:block}.footer{background-color:#e5ab26}.foot{padding:60px 0}.foot::after{content:"";display:table;clear:both}.foot-menu-main{background-color:#333;padding:0}.foot-info{width:50%;float:left}@media (max-width: 640px){.foot-info{float:none;width:100%;margin-bottom:30px}}.foot-logo{margin-bottom:30px;vertical-align:bottom}.foot-logo::after{content:"";display:table;clear:both}.foot-logo .logo{width:auto;height:auto;float:none;margin-right:50px;display:inline-block}.foot-logo .logo a{display:block}.foot-logo .qr-code{display:inline-block}@media (max-width: 480px){.foot-logo .qr-code{margin-top:20px}}.foot-com-info{font-family:"Roboto Light Condensed","微軟正黑體","Microsoft JhengHei",sans-serif;font-size:20px;color:#fff}.lang-ja .foot-com-info{font-family:"Roboto Light Condensed","Yu Gothic Medium","游ゴシック Medium",YuGothic,"游ゴシック体","Noto Sans Japanese","ヒラギノ角ゴ Pro W3","メイリオ","Hiragino Kaku Gothic ProN","MS PGothic",Osaka,sans-serif}.foot-ce{margin-top:30px}.foot-menu-title{border-bottom:#fff 1px solid;padding-bottom:10px;margin-bottom:20px;font-size:30px;color:#fff;font-family:"Roboto Bold","微軟正黑體","Microsoft JhengHei",sans-serif}.lang-ja .foot-menu-title{font-family:"Roboto Bold","Yu Gothic Medium","游ゴシック Medium",YuGothic,"游ゴシック体","Noto Sans Japanese","ヒラギノ角ゴ Pro W3","メイリオ","Hiragino Kaku Gothic ProN","MS PGothic",Osaka,sans-serif}.foot-menu-pro{width:50%;float:left}@media (max-width: 640px){.foot-menu-pro{float:none;width:100%}}.foot-menu-pro nav::after{content:"";display:table;clear:both}.foot-menu-pro nav>ul{-webkit-columns:2;-moz-columns:2;columns:2;padding:0 0 0 20px;list-style:disc}@media (max-width: 480px){.foot-menu-pro nav>ul{-webkit-columns:initial;-moz-columns:initial;columns:initial}}.foot-menu-pro nav>ul li{color:#fff;margin-bottom:6px;line-height:1.4;padding-right:20px}.foot-menu-pro nav>ul a{display:block}.foot-menu-pro nav>ul a:hover{color:#312368;text-decoration:underline}.foot-menu-pro nav>ul .active>a{color:#312368;text-decoration:underline}.copyright{text-align:center;color:#e6e6e6;padding-bottom:30px}@media (max-width: 768px){.banner .banner-desktop{display:none}}.banner .banner-mobile{display:none}@media (max-width: 768px){.banner .banner-mobile{display:block}}@media (max-width: 640px){.banner .swiper-pagination-bullet{width:14px;height:14px}}.banner-desktop .banner-text{position:absolute;z-index:3}.banner-desktop .banner-text.banner-text-01{top:34.375%;left:50%;width:34.84375%}.banner-desktop .banner-text.banner-text-02{top:70%;left:41.927%;width:43.59375%}.banner-desktop .banner-text.banner-text-03-1{top:31.25%;left:14.33%;width:23.073%}.banner-desktop .banner-text.banner-text-03-2{top:4%;left:54.427%;width:32.8645%}.banner-mobile .banner-text{position:absolute;z-index:3}.banner-mobile .banner-text.banner-text-01{top:40%;right:5%;width:60%}.banner-mobile .banner-text.banner-text-02{top:74%;left:20%;width:70%}.banner-mobile .banner-text.banner-text-03-1{top:5%;left:5%;width:35%}.banner-mobile .banner-text.banner-text-03-2{top:20%;left:50%;width:45%}.section{padding:40px 0 50px}h2.title{color:#916e0f;font-size:48px;text-align:center;font-family:"Roboto Bold","微軟正黑體","Microsoft JhengHei",sans-serif;line-height:1;margin-bottom:50px;padding:0}h2.title::first-letter{font-size:72px}@media (max-width: 960px){h2.title{font-size:36px;margin-bottom:30px}h2.title::first-letter{font-size:48px}}.lang-ja h2.title{font-family:"Roboto Bold","Yu Gothic Medium","游ゴシック Medium",YuGothic,"游ゴシック体","Noto Sans Japanese","ヒラギノ角ゴ Pro W3","メイリオ","Hiragino Kaku Gothic ProN","MS PGothic",Osaka,sans-serif}.history-area::after{content:"";display:table;clear:both}.history-pic{float:left;width:45%;text-align:center}@media (max-width: 1280px){.history-pic{padding-right:30px}}@media (max-width: 767px){.history-pic{float:none;width:100%;padding-right:0;margin-bottom:30px}}.history-pic .history-img{max-width:528px;overflow:hidden;margin:auto;border-radius:10px;-webkit-box-shadow:5px 5px 10px #b3b3b3;box-shadow:5px 5px 10px #b3b3b3}.history-text{float:left;width:55%}@media (max-width: 767px){.history-text{float:none;width:100%;max-width:528px;margin:auto}}.history-text h3{font-size:30px;margin-bottom:30px;line-height:1.4}@media (max-width: 960px){.history-text h3{font-size:24px}}.history-text ul{padding-left:40px;list-style:disc}.history-text ul li{font-size:24px}.more-btn{text-align:right}@media (max-width: 480px){.more-btn{margin-top:20px}}.more-btn a{display:inline-block;color:#fff;background-color:#928050;border-radius:10px;padding:5px 20px}.more-btn a:hover{border:#928050 1px solid;color:#928050;background-color:#fff}.products{background:url(../images/index-pro-bg.jpg) no-repeat;background-size:cover}.pro-list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.pro-list::after{content:"";display:table;clear:both}.pro-item{width:calc((100% / 5) - 20px);float:left;margin:0 10px 30px;position:relative}.pro-item:nth-child(5n+1){clear:both}@media (max-width: 960px){.pro-item{width:calc((100% / 4) - 20px)}.pro-item:nth-child(5n+1){clear:initial}.pro-item:nth-child(4n+1){clear:both}}@media (max-width: 768px){.pro-item{width:calc((100% / 3) - 20px)}.pro-item:nth-child(4n+1){clear:initial}.pro-item:nth-child(3n+1){clear:both}}@media (max-width: 640px){.pro-item{width:calc((100% / 2) - 20px)}.pro-item:nth-child(3n+1){clear:initial}.pro-item:nth-child(2n+1){clear:both}}@media (max-width: 375px){.pro-item{width:100%;max-width:280px;margin-left:auto;margin-right:auto}.pro-item:nth-child(2n+1){clear:initial}}.pro-item a{opacity:0;position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(229,171,38,0.7);border:#fff 5px solid}.pro-item a::before{content:"\f0c1";font-family:"Font Awesome 5 Free";font-weight:900;position:absolute;top:50%;left:50%;color:#fff;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease}.pro-item:hover a{opacity:1}.pro-item:hover a::before{font-size:72px}.pro-pic{background-color:rgba(255,255,255,0.3);text-align:center;padding:15px}.pro-name{padding:10px 15px}.pro-name h4{font-family:"Roboto Bold","微軟正黑體","Microsoft JhengHei",sans-serif}.pro-name p{font-size:16px}.lang-ja .pro-name h4{font-family:"Roboto Bold","Yu Gothic Medium","游ゴシック Medium",YuGothic,"游ゴシック体","Noto Sans Japanese","ヒラギノ角ゴ Pro W3","メイリオ","Hiragino Kaku Gothic ProN","MS PGothic",Osaka,sans-serif}.testlab{background:url(../images/testlab-bg.jpg) no-repeat left bottom;background-size:cover}.lab-box{position:relative}.lab-box>a{position:absolute;top:0;right:0;bottom:0;left:0;border:3px solid #e5ab26;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;opacity:0}.lab-box:hover>a{opacity:1}.swiper-indexlab{overflow:hidden}.testlab-area{max-width:1440px;padding:30px 80px 40px;margin:50px;overflow:hidden;position:relative}@media (max-width: 1024px){.testlab-area{margin:50px 0;padding:30px}}.testlab-area .swiper-button-next,.testlab-area .swiper-button-prev{background-size:42px 66px;width:42px;height:66px;margin-top:-33px}@media (max-width: 1024px){.testlab-area .swiper-button-next,.testlab-area .swiper-button-prev{background-size:21px 33px;width:21px;height:33px;margin-top:-16px}}.testlab-area .swiper-button-next{background-image:url(../images/arrow-next.png)}@media (max-width: 1024px){.testlab-area .swiper-button-next{right:0}}.testlab-area .swiper-button-prev{background-image:url(../images/arrow-prev.png)}@media (max-width: 1024px){.testlab-area .swiper-button-prev{left:0}}.lab-box{-webkit-box-shadow:2px 5px 10px #b3b3b3;box-shadow:2px 5px 10px #b3b3b3;border:#ccc 1px solid;text-align:center;margin:10px}.lab-box img{max-height:300px}