@charset "utf-8";

/* re-style */
p, div a {width:auto; font-size:inherit;}
.layer_frame {z-index:1000;}
/* //re-style */

.tbr_wrapper {background:#000; color:#fff;}
.tbr_wrapper .container {position:relative; margin:0 17px; box-sizing:border-box;}
.tbr_wrapper a, .tbr_wrapper button {color:inherit;}

.icbtn01 {display:inline-block; color:#fff; font-size:11px;}
.icbtn01 .ico {position:relative; display:inline-block; vertical-align:middle; width:32px; height:32px; overflow:hidden; margin-right:5px;}
.icbtn01 .ico svg {position:absolute; top:0; left:0; width:100%; height:100%; -webkit-transform:rotate(-90deg); transform:rotate(-90deg);}
.icbtn01 .ico svg .path_bg {stroke:rgba(255,255,255,.5); stroke-width:1px; fill:rgba(0,0,0,.33);}
.icbtn01 .ico svg .path_outline {stroke:#fff; stroke-width:1px; fill:none; stroke-dasharray:96; stroke-dashoffset:96; -webkit-transition:stroke-dashoffset .3s; transition:stroke-dashoffset .3s;}
.icbtn01 .ico::before {content:''; position:absolute; z-index:1; top:9.5px; left:16px; height:13px; border-right:1px solid #fff;}
.icbtn01 .ico::after {content:''; position:absolute; z-index:1; top:15.5px; left:10px; width:13px; border-bottom:1px solid #fff;}
a.icbtn01:hover .ico svg .path_outline, a.icbtn01_linkwrap:hover .icbtn01 .ico svg .path_outline {stroke-dashoffset:0;}

.topkv .kvcon {height:163.2vw; background:url('../images/product/truckbus/topkv_bg.jpg') no-repeat 50% 50%; background-size:cover;}
.topkv .kvcon .container {height:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:end; -ms-flex-align:end; align-items:flex-end;}
.topkv .kvcon .container >div {padding-bottom:40px; overflow:hidden;}
.topkv .kvcon .tit_h {font-size:16px; line-height:1.3;}
.topkv .kvcon .tit_h h2 {font-size:inherit; font-weight:inherit;}
.topkv .kvcon .tit_h .em {margin:14px 0; font-size:26px; line-height:1.2; font-weight:700;}

.topkv .keycopy .container {height:212px; overflow:hidden;}
.topkv .keycopy .tit_h_wrap {position:absolute; top:50%; left:50%; width:100%; text-align:center; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.topkv .keycopy .tit_h_wrap >strong {display:block; font-size:25px; line-height:1.4; font-weight:500;}
.topkv .keycopy.animate {opacity:0; -webkit-transition:opacity 1s linear; transition:opacity 1s linear;}
.topkv .keycopy.animate .container {-webkit-transform:translateY(100px); -ms-transform:translateY(100px); transform:translateY(100px); -webkit-transition:transform 1s; transition:transform 1s;}
.topkv .keycopy.animate.animate-active {opacity:1;}
.topkv .keycopy.animate.animate-active .container {-webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0);}

.about {position:relative; background:#201239; background:-webkit-linear-gradient(top, #3f2272 290px, #201239 500px); background:linear-gradient(to bottom, #3f2272 290px, #201239 500px);}
.about .container {padding-top:78.66vw;}
.about .list_wrap .item {position:relative; padding:24px 0 52px; font-size:15px; line-height:1.3; color:rgba(255,255,255,.5); opacity:.2; -webkit-transition:opacity .3s ease-out; transition:opacity .3s ease-out;}
.about .list_wrap .item h2 {margin:0 0 8px; font-size:19px; line-height:1.2; font-weight:700; color:rgba(255,255,255,1);}
.about .list_wrap .item.active {opacity:1;}
.about .list_wrap .item + .item {margin-top:-24px;}
.about .list_wrap .item:last-child {padding-bottom:58px;}
.about .image_wrap {position:absolute; z-index:1; top:0; width:100%;}
.about .image_wrap .item_imgs {position:relative; width:100%; height:78.66vw; overflow:hidden; background:#000;}
.about .image_wrap .item_imgs img {position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; vertical-align:top; object-fit:cover; opacity:0; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); -webkit-transition:opacity .15s linear; transition:opacity .15s linear;}
.about .image_wrap .item_imgs img.active {opacity:1; z-index:1;}
.about .image_wrap.sticky {position:fixed; top:50px;}

.tiremap {overflow:hidden; background:#fff;}
.tiremap .container {padding-top:37px;}
.tiremap h2 {margin:0 0 4px; font-size:19px; line-height:1.2; color:#361f60;}
.tiremap .txt_note {font-size:12px; line-height:1.35; color:#333;}
.tiremap .swiper-container {margin:24px -17px 0; height:89.2vw; background:url('../images/product/truckbus/tiremap_imgbg.png') no-repeat 50% bottom; background-size:100% auto;}
.tiremap .swiper-slide .imgbox {position:relative;}
.tiremap .swiper-slide .imgbox img {vertical-align:top;}
.tiremap .swiper-slide .imgbox .anchor_imgmap a {position:absolute; z-index:1; width:21.46vw; height:14.4vw;}
.tiremap .swiper-slide .imgbox .anchor_imgmap a.lf21 {top:19.73vw; left:47.86vw;}
.tiremap .swiper-slide .imgbox .anchor_imgmap a.lf22 {top:30.4vw; left:29.33vw;}
.tiremap .swiper-slide .imgbox .anchor_imgmap a.lf60 {top:24vw; left:71.46vw;}
.tiremap .swiper-slide .imgbox .anchor_imgmap a.lr01 {top:61.33vw; left:11.73vw;}
.tiremap .swiper-slide .imgbox .anchor_imgmap a.lr02 {top:50.66vw; left:30.13vw;}
.tiremap .swiper-slide .imgbox .anchor_imgmap a.lz22 {top:38.93vw; left:14.66vw;}
.tiremap .swiper-slide .imgbox .anchor_imgmap a.lr53 {top:50.66vw; left:49.46vw;}
/* 20230302 add new product lf95 - Max */
.tiremap .swiper-slide .imgbox .anchor_imgmap a.lf90 {top:26.26vw; left:68.93vw;}
.tiremap .swiper-slide .imgbox .anchor_imgmap a.lf91 {top:36.93vw; left:45.53vw;width: 16vw;} 
.tiremap .swiper-slide .imgbox .anchor_imgmap a.lf95 {top:36.93vw; left:60.53vw;width: 16vw;}
/*//20230302 */
.tiremap .swiper-button-next, .tiremap .swiper-button-prev {outline:0;}
.tiremap .swiper-button-next:after, .tiremap .swiper-button-prev:after {font-size:30px; color:#626262;}
.tiremap .swiper-navi-wrap {position:absolute; z-index:10; top:0; left:17px; right:17px;}
.tiremap .swiper-navi-wrap .swiper-button-next, .tiremap .swiper-navi-wrap .swiper-button-prev {margin:0; top:0; height:auto;}
.tiremap .swiper-navi-wrap .swiper-button-prev {left:-17px;}
.tiremap .swiper-navi-wrap .swiper-button-next {right:-17px;}
.tiremap .swiper-navi-wrap .swiper-pagenav {display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; margin:0 -3px;}
.tiremap .swiper-navi-wrap .swiper-pagenav button {position:relative; -webkit-box-flex:1; -webkit-flex:1 1 33%; -ms-flex:1 1 33%; flex:1 1 33%; min-height:30px; margin:0 3px; padding:3px 3px; background:#c6c7cd; font-size:14px; line-height:1; text-align:center; box-sizing:border-box; outline:none;}
.tiremap .swiper-navi-wrap .swiper-pagenav button.active {background:#422278;}

.tireprds {overflow:hidden; background:#22113d; background:-webkit-radial-gradient(#43187d 0, #3e1773 42%, #22113d 100%); background:radial-gradient(#43187d 0, #3e1773 42%, #22113d 100%);} 
.tireprds h2 {position:absolute; z-index:5; top:36px; left:0; font-size:19px; line-height:1.2;}
.tireprds .swiper-pagination {bottom:20px; font-size:0;}
.tireprds .swiper-pagination .swiper-pagination-bullet {margin:0 6px; background:#cecece; opacity:1; outline:0;}
.tireprds .swiper-pagination .swiper-pagination-bullet-active {background:#5c1a9b;}
.tireprds .swiper-container {margin:0 -17px;}
.tireprds .swiper-slide {width:58.6%; padding:106px 0 50px; background:rgba(0,0,0,0); opacity:.6; -webkit-transition:background-color .2s, opacity .2s; transition:background-color .2s, opacity .2s;}
.tireprds .swiper-slide .item {display:block;}
.tireprds .swiper-slide .item img {vertical-align:top;}
.tireprds .swiper-slide .item .tit_logo {height:54px; padding:0 12px; text-align:center; font-size:13px; line-height:1.4; color:rgba(255,255,255,.5);}
.tireprds .swiper-slide .item .tit_logo .logo {margin:0 -17px 12px;}
.tireprds .swiper-slide .item .tit_logo .logo img {width:auto; height:25px;}
.tireprds .swiper-slide .item .features {height:138px; padding:16px 13.6% 0; font-size:13px; line-height:1.4; color:rgba(255,255,255,.5); box-sizing:border-box;}
.tireprds .swiper-slide .item .features li {margin-bottom:4px;}
.tireprds .swiper-slide .item .features li.bltype {position:relative; padding-left:8px; color:#fff;}
.tireprds .swiper-slide .item .features li.bltype::before {content:''; position:absolute; top:6px; left:0; border:1.5px solid; border-radius:50%;}
.tireprds .swiper-slide .item .features li.bltype + li:not(.bltype) {margin-top:6px;}
.tireprds .swiper-slide .item .btn_wrap {padding:0 13.6%;}
.tireprds .swiper-slide-active {background:rgba(0,0,0,.5); opacity:1;}

.dealer {background:url('../images/product/truckbus/dealer_bg.jpg') no-repeat 50% 50%; background-size:cover;}
.dealer .container {display:block; margin:0; height:53.33vw; min-height:200px;}
.dealer .conwrap {position:absolute; top:50%; left:50%; width:100%; padding:0 17px; font-size:14px; line-height:1.3; text-align:center; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); box-sizing:border-box;}
.dealer .conwrap h2 {margin:0 0 6px; font-size:19px; line-height:1.2;}
.dealer .conwrap .btn_wrap {margin-top:26px;}

/* 20210309 add new vehicle_show 2021 area - Max */
.vehicle_show_2021 {background:url('../images/product/truckbus/vehicle_show_bg_mobile.jpg') no-repeat 50% 50%; background-size:cover;}
.vehicle_show_2021 .container {height:56.33vw; }
.vehicle_show_2021 .conwrap {min-width:768px;position:absolute; top:50%; left:50%; font-size:12px;font-weight: 300; line-height:1.3; text-align:center; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.vehicle_show_2021 .conwrap h2 {margin:0 0 18px; font-size:19px; line-height:1.14; font-weight:500;}
.vehicle_show_2021 .conwrap .btn_wrap {margin-top:25px;}
.vehicle_show_2021 .conwrap .btn_wrap .icbtn01 {font-size:11pxn;font-weight: 300;}
/* //20210309  */