@charset "UTF-8";

.l_breadcrumb{display: none;}


.l_h1_title h1{text-indent:100%;white-space:nowrap;overflow:hidden;}

.used_header .message{background: linear-gradient(90deg, #0368B9 0%, #3F98E0 100%);}
.used_header .message .wrapper{display: flex;width: 100%;height: 100%;align-items: center;}
.used_header .message .wrapper .cont{position: relative;margin: 0 auto;color: #FFF;text-align: center;}
.used_header .message .wrapper .cont::before,.used_header .message .wrapper .cont::after{content: "";display: block;position: absolute;width: 83px;height: 197px;}


.come_wrapper{margin-right: auto;margin-left: auto;}
.btn a{position: relative;text-decoration: none;width: 100%;background: #F8118A;-webkit-border-radius: 5px;border-radius: 5px;color: #FFF;display: flex;align-items: center;font-weight: bold;}
.btn .tel a{border: 1.5px solid #F8118A;background: #FFF;color: #F8118A;}
.used_item .category_list,.used_item .item_list,.contact_navi{display: flex;flex-wrap: wrap;}
.btn a::before{content: "";display: block;position: absolute;top: 50%;transform: translateY(-50%);background: url(../img/icon_mail.svg) no-repeat;background-size: cover;}
.btn .tel a::before{background: url(../img/icon_tel.svg) no-repeat;background-size: cover;}

.used_item{font-weight: bold;color: #000;}
.used_item h2{font-weight: bold;}
.used_item .category_list li span{position: relative;text-decoration: none;-webkit-border-radius: 4px;border-radius: 4px;border: 1px solid #0068B7;display: flex;align-items: center;font-weight: bold;}
.used_item .category_list li.current span,.used_item .category_list li span:hover{background: #0068B7;color: #FFF;}
.used_item .category_list li span:hover{cursor: pointer;}
.used_item .area_item{display: none;}
.used_item .area_item.active{display: block;}
.used_item .item_list{gap: 30px 20px;}
.used_item .item_list li{width: calc(50% - 10px);}
.used_item .item_list li .frm{position: relative;background: #FFF;-webkit-border-radius: 10px;border-radius: 10px;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);}
.used_item .item_list li .img{overflow: hidden;margin-bottom: 10px;background: url(../../images/bg_logo2.png) no-repeat center #eaf6ff;background-size: 30% auto;}
.used_item .item_list li .img span{background: #FFF;display: flex;width: 100%;height: 100%;}
.used_item .item_list li .img img{object-fit: contain;width: 100%;height: 100%;-webkit-border-radius: 3px;border-radius: 3px;}
.used_item .item_list li span.year{display: block;font-size: 10px;line-height: 1;}
.used_item .item_list li h3{font-weight: bold;letter-spacing: 0.03%;line-height: 1.2;}
.used_item .item_list li .price{font-size: 23px;color: #FF0000;font-family: "Hiragino Kaku Gothic ProN","Hiragino Sans","Noto Sans JP",sans-serif;}
.used_item .item_list li .price span{font-size: 16px;color: #000;}
.used_item .item_list li .price span.taxin{font-size: 13px;display: inline-block;margin-left: 4px;}
.used_item .item_list li table{margin-bottom: 13px;font-size: 13px;width: 100%;border-top: 1px solid #E0E0E0;border-right: 1px solid #E0E0E0;}
.used_item .item_list li table th,.used_item .item_list li table td{font-weight: bold;padding: 6px 11px 5px;border-bottom: 1px solid #E0E0E0;border-left: 1px solid #E0E0E0;letter-spacing: 0.03%;}
.used_item .item_list li table th{background: #F7F7F7;max-width: 89px;}
.used_item .item_list li .btn a span{display: block;}

.used_contact{background: #F6F9FD;}
.used_contact .frm{background: #FFF;-webkit-border-radius: 10px;border-radius: 10px;box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);}
.used_contact .frm .box h2{font-weight: bold;color: #000;letter-spacing: 0.05%;line-height: 1.6;}
.used_contact .frm .box h2 span{color: #0068B7;position: relative;background: linear-gradient(transparent 70%, #FFF400 70%);}
.used_contact .frm .box p{color: #000;font-weight: bold;line-height: 1.8;}

.used_contact .frm .box::before,.used_contact .frm .box::after{content: "";display: block;}
.used_contact .frm .box::before{width: 295px;height: 290px;background: url(../img/img_contact.jpg) no-repeat;background-size: cover;}
.used_contact .frm .box::after{width: 185px;height: 258px;background: url(../img/img_contact.png) no-repeat;background-size: cover;}


.used_item .item_list li .btn{position: absolute;left: 0;bottom: 20px;width: 100%;padding: 0 20px;}
.used_item .item_list li .btn a{height: 69px;padding-left: 80px;width: 100%;}
.contact_navi{gap: 0 15px;}

@media screen and (max-width:550px) {

    .used_item .category_list li{width: calc(50% - 8px);}
    .used_item .item_list{flex-direction: column;gap: 20px 0;}
    .used_item .item_list li{width: 100%;}

    .used_item .area_item .item_list li .frm{padding: 20px;}
    .used_item .area_item .item_list li .btn{position: relative;width: 100%;bottom: auto;left: auto;}
    .used_item .area_item .item_list li .btn a{position: relative;padding-left: 55px;height: 55px;}
    .used_item .item_list li .frm .btn a::before{width: 27px;height: 27px;left: 20px;}
    .used_item .item_list li .btn a span br{display: none;}


}

@media screen and (min-width:550px) and (max-width:767px) {
.used_item .item_list li table th, .used_item .item_list li table td{display: block;width: 100%;max-width: none;}
}

@media screen and (max-width:767px) {
    

    .l_header header{position: relative;}

    .used_header .message{padding: 45px 20px;}
    .used_header .message .wrapper .cont::before,.used_header .message .wrapper .cont::after{top: 1px;width: 33px;height: 80px;}

    .used_header .message .wrapper .cont::before{background: url(../img/parts_msg_l.png) no-repeat;background-size: cover;left: -40px;}
    .used_header .message .wrapper .cont::after{background: url(../img/parts_msg_r.png) no-repeat;background-size: cover;right: -40px;}
    .message .wrapper .cont .title{margin-bottom: 14px;}
    .message .wrapper .cont .text{display: block;text-align: center;font-size: 12px;line-height: 1.6;margin-bottom: 10px;}
    .message .wrapper .cont > span{display: block;text-align: center;font-size: 11px;line-height: 1.6;}
    .message .wrapper .cont .title span{display: block;width: 100%;height: 0;text-indent: 100%;white-space: nowrap;overflow: hidden;background: url(../img/msg_title.png) no-repeat;background-size: cover;padding-top: 25%;}

    .used_item .come_wrapper{padding: 40px 20px;}
    .used_item h2{font-size: 25px;margin-bottom: 15px;}
    .used_item .category_list{margin-bottom: 37px;gap: 10px 15px;}

    .used_item .category_list li span{padding-right: 35px;padding-left: 20px;height: 40px;line-height: 1;font-size: 15px;position: relative;}
    .used_item .category_list li span::after{content: "";display: block;position: absolute;width: 10px;height: 8px;right: 8px;transform: translateY(-50%);top: 50%;background: #0068B7;clip-path: polygon(0 0, 50% 100%, 100% 0);}
    .used_item .category_list li.current span::after{background: #FFF;}

    .used_item .item_list li .frm{position: relative;height: 100%;padding: 23px 26px 105px;}
    .used_item .item_list li .img{height: 220px;}
    .used_item .item_list li h3{font-size: 20px;}
    .used_item .item_list li .price{margin-bottom: 7px;}

    .used_item .item_list li .btn a span{line-height: 1.313;}
    .used_item .item_list li .btn a::before{width: 29px;height: 29px;left: 35px;}

    .used_contact .come_wrapper{padding: 40px 20px;}
    .used_contact .frm{padding: 40px 30px;}
    .used_contact .frm .box{position: relative;}
    .used_contact .frm .box h2{font-size: 22px;margin-bottom: 15px;line-height: 1.5;}    
    .contact_navi{margin-top: 19px;flex-direction: column;gap: 20px 0;}
    .contact_navi.btn a{font-size: 14px;height: 63px;width: 100%;justify-content: center;padding-left: 30px;}
    .contact_navi.btn .tel a{padding-left: 0;}
    .contact_navi.btn a::before{width: 23px;height: 23px;left: 20px;}
    .contact_navi.btn .tel a::before{width: 42px;height: 42px;left: 11px;}

    .used_contact .frm .box p{padding-right: 95px;font-size: 13px;letter-spacing: 0;}
    .used_contact .frm .box::before{max-width: 295px;width: 100%;height: 180px;background-size: contain;background-position: center;margin: 0 auto 20px;}
    .used_contact .frm .box::after{width: 90px;height: 126px;position: absolute;bottom: 167px;right: 0;}
}


@media screen and (max-width:800px) {
    .l_h1_title{height: 0;padding-top: 55%;background: url(../img/img_header.png) no-repeat center;background-size: cover;}
}

@media screen and (min-width:768px) {
    .l_header header{position: relative;}

    .used_header .message{height: 384px;}

    .used_header .message .wrapper .cont::before,.used_header .message .wrapper .cont::after{top: 1px;}
    .used_header .message .wrapper .cont::before{background: url(../img/parts_msg_l.png) no-repeat;background-size: cover;left: -98px;}
    .used_header .message .wrapper .cont::after{background: url(../img/parts_msg_r.png) no-repeat;background-size: cover;right: -98px;}
    .message .wrapper .cont .title{margin-bottom: 14px;}
    .message .wrapper .cont .text{font-size: 20.6px;line-height: 1.6;margin-bottom: 18px;}
    .message .wrapper .cont > span{display: block;text-align: center;font-size: 14.6px;line-height: 1.6;}
    .message .wrapper .cont .title span{
        
        display: block;
        width: 100%;
        height: 0;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        background: url(../img/msg_title.png) no-repeat center;
        background-size: contain;
        padding-top: 25%;

    }

    .used_item .come_wrapper{padding-top: 59px;padding-bottom: 80px;padding-right: 40px;padding-left: 40px;}
    .used_item h2{font-size: 30px;margin-bottom: 23px;}
    .used_item .category_list{margin-bottom: 37px;gap: 0 15px;}
    .used_item .category_list li span{padding-right: 27px;padding-left: 27px;height: 34px;line-height: 15px;font-size: 15px;}



    .used_item .item_list li .frm{position: relative;height: 100%;padding: 23px 26px 105px;}
    .used_item .item_list li .img{height: 275px;overflow: hidden;margin-bottom: 10px;}
    .used_item .item_list li h3{font-size: 20px;}
    .used_item .item_list li .price{margin-bottom: 7px;}

    .used_item .item_list li .btn a{height: 69px;padding-left: 80px;}
    .used_item .item_list li .btn a span{line-height: 1.313;}
    .used_item .item_list li .btn a::before{width: 29px;height: 29px;left: 35px;}
    .used_item .item_list li table th{width: 89px;}

    .used_contact .come_wrapper{padding-top: 87px;padding-bottom: 87px;padding-right: 40px;padding-left: 40px;}
    .used_contact .frm{padding: 70px 40px 140px;}
    .used_contact .frm .box{position: relative;padding-left: 338px;}
    .used_contact .frm .box h2{font-size: 30px;margin-bottom: 17px;}    
    .contact_navi{margin-top: 19px;}
    .contact_navi.btn a{font-size: 14px;height: 63px;width: 260px;padding-left: 53px;}
    .contact_navi.btn .tel a{padding-left: 93px;}
    .contact_navi.btn a::before{width: 23px;height: 23px;left: 20px;}
    .contact_navi.btn .tel a::before{width: 42px;height: 42px;left: 50px;}
    .used_contact .frm .box::before,.used_contact .frm .box::after{position: absolute;}
    .used_contact .frm .box::before{left: 0;top: 0;}
    .used_contact .frm .box::after{right: 0;top: 15px;}

}


@media screen and (min-width:801px) {
    .used_header .main_image{height: 470px;background: url(../img/bg_header.png) repeat-x left bottom;}
    .used_header .main_image .wrapper{max-width: none;height: 100%;background: url(../img/img_header_title.png) no-repeat right;background-size: contain;background-position: right -10vw center;}
    
    .l_h1_title{width: 50%;height: 100%;display: flex;justify-content: flex-start;align-items: baseline;background: none;padding-top: 0;}    
    .l_h1_title h1{width: 100%;height: 100%;background: url(../img/img_main_title.png) no-repeat;background-size: contain;background-position: left 30%;}
    

}


@media screen and (min-width:900px) {
    .used_item .item_list li{width: calc(33.3333% - 13.4px);}

}


@media screen and (min-width:768px) and (max-width:1199px) {
    .contact_navi{position: absolute;width: 100%;left: 0;justify-content: center;}
    .used_contact .frm .box::before{width: 200px;height: 196px;}
    .used_contact .frm .box::after{right: 0;top: auto;bottom: 0;width: 120px;height: 168px;}

    .used_contact .frm .box p{padding-right: 133px;}
    .used_contact .frm .box{padding-left: 230px;}
}

@media screen and (min-width:768px) and (max-width:1199px) {

}

@media screen and (min-width:980px) {

}

@media screen and (min-width:1200px) {
    .used_header .main_image{height: 570px;}
    .used_header .main_image .wrapper{background-position: right center;}
    .l_h1_title{max-width: 1440px;margin-right: auto;margin-left: auto;width: 100%;padding-top: 51px;}
    .l_h1_title h1{width: 660px;height: 434px;background-size: cover;}
	.come_wrapper{max-width: 1200px;}
    .used_header .message .wrapper .cont{width: 655px;}
    .used_item .come_wrapper,.used_contact .come_wrapper{padding-right: 0;padding-left: 0;}
    .used_item .item_list{gap: 30px 15px;}
    .used_item .item_list li{width: calc(25% - 11.3px);}

    .used_contact .frm{padding: 71px 70px 80px 62px;}

}
@media screen and (min-width:1480px) {
    .used_header .main_image .wrapper{padding-left: 57px;background: url(../img/img_header_title_w.png) no-repeat right;}


}
@media screen and (min-width:1760px) {

}