@charset "utf-8";
.wrap main{overflow: hidden;}
.main_visual{
    padding: 240px 0 80px;
    background: url(/img/main_visual_bg01.png)no-repeat center center /cover;
    position: relative;
}
.main_visual:before{content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; box-sizing: border-box; background-color: #007bf9; clip-path: polygon(0 18%, 100% 0%, 100% 77%, 0% 100%); z-index: -1;}

.main_visual .flex_cont{display: flex; gap: 50px;}
.main_visual .flex_cont > div{width: calc(50% - 25px);}
.main_visual .flex_cont .right_box{display: flex; justify-content: flex-end;}
.main_visual .swiper_slider{width: 100%; aspect-ratio: 9/4.567; overflow: hidden; margin-top: 40px; position: relative; border-radius: 60px; border: 8px solid #fff; box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,1); box-sizing: border-box;}

/* .main_visual .swiper_slider:before{content: ''; width: 100%; height: 100%; background: url(/img/main_visual_slide01.png)no-repeat center center /cover;position: absolute; left: 0; top: 0; z-index: 3;} */
.main_visual .swiper_slider .img_box img{width: 100%; height: 100%; object-fit: cover;}
.main_visual .left_box h2{font-size: 58px; font-weight: 700; color: #fff; letter-spacing: -0.025em; text-align: center;}
.main_visual .left_box h2 span{padding: 4px 2px; background-color: #fff; color: #007bf9; display: inline-block; line-height: 1em;}

@media all and (max-width:768px){
    .main_visual:before{clip-path: polygon(0 13%, 100% 6%, 100% 94%, 0% 100%);}
}

.fast_in_quiry{max-width: 520px; width: 100%; border-radius: 40px; background-color: rgba(255,255,255,.9); padding: 50px 50px 90px 50px; box-sizing: border-box; position: relative; box-shadow: 15px 15px 30px rgba(22, 22, 22, 0.1);}
.fast_in_quiry .tit_box{text-align: center; color: #222222; font-size: 26px; letter-spacing: 0.02em; font-weight: 800; vertical-align: middle; display: flex; align-items: center ;justify-content: center; gap: 15px; margin-bottom: 20px;}
.fast_in_quiry .user_input{width: 100%; height: 50px;}
.fast_in_quiry .user_input + .user_input{margin-top: 15px;}
.fast_in_quiry .user_item02{display: flex; align-items: center; gap: 10px; }
.fast_in_quiry .user_item02 > *{width: calc(50% - 5px);}
.fast_in_quiry .user_item02 .user_input + .user_input{margin-top: 0;}
.fast_in_quiry .select_box .nice-select,
.fast_in_quiry .input_box label{width: 100%; height: 100%; border-radius: 10px; background-color: #fff; padding: 13px 18px; box-sizing: border-box; border: 2px solid transparent; display: block; font-size: 16px; line-height: normal;}
.fast_in_quiry .select_box.on .nice-select,
.fast_in_quiry .select_box.t_on .nice-select,
.fast_in_quiry .input_box.t_on label,
.fast_in_quiry .input_box.on label{border-color: #007bf9;}

.fast_in_quiry .select_box select option{padding: 10px 0;}
.fast_in_quiry .nice-select,
.fast_in_quiry input{border: none; outline: none; font-size: 16px; background-color: transparent;}
.fast_in_quiry .select_box .nice-select .list{width: 100%; border-radius: 10px; border: 2px solid #007bf9; box-sizing: border-box; max-height: 330px; overflow-y: auto;}
.fast_in_quiry .select_box .nice-select .option.selected{color: #007bf9;}
.fast_in_quiry select{-webkit-appearance: none; /* Safari and Chrome */
    -moz-appearance: none; /* Firefox */
    appearance: none; /* Modern browsers */
    background: transparent; /* Remove default background */
    border: none; }

    .fast_in_quiry .select_box .nice-select:after{width: 15px; height: 10px; background: url(/img/main_visual_arrow01.png)no-repeat center center / cover; border: none; transform: none; right: 18px;}
    .fast_in_quiry .select_box .nice-select.open:after{transform: rotate(180deg);}

    .fast_in_quiry .input_box label{display: flex; align-items: center;}
    .fast_in_quiry .input_box label span{display: inline-block; min-width: 60px;}
    .fast_in_quiry .input_box label input{width: calc(100% - 60px); height: 100%; box-sizing: border-box; cursor: pointer;}
    .fast_in_quiry .check_box label{display: flex; align-items: center; gap: 5px;}
    .fast_in_quiry .check_box input{display: none;}
    .fast_in_quiry .check_box i{display: block; min-width: 20px; aspect-ratio: 1/1; box-sizing: border-box; border: 2px solid #aaaaaa; border-radius: 2px; background-color: #fff; position: relative;}
    .fast_in_quiry .check_box input:checked ~ i{border-color: #007bf9;}
    .fast_in_quiry .check_box input:checked ~ i:before{opacity: 1;}
    .fast_in_quiry .check_box i:before{position: absolute; content: ''; width: 10px; border-radius: 2px; box-sizing: border-box; aspect-ratio: 1/1; background-color: #007bf9; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 1; opacity: 0;}
    .fast_in_quiry .check_box span{color: #666666; font-size: 16px; letter-spacing: -0.025em; word-break: keep-all;}
    .fast_in_quiry .check_box + .check_box{margin-top: 15px;}
    .fast_in_quiry .submit_btn{position: absolute; bottom: 0; right: 50px; transform: translateY(50%);}
    .fast_in_quiry .submit_btn .sub_btn{width: 160px; aspect-ratio: 1/1; box-sizing: border-box; border-radius: 50%; border: 5px solid #fff; background-color: #007bf9; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 22px; color: #fff; letter-spacing: -0.025em; line-height: 1.4545em; word-break: keep-all; font-weight: 800;}

@media all and (max-width:1200px){
    .main_visual .flex_cont{flex-wrap: wrap; justify-content: center;}   
    .main_visual .flex_cont > div{width: 100%;}
    .main_visual .flex_cont .left_box{max-width: 800px;}
    .main_visual .flex_cont .right_box{justify-content: center;}
}

.swiper_cont_boxx{margin-top: 60px; overflow: hidden; padding-bottom:50px; margin: 0 -20px; position: relative; z-index: 2;}
.swiper_cont_boxx .car_list_box{border-radius: 20px; background-color: #fff; box-shadow: -3.5px 15px 15px 0 rgba(22, 22, 22, 0.1); overflow: hidden; border: 2px solid transparent; box-sizing: border-box; transition: .5s;}
.swiper_cont_boxx .swiper_btn_box{display: flex; justify-content: flex-end; gap: 10px; max-width: 1400px; margin: 0 auto; width: 100%;}
.swiper_cont_boxx .swiper_btn_box .swiper_btn{width: 60px; height: 60px; border-radius: 50%; background-color: #d9d9d9; background-position: center; background-repeat: no-repeat; cursor: pointer;}
.swiper_cont_boxx .swiper_btn_box .swiper_btn:hover{background-color: #007bf9;}
.swiper_cont_boxx .swiper_btn_box .swiper_btn.prev_btn{background-image: url(/img/swiper_btn_img01.png);}
.swiper_cont_boxx .swiper_btn_box .swiper_btn.next_btn{background-image: url(/img/swiper_btn_img02.png);}

.swiper_cont_boxx .swiper-container{padding: 0 20px; margin-top: 20px;}
.swiper_cont_boxx .car_list_box img{width: 100%; max-width: fit-content;}
.swiper_cont_boxx .car_list_box .top_img{position: relative;}
.swiper_cont_boxx .car_list_box .top_img .img_box{text-align: center;}
.swiper_cont_boxx .car_list_box .tag_box{position: absolute; top: 10px; left: 10px;}
.swiper_cont_boxx .car_list_box .bot_info{background-color: #f9f9f9; padding: 30px 30px 40px 30px;}
.swiper_cont_boxx .car_list_box .top_tit{border-bottom: 1px solid #cccccc; padding-bottom: 10px; margin-bottom: 25px;}
.swiper_cont_boxx .car_list_box .bot_info .tit{font-size: 22px; font-weight: 700; color: #222222; letter-spacing: -0.025em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.swiper_cont_boxx .car_list_box .bot_info .info{margin-top: 10px; font-size: 16px; color: #666666; font-weight: 300; letter-spacing: -0.025em;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.swiper_cont_boxx .car_list_box .bot_info .price{font-size: 16px; font-weight: 300; color: #666666; letter-spacing: -0.025em; text-align: right; margin-top: 10px;}
.swiper_cont_boxx .car_list_box .bot_txt ul li{display: flex; justify-content: space-between; align-items: center;}
.swiper_cont_boxx .car_list_box .bot_txt ul li + li{margin-top: 5px;}
.swiper_cont_boxx .car_list_box .bot_txt .left_tit{min-width: 60px;}
.swiper_cont_boxx .car_list_box .bot_txt p{font-size: 16px; color: #666666; letter-spacing: -0.025em;}
.swiper_cont_boxx .car_list_box .bot_txt p b{font-size: 24px; font-weight: 700;}
.swiper_cont_boxx .car_list_box .bot_txt .blue{color: #007bf9;}
.swiper_cont_boxx .car_list_box .bot_txt .red{color: #ff2c03;}

.swiper_cont_boxx .car_list_box .check_a_btn a{display: flex; align-items: center; justify-content: center; text-align: center; width: 100%; height: 55px; border-radius:
    27.5px; background-color: #007bf9; color: #fff; font-size: 18px; font-weight: 700; letter-spacing: -0.025em; margin-top: 40px;}
    .swiper_cont_boxx .car_list_box:hover{border-color: #007bf9; transform: translateY(-20px);}

@media all and (max-width:1400px){
    .swiper_cont_boxx .swiper_btn_box{width: 93.75%;}
}

@media all and (max-width:650px){
    .swiper_cont_boxx .swiper-container
}

.pang_pa_re .inner{padding: 100px 0;}
.pang_pa_re .pang_box{position: absolute; top: 0; left: 0; width: 100%; height: 290px;}
.pang_pa_re .pang_box .pang_icon{position: absolute; color: #ffffff; font-size: 22px; font-weight: 700; letter-spacing: -0.025em; display: flex; align-items: center; justify-content: center; text-align: center;}
.pang_pa_re .pang_box .pang_icon.pang_left{width: 269px; aspect-ratio: 9/3.245; background: url(/img/pang_pa_re_icon01.png)no-repeat center center /cover; left: 20px; bottom: 30px; transform: rotate(-18deg);}
.pang_pa_re .pang_box .pang_icon.pang_right{width: 286px; aspect-ratio: 9/3.115; background: url(/img/pang_pa_re_icon02.png)no-repeat center center /cover; right: 20px; top: 40px; transform: rotate(18deg);}

@media all and (max-width:1400px){
    .pang_pa_re .pang_box{display: none;}
}


.banner_list_wp{margin-top: 60px;}
.banner_list_wp ul{display: flex; flex-wrap: wrap; gap: 10px; justify-content: center;}
.banner_list_wp ul li{width: calc(9.0909% - 9.090px);}
.banner_list_wp ul li .img img{width: 100%; max-width: fit-content;}

.contact_wp_cont{display: flex; gap:40px; flex-wrap: wrap;}
.contact_wp_cont a{width: calc(50% - 20px); display: flex; align-items: center; border-radius: 40px; padding: 45px 30px 45px 70px; box-sizing: border-box; word-break: keep-all;}
.contact_wp_cont a.kaka_bg{background: url(/img/contactn_img_new01.jpg)no-repeat left center /cover;}
.contact_wp_cont a.tel_bg{background: url(/img/contactn_img_new02.jpg)no-repeat left center /cover;}

.contact_wp_cont .left_txt{min-width: 180px;}
.contact_wp_cont .left_txt p{font-size: 34px; color: #222222; font-weight: 800; letter-spacing: -0.025em; line-height: 1.4705em; display: flex; align-items: center; gap: 5px;}
.contact_wp_cont .tel_bg .left_txt p{color: #fff;}
.contact_wp_cont .left_txt span{font-size: 22px; font-weight: 700; color: #ffffff; letter-spacing: -0.025em;}
.contact_wp_cont .right_txt{width: calc(100% - 180px);}
.contact_wp_cont .right_txt .sm_txt{color: #ffffff; font-weight: 600; font-size: 18px; letter-spacing: -0.025em; line-height: 1.625em; margin-bottom: 10px;}
.contact_wp_cont .right_txt .big_txt{font-size: 24px; color: #222222; letter-spacing: -0.025em; line-height: 1.6666em; font-weight: 300;}
.contact_wp_cont .right_txt .big_txt span{display: inline; background-color: #fff; color: #222222; padding: 0 5px;}

.contact_wp_cont .tel_bg .right_txt .big_txt{color: #fff;}

@media all and (max-width:1400px){
    .contact_wp_cont a{padding: 30px;}
}

@media all and (max-width:1200px){
    
    .banner_list_wp ul li{width: calc(14.285% - 8.5714px);}
}

@media all and (max-width:1024px){
    .contact_wp_cont a{width: 100%;}

}

@media all and (max-width:768px){
    .contact_wp_cont a{flex-wrap: wrap; justify-content: center; gap: 30px 0; padding: 40px 20px;}
    .contact_wp_cont .left_txt{min-width: auto; width: 100%; display: flex; gap: 8px; align-items: center; text-align: center; justify-content: center;}
    .contact_wp_cont .right_txt{width: auto; text-align: center;}

}

@media all and (max-width:650px){
    
    .banner_list_wp ul li{width: calc(33.333% - 6.66666px);}
}

.review_car_box{border-radius: 20px; background-color: #fff; overflow: hidden; box-shadow: -3.5px 15px 15px 0 rgba(22, 22, 22, 0.1); display: block;}
.review_car_box .img_box {aspect-ratio: 1/0.615;}
.review_car_box .img_box img{width: 100%; height: 100%; object-fit: cover;}
.review_car_box .txt_box{padding: 30px; width: 100%; box-sizing: border-box;}
.review_car_box .txt_box .txt p{font-size: 16px; color: #666666; letter-spacing: -0.025em; font-weight: 300; white-space: normal; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
.review_car_box .txt_box .star_list{ margin-top: 20px; display: flex; gap: 3px;}
.review_car_box .txt_box .star_list i{
    width: 16px; height: 16px;  background: url(/img/star_icon01.png)no-repeat center center /cover;
    display: none;
}

.review_car_box .txt_box .star_list i.on{display: block;}