/* section */
section{padding:5vw 0}
section >*{z-index:5}
section .title_box{margin-bottom:20px}
section .title_box font{font-weight:200;font-size:100px;letter-spacing:3.5px;color:#e5e5e5;position:relative;font-family:'Belleza',sans-serif;text-transform:uppercase;line-height:120%}
section .title_box .page_title{text-transform:uppercase;position:relative;font-size:24px;letter-spacing:2.3px;padding-top:0;line-height:180%;font-weight:600;color:#444444}
section .title_box .page_title::first-letter{}
section.bg_box{background:no-repeat 50% / cover;background-attachment:fixed}
.more_btn{margin-top:0px;z-index:10;position:relative}
.more_btn a{position:relative;overflow:hidden;width:150px;padding:10px 20px;display:inline-block}
.more_btn font{text-align:left;font-weight:400;text-transform:uppercase;letter-spacing:3px;color:#4f3c30}
.more_btn.white font{letter-spacing:1px;font-size:12px;position:relative;-webkit-writing-mode:inherit;-ms-writing-mode:inherit;writing-mode:inherit;color:#646464;font-family:'Belleza',sans-serif;margin-right:10px}
.more_btn.white a:before{content:"";height:100%;width:0;display:block;position:absolute;bottom:0;left:-22px;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;background-color:#ec530f;-webkit-transform:skewX(-30deg);-ms-transform:skewX(-30deg);transform:skewX(-30deg)}
.more_btn.white a::after{content:'';position:absolute;height:1px;width:100%;bottom:0;left:0;background-color:#484848;-webkit-transform:skewX(-30deg);-ms-transform:skewX(-30deg);transform:skewX(-30deg);z-index:-1;transform-origin:top left;transition:all 1.1s ease-in-out;-webkit-transition:all 1.1s ease-in-out}
.more_btn a span::before{content:"";width:8px;height:1px;display:block;background-color:#5a5a5a;position:absolute;top:calc(50% - 3px);right:5px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.more_btn a span::after{content:"";width:8px;height:1px;display:block;background-color:#5a5a5a;position:absolute;top:calc(50% + 3px);right:5px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.ban-deco{background:url(/images/39/ban_deco.png) no-repeat;background-size:100% 170px;width:100%;height:100%;position:absolute;top:-70px;z-index:4}
section .titleBox{position:relative;margin-bottom:30px;text-align:center}
section .titleBox .titleTw{font-weight:600;font-size:26px;letter-spacing:4.5px;color:#4c4c4c;text-align:center;margin-top:10px}
section .titleBox .titleTw.deco{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;position:relative}
section .titleBox .titleTw.deco:before{content:"";width:5px;height:5px;border-radius:50%;position:absolute;bottom:5px;right:-11px;background-color:#c9a063}
section .titleBox .titleEn{font-size:100px;text-transform:uppercase;letter-spacing:0.7px;color:#e5e5e5;font-family:'Belleza',sans-serif;font-style:inherit}


/* about_area */
#wrap{position:relative}
#about_area{padding:4vw 0 3vw 0;position:relative;background-image:url(/images/39/img-ab-bg.png)}
#about_area.tooolong .aboutBG{height:100%}
#about_area::after{content:'';position:absolute;height:100%;width:60px;top:20px;left:0px;background:#ec530f;opacity:1;z-index:6}
#about_area .nowrap_box{margin-right:auto;flex-direction:row-reverse;justify-content:flex-end;align-items:center;z-index:10}
#about_area::before{content:"";width:845px;height:985px;display:block;background-image:url(/images/39/img-ab-02.png);background-size:auto;background-repeat:no-repeat;background-position:100% 100%;overflow:hidden;position:absolute;top:0;left:0;z-index:1}
#about_area .aboutBG:before{position:absolute;display:block;bottom:-40px;left:-10px;content:"";background-image:url(/images/39/img-ab-bg01.png);z-index:7;height:250px;width:0;transition:all 3.1s ease-in-out;-webkit-transition:all 3.1s ease-in-out}
#about_area.tooolong .aboutBG:before{width:660px}
#about_area. .img_item img{width:100%}
#about_area .aboutArea{padding-left:0;padding-right:0;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;justify-content:space-between;flex-direction:row-reverse}
#about_area .aboutArea .areaTxt{padding-top:0px;width:32%;z-index:10}
#about_area .aboutArea .areaTitle .title_box{position:relative;margin-top:40px}
#about_area .aboutArea .areaTitle .title_box font{font-size:55px;text-align:end;color:var(--complement);letter-spacing:2.5px}
#about_area .aboutArea .areaTitle .title_box::after{position:absolute;content:"";width:320px;height:5px;background-color:#ea5c1f;top:120px;left:-280px}
#about_area .aboutArea .img_item{width:60%;margin:0}
section article .title{font-size:22px;margin-left:0px;letter-spacing:2.3px;line-height:180%;font-weight:600;margin-top:20px;color:#444444}
section article .Txt.show{padding-top: 40px;position:relative;-webkit-transition-delay:300ms;transition-delay:300ms}
section article .Txt.show::after{position:absolute;content:"";width:50px;height:1px;background-color:#b0b0b0;top: 24px;left:0}
#about_area .aboutArea .ImgCenter .Img{width:100%;margin-top:20px;position:relative;overflow:hidden}
#about_area .aboutArea .ImgCenter .Img video{width:130%;height:510px}
#about_area .aboutArea .ImgCenter .ImgTop{position:absolute;top:-21%;right:53%;width:45%;z-index:0}
#about_area .aboutArea .ImgCenter .ImgBottom{position:absolute;top:37%;right:-40%;width:66%;z-index:2}
#about_area .aboutArea .bottom{width:25%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-start;padding-left:100px;margin-bottom:-11px;position:relative;flex-direction:column;justify-content:flex-end}
section article .Txt{letter-spacing:0.6px;line-height:1.6}
#about_area .aboutArea .Txt h2{font-size:25px;margin-bottom:15px}
section article .Txt .text{color: #494949;font-size:17px;font-weight:500;line-height:209%;letter-spacing:0.5px}
#about_area .aboutArea .right .more_btn{position:relative;margin-top:30px}
#about_area .deck02{position:absolute;right:60px;z-index:-1;top:70px}
#about_area .deck02 .Img{font-size:180px;font-weight:bold;opacity:0.1;font-family:'Montserrat',sans-serif;letter-spacing:10.5px}
.facArea .facList{width:calc((100% / 6) * 4)}
.facList{text-align:center;display:flex;align-items:center;justify-content:space-between;margin-top:30px}
.facList li{position:relative}
.facList li:not(:last-child):before{content:'';position:absolute;right:-65px;top:15px;display:block;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);width:30px;height:30px;background-image:-webkit-gradient(linear,left top,right top,to(#ea5c1f)),-webkit-gradient(linear,left top,left bottom,to(#ea5c1f));background-image:-webkit-linear-gradient(left,#aa7c7e 100%),-webkit-linear-gradient(top,#aa7c7e 100%);background-image:-o-linear-gradient(left,#aa7c7e 100%),-o-linear-gradient(top,#aa7c7e 100%);background-image:linear-gradient(to right,#aa7c7e 100%),linear-gradient(to bottom,#aa7c7e 100%);background-size:100% 2px,2px 100%;background-position:50% 50%;background-repeat:no-repeat}
.facList h4{display:block;margin-bottom:5px;font-size:18px;font-weight:500;letter-spacing:.02em;color:#4a4a4a;text-transform:uppercase}


/* product_area */
.list_box .info_box h3{height:30px;font-weight:500;font-size:17px;color:#3a4856}
#product_area{position:relative;padding:120px 0px 0px;margin-top:0;z-index:20}
#product_area .info{display:flex;flex-direction:column;position:relative}
#product_area .info .more_btn{position:absolute;top:50%;transform:translate(0%,-50%);width:100%}
#product_area .list_box{width:calc(100% - 300px);margin-left:0;-webkit-transform:translate(200px,-90px);transform:translate(200px,-90px);z-index:10}
#product_area .applicationList .slick-track{padding-bottom:50px;padding-top:100px;padding-right:60px}
#product_area .applicationList .slick-list{overflow:unset}
#product_area .applicationItem{padding:0;margin:10px 20px;position:relative}
#product_area .applicationItem.title .item{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;padding:50px 25px 54px 25px}
#product_area .applicationItem.title .item .more_btn{position:relative}
#product_area .more_btn.white a::after{background-color:#bebebe}
#product_area .more_btn.white a:hover font{color:#ffffff}
#product_area .more_btn.white font{color:#515151}
#product_area .more_btn.white span{margin-left:10px}
#product_area .more_btn.white span img{margin-left:10px;margin-bottom:6px}
#product_area .title_box .page_title{margin-bottom:10px}
#product_area .applicationItem:not(.title) .item{padding:0px 0px 0px 0px}
#product_area .applicationItem:not(.title) .item:hover .title{transform:translate(0%,-20%)}
#product_area .applicationItem:not(.title) .item:hover .subtitle{color:#272727}
#product_area .applicationItem:not(.title) .item:hover .text{color:#ea5c1f;font-family:'Belleza',sans-serif}
#product_area .applicationItem:not(.title) .item:hover .moreBtn{opacity:1;transform:translate(0%,-20%)}
#product_area .item .sideDeco{-ms-flex-align:end;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:absolute;top:-45px;right:10px;z-index:4}
#product_area .applicationItem .item .Img{position:relative}
#product_area .item .sideDeco .number{font-size:55px;font-weight:500;margin-bottom:30px}
#product_area .item .sideDeco .number,#product_area .item .sideDeco .text{color:#ea5c1f;display:block;font-family:'Belleza',sans-serif;line-height:120%;letter-spacing:1px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}
#product_area .item .sideDeco .text{font-size:16px;font-weight:500}
#product_area .item h4{font-family:'Belleza',sans-serif;font-weight:300;font-size:14px}
#product_area .item h5{margin:40px 0;font-weight:400;font-size:14px}
#product_area .item .atag_item{z-index:10}
#product_area .deck02{position:absolute;right:-140px;z-index:-1;top:0}
#product_area .deck02 .Img{}
#product_area .Img img{display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden;object-fit:contain;z-index:3}
#product_area .Txt{align-items:flex-end;display:flex;flex-wrap:wrap;padding-top:55px;position:relative;left:55px;z-index:2;width:80%}
#product_area .Txt:before{content:"";width:1px;height:100%;background-color:#eb5c20;position:absolute;top:-40px;left:-30px;z-index:1}
#product_area .Txt .title{display:inline-block;font-size:18px;color:#444;font-weight: 500;letter-spacing:1px}
#product_area .Txt .subtitle{color:#444;font-size:15px;font-weight:400;letter-spacing:1px;padding-top:26px;padding-right:0px}
#product_area .Txt .text{height:85.5px;color:#e9eef5;font-size:15px;line-height:1.9;letter-spacing:0.7px;margin-top:17px}
#product_area .Txt .subtitle{font-size:15px}
#product_area .Txt .text{font-size:14px}
#product_area .moreBtn{padding:10px 0;opacity:0}
#product_area .moreBtn a{position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;width:81px;color:#444;font-weight:500;letter-spacing:0.12em;z-index:1;font-size:14px}
#product_area .moreBtn a::after{content:"";position:absolute;top:calc(50% - 7.5px);right:-10px;width:20px;height:17px;background:url("/images/39/arrow_right_white.png") no-repeat center/cover;z-index:1;-webkit-filter:contrast(0) brightness(100%);filter:contrast(0) brightness(100%)}
#product_area .parallaxImg{position:absolute;animation-name:lemon;animation-direction:alternate;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:3s}
#product_area .right{animation-duration:6.5s;left:90px}
#product_area .bottom{bottom:0;right:40px}
@keyframes lemon{0%{bottom:20%}
100%{bottom:0%}
}



/* scroll_btn */
#scroll_btn{position:absolute;width:100%;height:100%;background:rgb(255 255 255 / 0%);left:0;top:0}
#apple_circle{bottom:-100px;right:520px;z-index:10}
#apple_circle img{width:auto;height:40%}
#apple_circle >div{top:0;left:0}
#apple_circle >div #cText{margin:0% 4% -3% -2%;width:105%;height:100%}
#apple_circle >div #cText #circleText{fill:none}
#apple_circle >div #cText text{text-transform:uppercase;letter-spacing:1px;font-weight:300;font-size:20px;fill:#a9a9a9;font-family:'Belleza',sans-serif}
#apple_circle{width:170px;height:170px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}
#apple_circle > div{-webkit-animation:apple_circle 50s linear infinite;animation:apple_circle 50s linear infinite}
@-webkit-keyframes apple_circle{0%,100%{transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0)}
50%{transform:rotate(1turn);-webkit-transform:rotate(1turn);-moz-transform:rotate(1turn);-ms-transform:rotate(1turn);-o-transform:rotate(1turn)}
}@keyframes apple_circle{0%,100%{transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0)}
50%{transform:rotate(1turn);-webkit-transform:rotate(1turn);-moz-transform:rotate(1turn);-ms-transform:rotate(1turn);-o-transform:rotate(1turn)}
}

/* aboutOutsideArea */
#aboutOutsideArea{padding:5vw 0;background-color:#fbfbfb;position:relative}
#aboutOutsideArea .title_box p,#aboutOutsideArea .title_box .page_title{text-align:center}
#aboutOutsideArea .inSideListBox{position:relative;width:552px;height:552px;padding:38.5px;z-index:0}
#aboutOutsideArea::after{content:'';position:absolute;height:100%;width:100%;bottom:-160px;left:0px;background-image:url(/images/39/img-s-bg.png);background-repeat:no-repeat;background-size:contain;opacity:0.8;z-index:0;transform:skewX(180deg);background-position:50% 50%}
#aboutOutsideArea .listBox{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-top:23px}
#aboutOutsideArea .inSideListBox .aboutInsideImgList{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;height:100%;border-radius:50%;overflow:hidden;align-items:baseline;justify-content:space-evenly;align-content:center}
#aboutOutsideArea .inSideListBox .aboutInsideImgList .aboutInsideImgItem{position:relative;width:50%}
#aboutOutsideArea .inSideListBox .aboutInsideImgList img{width:100%;display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-bottom:6px solid #fff}
#aboutOutsideArea .inSideListBox .aboutInsideImgList .aboutInsideImgItem:nth-child(2) img,#aboutOutsideArea .inSideListBox .aboutInsideImgList .aboutInsideImgItem:nth-child(4) img{border-left:6px solid #fff}
#aboutOutsideArea .aboutOutsideList{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:0;width:100%;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between;z-index:1}
#aboutOutsideArea .aboutOutsideList .aboutOutsideItem{position:relative;width:50%;padding:23px 0}
#aboutOutsideArea .aboutOutsideList .item{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;pointer-events:auto;flex-direction:row}
#aboutOutsideArea .aboutOutsideList .Img{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:160px;height:160px;border-radius:50%}
#aboutOutsideArea .aboutOutsideList .Img::before{content:"";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:calc(100% - 10px);height:calc(100% - 10px);border-radius:50%;background-color:#918b85;z-index:-1}
#aboutOutsideArea .aboutOutsideList .aboutOutsideItem:nth-child(1) .Img::before,#aboutOutsideArea .aboutOutsideList .aboutOutsideItem:nth-child(4) .Img::before{background-color:#ea5c1f}
#aboutOutsideArea .aboutOutsideList .Img::after{content:"";position:absolute;top:50%;right:0;transform:translate(180%,0%);width:calc(100% + 45px);height:calc(0% + 0.5px);pointer-events:none;background:#d6d6d6;z-index:3}
#aboutOutsideArea .aboutOutsideList .aboutOutsideItem:nth-child(2) .Img::after,#aboutOutsideArea .aboutOutsideList .aboutOutsideItem:nth-child(4) .Img::after{transform:translate(-190%,0%);left:0}
#aboutOutsideArea .aboutOutsideList .Img img{display:block;width:80px;height:80px}
#aboutOutsideArea .aboutOutsideList .Txt{max-width:195px;padding-right:32px}
#aboutOutsideArea .aboutOutsideList .Txt .title{color:#000;font-size:22px;font-weight:500;letter-spacing:1.5px}
#aboutOutsideArea .aboutOutsideList .Txt .text{color:rgba(55,55,55,0.8);font-size:17px;font-family:'Belleza',sans-serif;margin-top:10px;font-weight:400;text-transform:uppercase;letter-spacing:0.5px}
#aboutOutsideArea .more_btn{
    text-align: center;
}

/*automotive_area*/
#automotive_area{padding:4vw 0 0;background-image:url(/images/39/img-A2-c-bg.png);position:relative;background-attachment:inherit}
#automotive_area::before{content:'';position:absolute;height:0;width:60px;top:-99px;right:40%;background:#918c86;opacity:1;z-index:0;-webkit-transform:skewX(147deg);-ms-transform:skewX(147deg);transform:skewX(147deg);transition:all 3.1s ease-in-out;-webkit-transition:all 3.1s ease-in-out}
#automotive_area::after{content:'';position:absolute;height:0;width:60px;bottom:-80px;left:14%;background:#ea5c1f;opacity:1;z-index:0;-webkit-transform:skewX(147deg);-ms-transform:skewX(147deg);transform:skewX(147deg);transition:all 3.1s ease-in-out;-webkit-transition:all 3.1s ease-in-out}
#automotive_area.tooolong:before,#automotive_area.tooolong::after{height:30%}
#automotive_area #apple_circle >div #cText text{fill:#ffffff;font-size:22px}
#automotive_area article .title,#automotive_area article .Txt .text{color:#ffffff}
#automotive_area article .title{margin-top:0px}
#automotive_area article .Txt .text{width:440px}
#automotive_area .title_box h5{position:absolute;right:100px;top:140px;color:#fff;font-weight:400;width:400px;letter-spacing:1px}
#automotive_area .more_btn.white font{color:#ffffff}
#automotive_area .more_btn a span::before,#automotive_area .more_btn a span::after,#automotive_area .more_btn.white a::after{background-color:#ffffff}
#automotive_area #apple_circle{bottom:-170px;width:220px;height:220px;right:160px}
#automotive_area #apple_circle img{height:43%;margin-top:20px;margin-right:3px}
#automotive_area .deck02{position:relative;z-index:10}
#automotive_area .info{z-index:7;display:block;position:relative}
#automotive_area .listBox{-webkit-transform:translate(0px,-100px);transform:translate(0px,-100px);z-index:5;display:block;position:relative}
#automotive_area .listBox .automotiveImgItem{display:flex;flex-direction:column;align-items:center}
#automotive_area .facList{width:80%;margin:30px auto 0}
#automotive_area .facList h4{color:#ffffff}
#automotive_area .facList li:not(:last-child):before{background-image:-webkit-gradient(linear,left top,right top,to(#ffffff)),-webkit-gradient(linear,left top,left bottom,to(#ffffff));-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}

/* carservices_area */
#carservices_area{overflow:hidden;padding:8vw 0 10vw 0;position:relative}
#carservices_area .nowrap_box{margin-right:auto;flex-direction:row-reverse;justify-content:flex-end;align-items:center}
#carservices_area::before{content:"";width:100%;height:100%;display:block;background-image:url(/images/39/img-carBox-bg.png);background-size:auto;background-repeat:no-repeat;background-position:100% 50%;overflow:hidden;position:absolute;top:0;right:0;z-index:-1}
#carservices_area .carservicesArea .ImgCenter:before{position:absolute;display:block;bottom:30px;left:30px;content:"";background:#003b71;z-index:0;height:410px;width:0;transition:all 3.1s ease-in-out;-webkit-transition:all 3.1s ease-in-out}
#carservices_area.tooolong .carservicesArea .ImgCenter:before{width:560px}
#carservices_area. .img_item img{width:100%}
#carservices_area .carservicesArea{padding-left:18px;padding-right:13px;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}
#carservices_area .carservicesArea .info{padding-top:130px;width:35%}
#carservices_area .carservicesArea .info .title_box font{position:absolute;width:max-content;top:-140px}
#carservices_area article .title{font-weight:500;font-size:20px}
#carservices_area .carservicesArea .areaTitle .title{font-size:18px;margin-left:0px;letter-spacing:0.3px;padding-top:0;line-height:180%}
#carservices_area .carservicesArea .areaTitle article .Txt{padding-top:60px;position:relative;-webkit-transition-delay:300ms;transition-delay:300ms}
#carservices_area .carservicesArea .text{font-size:15px;color:#5a5a5a}
#carservices_area .carservicesArea .areaTitle article .Txt::after{position:absolute;content:"";width:60px;height:2px;background-color:#003b71;top:30px;left:0}
#carservices_area .carservicesArea .ImgCenter .Img{width:120%;margin-left:50px;margin-top:160px;position:relative;overflow:hidden}
#carservices_area .carservicesArea .ImgCenter .Img img{width:100%;height:100%}
#carservices_area .carservicesArea .ImgCenter .ImgTop{position:absolute;top:10%;left:105%;width:64%;z-index:0}
#carservices_area .carservicesArea .ImgCenter .ImgBottom{position:absolute;top:80%;left:-20%;width:56%;z-index:2}
#carservices_area .carservicesArea .bottom{width:25%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-start;padding-left:160px;margin-bottom:-11px;position:relative;flex-direction:column;justify-content:flex-end}
#carservices_area .carservicesArea .Txt{letter-spacing:0.6px;line-height:1.6;width:100%}
#carservices_area .carservicesArea .Txt h2{font-size:25px;margin-bottom:15px}
#carservices_area .carservicesArea .Txt .text{color:#3f3f3f;font-size:16px;font-weight:500;line-height:180%}
#carservices_area .carservicesArea .right .more_btn{position:relative;margin-top:30px}
#carservices_area .deck02{position:absolute;right:60px;z-index:-1;top:70px}
#carservices_area .deck02 .Img{font-size:180px;font-weight:bold;opacity:0.1;font-family:'Montserrat',sans-serif;letter-spacing:10.5px}
.classLink li{width:100%}
.classLink li a{display:flex;align-items:center;position:relative;padding:15px 25px 15px 15px}
.classLink .num{letter-spacing:1px;font-size:16px;position:relative;-webkit-writing-mode:inherit;-ms-writing-mode:inherit;writing-mode:inherit;color:#8e8e8e;font-family:'Belleza',sans-serif;margin-right:10px}
.classLink font{font-weight:500;font-size:20px}
.classLink a:before{content:"";height:2px;width:160px;display:block;position:absolute;bottom:0;left:0;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;background-color:#b8b8b8;-webkit-transform:skewX(-30deg);-ms-transform:skewX(-30deg);transform:skewX(-30deg)}
.classLink a::after{content:'';position:absolute;height:1px;width:100%;bottom:0;left:0;background-color:#c7c7c7;-webkit-transform:skewX(-30deg);-ms-transform:skewX(-30deg);transform:skewX(-30deg);z-index:-1;transform-origin:top left;transition:all 1.1s ease-in-out;-webkit-transition:all 1.1s ease-in-out}
.classLink a span::before{content:"";width:8px;height:1px;display:block;background-color:#5a5a5a;position:absolute;top:calc(50% - 3px);right:5px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.classLink a span::after{content:"";width:8px;height:1px;display:block;background-color:#5a5a5a;position:absolute;top:calc(50% + 3px);right:5px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}

@media screen and (max-width:1440px){
	section .titleBox .titleEn,section .title_box font{font-size:75px}
	#about_area .aboutArea .ImgCenter:before{bottom:60px;left:30px;height:340px}
	#about_area.tooolong .aboutArea .ImgCenter:before{width:480px}
	#about_area .aboutArea .ImgCenter .ImgBottom{right:-20%}
	#carservices_area .carservicesArea .ImgCenter:before{bottom:60px;left:30px;height:340px}
	#carservices_area.tooolong .carservicesArea .ImgCenter:before{width:480px}
	#carservices_area .carservicesArea .info{padding-top:80px}
	#carservices_area .carservicesArea .info .title_box font{top:-90px}
	#automotive_area::before{right:35%}
	#automotive_area::after{left:3%}
	#aboutOutsideArea::after{bottom:-80px}
	#aboutOutsideArea .inSideListBox{width:500px;height:500px}
	#product_area .list_box{-webkit-transform:translate(130px,-90px);transform:translate(130px,-90px)}
	#product_area .deck02{right:0px}
}
@media (min-width:1201px){
	#aboutOutsideArea .aboutOutsideList{-webkit-transform:translateY(-50%) scale(0.8);transform:translateY(-50%) scale(0.8);transition:ease-in 0.3s}
	#aboutOutsideArea .aboutOutsideList .aboutOutsideItem:nth-child(odd) .Txt{padding-left:24px}
	#aboutOutsideArea .aboutOutsideList .aboutOutsideItem:nth-child(even) .item{-ms-flex-pack:end;justify-content:flex-end}
	#aboutOutsideArea .aboutOutsideList .aboutOutsideItem:nth-child(even) .Img{-ms-flex-order:2;order:2}
	#aboutOutsideArea .aboutOutsideList .aboutOutsideItem:nth-child(even) .Txt{-ms-flex-order:1;order:1;padding-right:32px}
	#aboutOutsideArea .aboutOutsideList .aboutOutsideItem:nth-child(even) .Txt .title{text-align:right}
	#aboutOutsideArea .aboutOutsideList .aboutOutsideItem:nth-child(even) .Txt .text{text-align:right}
	#aboutOutsideArea .aboutOutsideList .aboutOutsideItem:nth-child(1)::before{left:0}
	#aboutOutsideArea .aboutOutsideList .aboutOutsideItem:nth-child(2)::before{right:0}
}
@media (max-width:1200px){
	#aboutOutsideArea .aboutOutsideList{position:relative;top:initial;-webkit-transform:translateY(0);transform:translateY(0);max-width:800px;margin-top:20px;z-index:3}
	#aboutOutsideArea .aboutOutsideList .aboutOutsideItem .Txt{padding-left: 10px;padding-right:0}
	#aboutOutsideArea .aboutOutsideList .Txt .title{font-size:16px;letter-spacing:0.5px}
	#aboutOutsideArea .aboutOutsideList .Txt .text{font-size:13px;margin-top:5px}
	#aboutOutsideArea .aboutOutsideList .aboutOutsideItem:nth-child(1)::before,#aboutOutsideArea .aboutOutsideList .aboutOutsideItem:nth-child(2)::before{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
	#carservices_area .carservicesArea{display:flex;flex-direction:column;padding-left:0;padding-right:0}
	#carservices_area .carservicesArea .areaTxt{width:auto;margin-bottom:30px}
	#carservices_area .carservicesArea .ImgCenter .Img{margin-left:0;margin-top:0;width:100%}
	#carservices_area .carservicesArea .ImgCenter .Img video{width:100%;height:100%}
	#carservices_area .img_item{width:auto;margin-bottom:70px;margin-top:40px}
	#carservices_area .carservicesArea .bottom{padding-left:0;margin-bottom:0;width:auto}
	#carservices_area::before{right:0;bottom:0;background-size:cover;background-repeat:no-repeat}
	#carservices_area .carservicesArea .ImgCenter .ImgTop{display:none}
	#carservices_area .carservicesArea .ImgCenter .ImgBottom{top:72%;left:-5%;width:40%}
	#automotive_area::before,#automotive_area::after{display:none}
}
@media screen and (min-width:1281px){
	.more_btn.white a:hover font{color:#ffffff}
	.more_btn.white a:hover:before{width:100%}
	.classLink a:hover:before{background-color:#ec530f}
	#product_area .applicationItem .item .Img:after{content:"";width:100%;height:98%;background-color:#f2f2f2;display:block;position:absolute;bottom:0;right:0;z-index:-1;-webkit-transform:translate(40px,40px);transform:translate(30px,30px)}
	#product_area .applicationItem:first-child{-webkit-transform:translate(10px,60px);transform:translate(10px,60px)}
	#product_area .applicationItem:nth-child(2){-webkit-transform:translate(30px,-20px);transform:translate(30px,-20px)}
	#product_area .applicationItem:nth-child(3){-webkit-transform:translate(30px,125px);transform:translate(40px,-90px)}
	#product_area .info .more_btn:after{border-top:1px solid rgba(var(--info-rgb),.2);content:"";position:absolute;width:calc(100% - -300px);bottom:0;left:0}
}
@media screen and (max-width:1280px){
	#aboutOutsideArea .inSideListBox{width:400px;height:400px}
	#aboutOutsideArea::after{bottom:130px}
	#product_area .deck02 .Img{font-size:110px}
	#product_area .deck02{right:-60px;top:50px}
	#about_area .aboutArea .ImgCenter:before{bottom:90px;left:30px;height:290px}
	#about_area.tooolong .aboutArea .ImgCenter:before{width:430px}
	#carservices_area .carservicesArea .ImgCenter:before{bottom:90px;left:30px;height:290px}
	#carservices_area.tooolong .carservicesArea .ImgCenter:before{width:430px}
	#automotive_area #apple_circle{bottom:-160px;width:180px;height:180px;right:210px}
	section .title_box{margin-bottom:20px}
	section .title_box .page_title{font-size: 20px;}
	section .title_box .page_title::after{left:140px}
	#product_area .info .topnote{}
	#product_area .list_box{width:calc(100% - 0px);margin-left:0;-webkit-transform:translate(0px,0px);transform:translate(0px,0px)}
	#product_area .info .more_btn{position:relative;width:auto;margin-top:30px;margin-left: 15px;}
	#product_area .applicationList .slick-track{padding-bottom: 0;padding-top: 30px;padding-right:60px}
	#product_area .parallaxImg{display:none}
	#product_area .Txt{padding-top: 30px;}
	.facList li:not(:last-child):before{right:-45px;top: 8px;}
	#aboutOutsideArea{padding:8vw 0 9vw 0}
}
@media screen and (min-width:1201px){
	#product_area .applicationMList{display:none}
	#product_area .applicationItem:not(.title) .item:hover::before{width:calc(100% + 18px);height:calc(100% + 34px);opacity:1}
	#product_area .applicationItem:not(.title) .item:hover .moreBtn a::after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
	#product_area .moreBtn a:hover::after{-webkit-animation:arrowAnimation 1s ease-out infinite;animation:arrowAnimation 1s ease-out infinite}
	.contactArea .item.contact a:hover{background-color:#3a4856}
	.contactArea .link:hover ~ .text{color:#55718e}
}
@media screen and (max-width:1200px){
	#product_area .Img{top:0}
	#product_area{padding:74px 0 33px}
	.contactArea .item{padding:17px 15px;width:calc((100% / 3) - 40px)}
	.contactArea .text{font-size:17px}
	#about_area .aboutArea{display:flex;flex-direction:column-reverse}
	#about_area .aboutArea .areaTxt{width:auto;margin-bottom:30px}
	#about_area .aboutArea .ImgCenter .Img{margin-left:0;margin-top:0}
	#about_area .aboutArea .ImgCenter .Img video{width:100%;height:100%}
	#about_area .aboutArea .ImgCenter .ImgTop,#about_area .aboutArea .ImgCenter .ImgBottom,#about_area.tooolong .aboutArea .ImgCenter:before,#about_area.tooolong .aboutBG,#product_area::after{display:none}
	#about_area .aboutArea .img_item{width:auto;margin-bottom:30px}
	#about_area .aboutArea .bottom{padding-left:0;margin-bottom:0;width:auto}
	#about_area::before{top:auto;right:0;width:470px;height:172px;bottom:0;background-size:contain;background-repeat:no-repeat}
	#carservices_area .carservicesArea .info{width:auto;padding-top:0}
	#automotive_area .listBox{-webkit-transform:translate(0px,0);transform:translate(0px,0)}
	#automotive_area{padding: 7vw 0 5vw;}
	#aboutOutsideArea .aboutOutsideList .Img::after{display:none}
	#aboutOutsideArea .aboutOutsideList .Img{width:130px;height:130px}
	#aboutOutsideArea .aboutOutsideList .Img img{width:60px;height:60px}
	#carservices_area .carservicesArea .info .title_box font{position:relative;top:0}
	#automotive_area .title_box h5{position:relative;right:0;top:0;margin-top:30px;margin-bottom:40px;width:100%}
	#automotive_area article .Txt .text{width:100%}
	#automotive_area .facList{width:100%}
}
@media screen and (max-width:1024px){
	section .titleBox .titleEn,section .title_box font{font-size:54px}
	#automotive_area .facList li:not(:last-child):before{right:50px;top:30px;}
	#automotive_area .facList li:nth-child(2):before{display:none}
	#automotive_area #apple_circle,#product_area .deck02 .Img{display:none}
	.ban-deco,#about_area::after,#about_area::before,#about_area .aboutArea .areaTitle .title_box::after{display:none}
	#about_area{padding:12vw 0 10vw 0}
	#about_area .aboutArea .areaTitle .title_box font{text-align:initial;font-size: 38px;}
	#about_area .aboutArea .areaTitle .title_box{margin-top:10px}
	section article .title{font-size: 19px;letter-spacing: 0.3px;}
	section article .Txt .text{font-size: 16px;font-weight: 400;}
	.classLink font{font-size: 18px;}
}
@media screen and (max-width:960px){
	#product_area .Txt .title{max-width:calc(100% - 80px)}
	#product_area .Img{right:0}
	#product_area .applicationItem{margin: 10px 25px 0;}
	#product_area .applicationItem.title .item .more_btn{text-align:center}
	#product_area{background-position:70% 50%}
	#product_area .item{height:auto}
	.contactArea .wrap{padding:20px 20px 10px}
	.contactArea .list{margin-top:0}
	.contactArea .item{width:100%;padding:45px 0}
	.contactArea .item:not(:last-child){border-right:0;border-bottom:1px solid rgba(0,0,0,0.2)}
	.contactArea .item:not(:last-child)::before{top:initial;right:initial;bottom:-1px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:43.75%;height:1px}
	#aboutOutsideArea::after{bottom:130px;background-size:1080px}
	#product_area .Txt{width:100%}
}
@media screen and (min-width:961px){
	#product_area .applicationMList::before{content:"";position:absolute;top:0;left:calc(50% - 0.5px);width:1px;height:100%;background-color:rgba(220,220,220,0.25)}
}
@media (min-width:768px) and (max-width:1200px){
	#aboutOutsideArea .aboutOutsideList .item{-ms-flex-pack:center;justify-content:flex-start;display:flex}
}
@media screen and (max-width:768px){
	#product_area .info{display:flex;flex-direction:column;align-items:flex-start}
	#product_area .info .topnote{width:auto}
	#product_area .list_box{width:calc(100% - 0px);margin-left:0}
	.more_btn a{width:140px;padding:10px 30px 10px 20px}
	#product_area{margin-top: 30px;padding: 0px 0 10px;}
	.roomArea .wrap .leftBox .title{width:100%;margin-right:0;padding-right:0;max-width:revert;border-right:0px solid #8c8c8c47;border-bottom:1px solid #8c8c8c47;margin-left:0;margin-bottom:10px}
	#aboutOutsideArea .inSideListBox{width:386px;height:386px;padding:27px}
	section .titleBox .titleEn,section .title_box font{font-size: 42px;}
	#automotive_area .facList{display:flex;flex-direction:row;flex-wrap:wrap;align-items: flex-start;}
	#automotive_area .facList li{width:50%;padding:10px 0}
	.facList h4{font-size: 14px;margin-bottom: 0;}
}
@media screen and (max-width:767px){
	#aboutOutsideArea .aboutOutsideList{margin-top: 30px;}
	#aboutOutsideArea .aboutOutsideList .aboutOutsideItem{}
	#aboutOutsideArea .aboutOutsideList .aboutOutsideItem:not(:last-child)::before{content:"";position:absolute;bottom:0;width:100%;height:2px;background:url("../images/home_about/line.png");z-index:1}
	#aboutOutsideArea .aboutOutsideList .Txt{max-width:calc(100% - 130px)}
	#carservices_area{padding:7vw 0 15vw 0}
}
@media screen and (max-width:479px){
	#automotive_area .facList li:not(:last-child):before{right: -8px;top: 18px;}
	#product_area .Img{right:0px}
	.roomArea{padding:20px 0 10px}
	#aboutOutsideArea .inSideListBox{width:280px;height:280px;padding:0}
	#aboutOutsideArea .aboutOutsideList .aboutOutsideItem{padding:15px 0}
	#aboutOutsideArea .aboutOutsideList .Img{width: 65px;height: 65px;}
	#aboutOutsideArea .aboutOutsideList .Img img{width: 35px;}
	#aboutOutsideArea .aboutOutsideList .Txt{max-width: calc(100% - 50px);}
	section .titleBox .titleEn,section .title_box font{letter-spacing:0}
	#aboutOutsideArea::after{bottom: 53px;background-size:800px}
	#automotive_area .facList li{padding-right:20px;width:calc( 50% - 20px )}
	#automotive_area .facList li:nth-child(2),#automotive_area .facList li:nth-child(4){width: calc( 50% - 20px );padding-right:0px}
	#automotive_area .info .title{margin: 0;}
#carservices_area article .title{font-size: 18px;margin-top: 5px;}
}