@charset "UTF-8";.style_comp_wrap{width:100%;height:100%;padding:50px 0 120px 0}
.style_comp_wrap div{box-sizing:border-box}
.style_comp_wrap .style_comp{width:100%;max-width:1280px;margin:0 auto}
.style_comp_wrap .style_comp .title_area .title{font-size:50px;font-family:'Noto Sans';color:#000;font-weight:bold}
.style_comp_wrap .style_comp .prod_list_wrap{width:100%;margin-top:20px}
.style_comp_wrap .style_comp .prod_list_wrap:after{display:block;content:"";clear:both}
.style_comp_wrap .style_comp .prod_list_wrap li{overflow:hidden;float:right;width:25%;padding:0 5px;box-sizing:border-box}
.style_comp_wrap .style_comp .prod_list_wrap li .thum_img{overflow:hidden;position:relative;width:100%;height:265px;margin-top:10px;background:#000}
.style_comp_wrap .style_comp .prod_list_wrap li .thum_img img{position:absolute;top:0;left:50%;width:auto;height:100%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%)}
.style_comp_wrap .style_comp .prod_list_wrap li .thum_img .img_tit{position:absolute;bottom:0;left:0;width:100%;padding:10px 10px 15px 10px;font-family:'Noto Sans';font-weight:bold;background:rgba(0,0,0,.5)}
.style_comp_wrap .style_comp .prod_list_wrap li .thum_img .img_tit span{color:#fff;font-size:16px}
@media only screen and (max-width:1024px){.style_comp_wrap .style_comp .prod_list_wrap{padding:0 10px}
.style_comp_wrap .style_comp .title_area{padding:0 15px}
}
@media only screen and (max-width:767px){.style_comp_wrap .style_comp .title_area .title{font-size:16px}
.style_comp_wrap .style_comp .prod_list_wrap{padding:0}
.style_comp_wrap .style_comp .prod_list_wrap li{padding:0}
.style_comp_wrap .style_comp .prod_list_wrap .slick-dots{width:100%;text-align:center;padding-top:10px}
.style_comp_wrap .style_comp .prod_list_wrap .slick-dots li{float:none;display:inline-block;width:auto;height:auto;padding:5px 0;margin:0 5px}
.style_comp_wrap .style_comp .prod_list_wrap .slick-dots li button{display:block;border:1px solid #ccc;width:27px;height:3px;text-indent:-999999px;background:#666}
.style_comp_wrap .style_comp .prod_list_wrap .slick-dots li.slick-active button{background:#bb162b;border:1px solid #bb162b}
}
.n_container.resource_spec .spec_visual .spec_data{max-width:1200px;width:100%}
.n_container.resource_spec .spec_visual .spec_slide_area{width:1200px;padding:0;box-sizing:border-box}
.n_container.resource_spec .spec_visual .spec_slide_area .spec_img{width:100%}
.n_container.resource_spec .spec_visual .spec_slide_area .spec_img ul li{width:1200px;box-sizing:border-box}
.n_container.resource_spec .spec_visual .spec_allview_area{max-width:1200px;width:100%;box-sizing:border-box}
.n_container.resource_spec .spec_visual .spec_allview_area .spec_img{overflow:hidden;width:1200px;bottom:130px;margin-left:0;transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%)}
.n_container.resource_spec .spec_visual .spec_allview_area .spec_img ul li{float:left;width:1200px;box-sizing:border-box;text-align:center}
.n_container.resource_spec .spec_list{max-width:1200px;width:100%}
.n_container.resource_spec .engine_visual .engine_data{max-width:1200px;width:100%;box-sizing:border-box}
.n_container.resource_spec .wheel_visual .wheel_data{max-width:1200px;width:100%;box-sizing:border-box}
.n_container.resource_spec .style_comp_wrap .style_comp{max-width:1200px;width:100%;box-sizing:border-box}
.n_container.resource_spec .phrase .parbase_inner{max-width:1200px;width:100%;box-sizing:border-box}
.n_container.resource_spec .wheel_slide_area{max-width:1200px;width:100%}
.n_container.resource_spec .engine_slide_area{max-width:1200px;width:100%}
.n_container.resource_spec .spec_allview_area .spec_allview{width:100%;margin:40px 0}
.n_container.resource_spec .spec_allview_area .spec_allview .item{width:100%;float:right;outline:0}
.n_container.resource_spec .spec_allview_area .spec_allview picture{display:block;width:100%;box-sizing:border-box}
.n_container.resource_spec .spec_allview_area .spec_allview picture img{width:100%}
.n_container.resource_spec .spec_allview_area .spec_allview .slick-arrow{width:28px;height:56px;text-indent:-999999px;z-index:999;outline:0}
.n_container.resource_spec .spec_allview_area .spec_allview .slick-arrow.slick-prev{position:absolute;top:50%;right:0;transform:translateY(-50%);background:url('../../../content/dam/kwcms/gt/en/images/showroom/btn_spec_next.png') no-repeat 0 0}
.n_container.resource_spec .spec_allview_area .spec_allview .slick-arrow.slick-next{position:absolute;top:50%;left:0;transform:translateY(-50%);background:url('../../../content/dam/kwcms/gt/en/images/showroom/btn_spec_prev.png') no-repeat 0 0}
.n_container.resource_spec .spec_allview_area .spec_allview .slick-arrow.slick-disabled{display:none !important}
@media(max-width:1024px){.n_container.resource_spec .spec_visual .spec_slide_area .spec_img ul li{width:1000px}
.n_container.resource_spec .spec_visual .spec_slide_area{width:100%;max-width:1000px;margin:auto}
.n_container.resource_spec .spec_visual .spec_slide_area .spec_img{width:100%;padding:20px 0 0 0}
.n_container.resource_spec .spec_visual .spec_slide_area a.spec_next{top:35%;left:5px}
.n_container.resource_spec .spec_visual .spec_slide_area a.spec_prev{top:35%;right:5px}
.n_container.resource_spec .spec_visual .spec_allview_area{top:0;width:100%;max-width:1000px;margin:0 auto;padding:0 10px}
.n_container.resource_spec .spec_visual .spec_allview_area .spec_img{bottom:100px}
.n_container.resource_spec .spec_visual .spec_allview_area .spec_img ul{width:80%}
.n_container.resource_spec .spec_visual .spec_allview_area .spec_img ul li{width:100%;float:none}
.n_container.resource_spec .wheel_visual{padding:0 5px}
.n_container.resource_spec .spec_allview_area .spec_allview .slick-arrow.slick-next{left:-10px}
.n_container.resource_spec .spec_allview_area .spec_allview .slick-arrow.slick-prev{right:-10px}
}
@media(width:768px){.n_container.resource_spec .spec_visual .spec_slide_area .spec_img ul li{width:750px}
.n_container.resource_spec .spec_visual .spec_allview_area{top:0;width:100%;max-width:750px;margin:0 auto;padding:0 10px}
.n_container.resource_spec .spec_visual .spec_allview_area .spec_img{width:100%;max-width:750px;bottom:80px;overflow:hidden}
.n_container.resource_spec .spec_visual .spec_allview_area .spec_img ul li{display:inline-block;position:relative;float:left;width:100%;max-width:750px;margin-left:5px;text-align:center}
.n_container.resource_spec .spec_visual .spec_allview_area .spec_img ul{width:100%}
}
@media(max-width:767px){.n_container.resource_spec .spec_visual{height:720px}
.n_container.resource_spec .spec_visual .spec_slide_area{width:340px;margin:auto}
.n_container.resource_spec .spec_visual .spec_slide_area .spec_img ul li{width:340px}
.n_container.resource_spec .spec_visual .spec_allview_area{position:relative;width:100%;margin:0 auto;padding:0}
.n_container.resource_spec .spec_visual .spec_data ul{padding:0 15px}
.n_container.resource_spec .spec_visual .spec_slide_area{top:70px}
.n_container.resource_spec .spec_visual .spec_data h1{font-size:25px;background:none !important}
.n_container.resource_spec .engine_visual .engine_data h2{font-size:25px;background:none !important}
.n_container.resource_spec .wheel_visual .wheel_data h2{font-size:25px;background:none !important}
.n_container.resource_spec .style_comp_wrap .style_comp .title_area .title{font-size:25px}
.n_container.resource_spec .spec_allview_area .spec_allview .slick-arrow{display:none !important}
.n_container.resource_spec .spec_allview_area .spec_allview{margin:0}
.n_container.resource_spec .spec_allview_area .spec_allview picture{display:block;width:100%;text-align:center;box-sizing:border-box}
.n_container.resource_spec .spec_allview_area .spec_allview picture img{display:inline-block;width:320px}
.n_container.resource_spec .spec_allview_area .spec_allview .slick-dots{width:80px;box-sizing:border-box}
.n_container.resource_spec .spec_allview_area .spec_allview .slick-dots:after{display:block;content:"";clear:both}
.n_container.resource_spec .spec_allview_area .spec_allview .slick-dots li{display:inline-block;float:right;width:auto;padding:0 3px}
.n_container.resource_spec .spec_allview_area .spec_allview .slick-dots li button{display:block;width:10px;height:10px;background:url('../../../content/dam/kwcms/gt/en/images/showroom/btn_list_dot.png') no-repeat -14px 0;text-indent:-99999px}
.n_container.resource_spec .spec_allview_area .spec_allview .slick-dots li.slick-active button{background-position:0 0;outline:0}
}