@charset "UTF-8";
@media all and (min-width:1920px) {
	/* main */
	.main .sec1 .main_slider li .txt_box p {
		padding:357px 0 5px;
	}
	.main .sec2 .service_box li .txt_box .hover_txt {
		width:270px;
	}
	.main .sec3 .record_box .record_item .record_txt span:first-child {
		font-size:74px;
	}
	.main .sec3 .record_box .record_item .record_txt span {
		font-size:50px;
	}
	
	/* brand */
	.brand .sec1 .txt_box {
		width:calc(100% - 743px);
	}
	.brand .sec1 .img_box {
		width:664px;
	}
	
	/* sales 4/8 css */
	.sales .sec1 .txt_box {
	    width: calc(100% - 743px);
	}
	.sales .sec1 .img_box {
	    width: 664px;
	}
	
	/* purchasing */
	.purchasing .sec1 {
		background-size:100%;
		padding:23.43vw 0 92px;
	}
}
@media all and (max-width:1680px){
    header .depth1>li>a {
        font-size:18px;
    }
    /* main */
    .main .sec1 .main_slider .main_slider_btn.prev {
        left:3vw;
    }
    .main .sec1 .main_slider .main_slider_btn.next {
        left:5.5vw;
    }
    .main .sec1 .main_slider .slick-dots {
        left:3vw;
    }
    .main .sec4 h1 {
        margin-left:5vw;
    }
    .main .sec4 .s_tit_box {
        padding:0 5vw;
    }

    /* brand */
    .brand .sec1 .inner {
        flex-direction:column-reverse;
    }
    .brand .sec1:after {
        width:60vw;
    }
    .brand .sec1 .txt_box {
        width:100%;
        max-width:100%;
    }
    .brand .sec1 .img_box {
        width:100%;
        margin-bottom:80px;
    }
    .brand .sec3 .tab_box .tab_box_nav {
        flex-wrap:wrap;
    }
    .brand .sec3 .tab_box .tab_box_nav li {
        padding-top:10px;
    }
    .brand .sec3_1 .tab_box .tab_box_nav {
        flex-wrap:wrap;
    }
    .brand .sec3_1 .tab_box .tab_box_nav li {
        padding-top:10px;
    }    

    /* logistics */
    .logistics .sec5 .edu_box {
        flex-direction:column;
    }
    .logistics .sec5 .edu_box>img {
        width:100%;
        margin-bottom:30px;
    }
    .logistics .sec5 .edu_box .edu_lst {
        width:100%;
    }
    .logistics .sec5 .edu_box .edu_lst li {
        margin-bottom:20px;
    }
    .logistics .sec6 .inner {
        position:relative;
        flex-direction:column;
    }
    .logistics .sec6 .left_box {
        width:100%;
        margin-bottom:80px;
    }
    .logistics .sec6 .wekeepman_box {
        width:100%;
    }
    .logistics .sec6 .left_box .wekeepman_more_btn {
        position:absolute;
        bottom:-50px;
    }

    /* quality */
    .quality .sec2 .graph_box .year_box {
        width:calc((100% - 450px) / 4);
    }
    .quality .sec3 .interview_lst li {
        width:calc(50% - 20px);
        margin-bottom:40px;
    }
    
    /* sales */
    .sales .sec1 .inner {
    	flex-direction: column-reverse;
    }
    .sales .sec1:after {
    	width: 60vw;	
    }
    .sales .sec1 .txt_box {
    	width: 100%;
    	max-width: 100%;
    }
    .sales .sec1 .img_box {
	    width: 100%;
	    margin-bottom: 80px;
    }
    .sales .sec2:after {
    	width: 60vw;	
    }
    
    /* purchasingNew  */
    .purchasingNew .sec1:after {
    	width: 60vw;
	}
    .purchasingNew .sec1 .inner {
   	 	flex-direction: column-reverse;
	}
	.purchasingNew .sec1 .txt_box {
	    width: 100%;
	    max-width: 100%;
	}
	.purchasingNew .sec1 .img_box {
	    width: 100%;
	    margin-bottom: 80px;
	}
    
    
    
}


@media all and (max-width:1440px) {
    /* layout */
    header .inner {
        max-width:1240px;
        padding:0;
    }
    header .h_logo {
        width:180px;
        margin-right:50px;
    }
    header nav {
        /*width:calc(100% - 410px);*/
    }
    /*
  header .h_btn {
      width:180px;
      height:65px;
  }

  header .h_btn span {
      font-size:22px;
  }

  header .h_btn img {
      width:34px;
  }
   */
    header .depth1>li>a {
        font-size:16px;
    }
    .depth2 li a {
        font-size:16px;
    }
    footer .f_banner h1 {
        font-size:45px;
    }
    footer .f_bottom .f_btns .sns li.blog {
    	font-size:14px;
    }
    

    /* main */
    .main .sec1 .main_slider li .txt_box p {
        font-size:23px;
        margin-bottom:32px;
    }
    .main .sec1 .main_slider li .txt_box h1 {
        font-size:48px;
    }
    .main .sec2 {
        padding-bottom:180px;
    }
    .main .sec2 h1 {
        font-size:43px;
    }
    .main .sec2 .s_tit {
        font-size:23px;
    }
    .main .sec3 h1 {
        font-size:43px;
    }
    .main .sec3 .s_tit {
        font-size:20px;
    }
    .main .sec3 .record_box .record_item {
        height:270px;
    }
    .main .sec4 h1 {
        font-size:43px;
    }
    .main .sec4 .s_tit_box .s_tit {
        font-size:23px;
    }
    .main .sec4 .interview_slider_box {
        padding-top:5.5vw;
    }
    .main .sec4 .interview_slider_box .interview_slider {
        width:65vw;
    }
    .main .sec4 .interview_slider_box .interview_slider_btn {
        top:15vw;
    }
    .main .sec4 .interview_slider li .sub_txt {
        font-size:20px;
    }
    .main .sec4 .interview_slider li h2 {
        font-size:32px;
    }
    .main .sec4 .interview_slider li .con_txt {
        font-size:18px;
    }
    .main .sec5 h1 {
        font-size:38px;
        line-height:56px;
    }
    .main .sec5 .s_tit {
        font-size:20px;
        line-height:26px;
    }

    /* brand */
    .brand .sec1 {
        padding:150px 0;
    }
    .brand .sec1 .img_box {
        margin-bottom:50px;
    }
    .brand .sec1 .txt_box .s_tit {
        font-size:23px;
    }
    .brand .sec1 .txt_box h1 {
        font-size:52px;
        line-height:58px;
        margin-bottom:50px;
    }
    .brand .sec1 .txt_box .sub_txt:not(:last-child) {
        margin-bottom:30px;
    }
    .brand .sec2 {
        padding:100px 0;
    }
    .brand .sec2 .s_tit {
        font-size:23px;
    }
    .brand .sec2 h1 {
        font-size:48px;
    }
    .brand .sec2 .sub_txt {
        font-size:21px;
    }
    .brand .sec3 {
        padding:100px 0 50px;
    }
    .brand .sec3 .s_tit {
        font-size:23px;
    }
    .brand .sec3 h1 {
        font-size:48px;
    }
    .brand .sec3 .sub_txt {
        font-size:20px;
        margin-bottom:50px;
    }
    .brand .sec3 .tab_box .tab_box_nav li {
        font-size:20px;
    }
    .brand .sec3 .tab_box .tab_box_nav li:not(:last-child):after {
        margin:0 15px;
    }
    .brand .sec3 .tab_box .tab_con .txt_box h2 {
        font-size:28px;
    }
    .brand .sec3 .tab_box .tab_con .txt_box>p {
        font-size:18px;
    }
    .brand .sec3 .tab_box .tab_con .txt_box .tel:before {
        font-size:18px;
    }
    .brand .sec3 .tab_box .tab_con .txt_box .fax:before {
        font-size:18px;
    }
    .brand .sec3_1 {
        padding:50px 0 100px;
    }
    .brand .sec3_1 .s_tit {
        font-size:23px;
    }
    .brand .sec3_1 h1 {
        font-size:48px;
    }
    .brand .sec3_1 .sub_txt {
        font-size:20px;
        margin-bottom:50px;
    }
    .brand .sec3_1 .tab_box .tab_box_nav li {
        font-size:20px;
    }
    .brand .sec3_1 .tab_box .tab_box_nav li:not(:last-child):after {
        margin:0 15px;
    }
    .brand .sec3_1 .tab_box .tab_con .txt_box h2 {
        font-size:28px;
    }
    .brand .sec3_1 .tab_box .tab_con .txt_box>p {
        font-size:18px;
    }
    .brand .sec3_1 .tab_box .tab_con .txt_box .tel:before {
        font-size:18px;
    }
    .brand .sec3_1 .tab_box .tab_con .txt_box .fax:before {
        font-size:18px;
    }    
    .brand .sec4 {
        padding:50px 0 80px;
    }
    .brand .sec5 {
        padding:80px 0;
    }
    .brand .sec5 .recruit_list li .detail_box .date_box {
        margin-right:80px;
    }
    .brand .sec5 .recruit_list li .detail_box .detail_con {
        width:calc(100% - 190px)
    }

    /* logistics */
    .logistics .sec1 .s_tit {
        font-size:23px;
    }
    .logistics .sec1 h1 {
        font-size:46px;
        line-height:54px;
    }
    .logistics .sec2 .tit_box {
        margin-bottom:80px;
    }
    .logistics .sec2 .tit_box .tit h1 {
        font-size:52px;
    }
    .logistics .sec2 .tit_box .tit .s_tit {
        font-size:26px;
    }
    .logistics .sec2 .tit_box .sub_txt {
        font-size:18px;
        line-height:26px;
    }
    .logistics .sec3 {
        padding:80px 0;
    }
    .logistics .sec3 h1 {
        font-size:46px;
    }
    .logistics .sec3 .sub_txt {
        font-size:18px;
        line-height:26px;
    }
    .logistics .sec3 .solution_box .items_box .item {
        width:calc((100% - 100px) / 3);
    }
    .logistics .sec3 .solution_box .items_box:not(.items2) .item:not(:last-child) {
        margin-right:50px;
    }
    .logistics .sec3 .solution_box .big_box {
        width:calc((((100% - 100px) / 3) * 2) + 50px);
        margin:63px 50px 63px 0
    }
    .logistics .sec3 .solution_box .items_box.items2 {
        width:calc((100% - 100px) / 3);
    }
    .logistics .sec4 {
        padding:80px 0;
    }
    .logistics .sec4 h1 {
        font-size:36px;
        line-height:54px;
    }
    .logistics .sec4 .sub_txt {
        font-size:20px;
    }
    .logistics .sec5 {
        padding:80px 0;
    }
    .logistics .sec5 .s_tit {
        font-size:23px;
    }
    .logistics .sec5 h1 {
        font-size:36px;
        line-height:52px;
    }
    .logistics .sec5 .sub_txt {
        font-size:18px;
        line-height:26px;
    }
    .logistics .sec6 {
        padding:80px 0;
    }
    .logistics .sec6 .left_box .tit_box h1 {
        font-size:36px;
        line-height:52px;
    }

    /* quality */
    .quality .sec1 h1 {
        font-size:50px;
    }
    .quality .sec1 .sub_txt {
        font-size:23px;
        line-height:30px;
    }
    .quality .sec2 .bnr_box .bnr_slide li {
        height:90px;
    }
    .quality .sec3 h1 {
        font-size:50px;
    }
    .quality .sec3 .s_tit {
        font-size:26px;
    }
    .quality .sec3 .interview_lst li .tit_box .tit {
        font-size:27px;
        line-height:36px;
    }

    /* sales */
    .sales .sec1 {
        padding:150px 0;
    }
    .sales .sec1 .img_box {
    	margin-bottom: 50px;
	}
	.sales .sec1 .txt_box .s_tit {
    	font-size: 23px;
	}
	.sales .sec1 .txt_box h1 {
	    font-size: 52px;
	    line-height: 58px;
	    margin-bottom: 50px;
	}
	.sales .sec2 .rnl_box li .txt_box .s_txt {
	    font-size: 16px;
	    line-height: 24px;
	}
	.sales .sec2 .rnl_box li .txt_box .txt {
	    font-size: 21px;
	}
	.sales .sec3 .img_box {
	    width: 50%;
	}
	.sales .sec3 .txt_box {
	    width: 50%;
	    padding: 0 60px;
	}
    .sales .sec3 .txt_box .tit {
	    font-size: 36px;
	}
    .sales .sec3 .txt_box .txt {
	    font-size: 26px;
	    margin-bottom: 40px;
	}


    /* contact */
    .detail_page .sec .header_box img {
    	width:600px;
    }
    
    /* news list */
    .news_list .news_lst li img {
    	height:17vw;
    }
    
    /* purchasingNew  */
    .purchasingNew .sec1 {
	    padding: 150px 0;
	}
    .purchasingNew .sec1 .img_box {
	    margin-bottom: 50px;
	}
	.purchasingNew .sec1 .txt_box .s_tit {
	    font-size: 23px;
	}
	.purchasingNew .sec1 .txt_box h1 {
	    font-size: 52px;
	    line-height: 58px;
	    margin-bottom: 50px;
	}
	.purchasingNew .sec2 .img_box {
	    width: 50%;
	}
	.purchasingNew .sec2 .txt_box {
	    width: 50%;
	    padding: 20px 60px;
	}
	.purchasingNew .sec2 .txt_box .tit {
	    font-size: 36px;
	}
	.purchasingNew .sec2 .txt_box .txt {
	    font-size: 26px;
	    margin-bottom: 40px;
	}
	
	/* transport */
	.transport .sec1 h1 {
	    font-size: 46px;
	    line-height: 54px;
	}
	.transport .sec1 .s_tit {
	    font-size: 23px;
	}
	.transport .sec1 .txt {
		font-size: 23px;
	}
	.transport .sec4 h1 {
	    font-size: 52px;
	}	
    
}

@media all and (max-width:1280px) {
    /* layout */
    .inner,
    header .inner {
        padding:0 80px;
    }
    header .h_logo {
        width:140px;
        margin-right:30px;
    }
    header nav {
        /*width:calc(calc(100% - 380px));*/
    }
    header .depth1>li {
        /*margin-right:35px;*/
        margin-right:25px;
    }
    header .depth1>li>a {
        /*font-size:18px;*/
    }
    footer .f_banner {
        height:370px;
    }
    footer .f_banner p {
        font-size:18px;
    }
    footer .f_banner h1 {
        font-size:43px;
        line-height:52px;
    }
    footer .f_btn {
        width:150px;
        height:50px;
    }
    footer .f_btn span {
        font-size:16px;
    }

    /* main */
    .slick-dots li {
        width:18px;
        height:18px;
        margin-right:8px;
    }
    .main .sec1 .main_slider li .txt_box p {
        font-size:21px;
        margin-bottom:26px;
    }
    .main .sec1 .main_slider li .txt_box h1 {
        font-size:44px;
        line-height:50px;
    }
    .main .sec1 .main_slider .main_slider_btn {
        top:2.5vw;
    }
    .main .sec1 .main_slider .slick-dots li button {
        top:-18px;
        font-size:14px;
    }
    .main .card_box .card1 h1 {
        font-size:23px;
    }
    .main .card_box .card p {
        font-size:18px;
        line-height:24px;
    }
    .main .card_box .card .card_btn {
        width:150px;
        height:50px;
    }
    .main .card_box .card .card_btn span {
        font-size:18px;
    }
    .main .card_box .card2 h1 {
        font-size:23px;
    }
    .main .card_box .card .search_box input[type="text"] {
        font-size:16px;
    }
    .main .card_box .card .search_box input[type="text"]::placeholder {
        font-size:16px;
        top:0;
    }
    .main .card_box .card .tag_box a {
        height:32px;
        font-size:14px;
        padding:0 12px;
    }
    .main .sec2 {
        padding-bottom:100px;
    }
    .main .sec2 .service_box {
        align-items:stretch;
    }
    .main .sec2 .service_box li {
        height:auto;
    }
    .main .sec2 .service_box li .txt_box .hover_txt {
        width:20vw;
    }
    .main .sec2 .service_box li .icon_box .icon {
        width:45px;
        height:45px;
    }
    .main .sec2 .service_box li .txt_box h2 {
        font-size:16px;
    }
    .main .sec2 .service_box li.on .txt_box h2 {
        font-size:18px;
    }
    .main .sec2 .service_box li .txt_box .hover_txt {
        font-size:16px;
        line-height:22px;
    }
    .main .sec3 {
        padding:80px 0;
    }
    .main .sec3 h1 {
        font-size:41px;
    }
    .main .sec3 .s_tit {
        font-size:18px;
        margin-bottom:68px;
    }
    .main .sec3 .record_box .record_item {
        height:230px;
    }
    .main .sec3 .record_box .record_item h2 {
        font-size:18px;
    }
    .main .sec3 .record_box .record_item .record_txt {
        font-size:26px;
    }
    .main .sec3 .record_box .record_item .record_txt span:first-child {
        font-size:5vw;
    }
    .main .sec4 {
        padding:100px 0 80px;
    }
    .main .sec4 h1 {
        font-size:41px;
    }
    .main .sec4 .s_tit_box .s_tit {
        font-size:21px;
        line-height:28px;
    }
    .main .sec4 .s_tit_box .interview_more {
        width:150px;
        height:50px;
    }
    .main .sec4 .s_tit_box .interview_more p {
        font-size:16px;
    }
    .main .sec4 .s_tit_box .interview_more img {
        width:18px;
    }
    .main .sec4 .interview_slider_box {
        padding-top:5.5vw;
    }
    .main .sec5 {
        padding:80px 0;
    }
    .main .sec5 h1 {
        font-size:36px;
        line-height:52px;
    }
    .main .sec5 .s_tit {
        font-size:18px;
        line-height:22px;
        margin-bottom:50px;
    }
    .main .sec5 .more_btn {
        width:150px;
        height:50px;
    }
    .main .sec5 .more_btn p {
        font-size:16px;
    }
    .main .sec5 .more_btn img {
        width:18px;
    }

    /* brand */
    .brand .sec2 {
        padding:80px 0;
    }
    .brand .sec3 .tab_box .tab_con .map_box {
        width:31.04vw;
    }
    .brand .sec3 .tab_box .tab_con .txt_box {
        width:calc(100% - (31.04vw + 40px));
    }
    .brand .sec3_1 .tab_box .tab_con .map_box {
        width:31.04vw;
    }
    .brand .sec3_1 .tab_box .tab_con .txt_box {
        width:calc(100% - (31.04vw + 40px));
    }    
    .brand .sec3_1:after {
        width:81.71vw;
        height:12.70vw;
    }

    /* logistics */
    .logistics .sec1 {
        padding:150px 0 60px;
    }
    .logistics .sec1 .s_tit {
        font-size:21px;
    }
    .logistics .sec1 h1 {
        font-size:42px;
        line-height:52px;
    }
    .logistics .sec2 {
        padding:80px 0;
    }
    .logistics .sec2 .tit_box {
        margin-bottom:60px;
    }
    .logistics .sec2 .tit_box .tit h1 {
        font-size:46px;
    }
    .logistics .sec2 .tit_box .tit .s_tit {
        font-size:24px;
    }
    .logistics .sec2 .tit_box .sub_txt {
        font-size:16px;
        line-height:24px;
    }
    .logistics .sec2 .slide_box h2 {
        font-size:23px;
        margin-bottom:30px;
    }
    .logistics .sec3 h1 {
        font-size:42px;
    }
    .logistics .sec3 .sub_txt {
        font-size:16px;
        line-height:24px;
        margin-bottom:50px;
    }
    .logistics .sec3 .solution_box .items_box .item h2 {
        font-size:18px;
    }
    .logistics .sec3 .solution_box .items_box .item .txt {
        font-size:14px;
        line-height:19px;
    }
    .logistics .sec4 h1 {
        font-size:32px;
        line-height:48px;
    }
    .logistics .sec4 .sub_txt {
        font-size:20px;
        line-height:26px;
    }
    .logistics .sec3_1 .tit_box .s_tit {
    	font-size: 21px;
    }
    .logistics .sec3_1 .tit_box h1 {
        font-size: 32px;
        line-height: 48px;
    }
	.logistics .sec3_1 .sub_txt {
	    font-size: 16px;
	    line-height: 24px;
	}
	.logistics .sec3_1 .logo_box {
	    width: 100%;
	}	
    .logistics .sec5 .s_tit {
        font-size:21px;
    }
    .logistics .sec5 h1 {
        font-size:32px;
        line-height:48px;
    }
    .logistics .sec5 .sub_txt {
        font-size:16px;
        line-height:24px;
    }
    .logistics .sec5 .edu_box .edu_lst li h2 {
        font-size:20px;
    }
    .logistics .sec5 .edu_box .edu_lst li .edu_txt {
        font-size:18px;
        line-height:28px;
    }
    .logistics .sec6 .left_box .tit_box h1 {
        font-size:32px;
        line-height:48px;
    }
    .logistics .sec6 .left_box .tit_box .sub_txt {
        font-size:16px;
        line-height:26px;
    }

    /* quality */
    .quality .sec1 h1 {
        font-size:46px;
    }
    .quality .sec1 .sub_txt {
        font-size:21px;
        line-height:26px;
    }
    .quality .sec1 .mission_box h2 {
        width:280px;
        font-size:48px;
    }
    .quality .sec1 .mission_box .mission_line {
        width:calc(100% - 380px)
    }
    .quality .sec1 .mission_box .mission_line li h3 {
        font-size:26px;
    }
    .quality .sec1 .mission_box .mission_line li .mission_txt {
        font-size:18px;
        line-height:19px;
    }
    .quality .sec2 {
        padding:130px 0 60px
    }
    .quality .sec2 h1 {
        font-size:46px;
    }
    .quality .sec3 {
        padding:100px 0;
    }
    .quality .sec3 h1 {
        font-size:46px;
    }
    .quality .sec3 .s_tit {
        font-size:24px;
    }
    .quality .sec3 .sub_txt {
        font-size:22px;
    }
    
    /* recruit modal */
    .modal_header{
        padding: 0 46px;
    }
    .modal_wrap{
        max-width: 834px;
    }
    .modal_body{
        padding: 64px 46px
    }
    .form_row{
        flex-direction: column;
    }
    .form_row_half{
        width: 100%;
    }
    .no_description{
        margin-bottom: 30px;
    }
    .with_description{
        margin-bottom: 60px;
    }
    .field_description{
        bottom: -30px;
    }
    .form_address>.form_row_half:first-child>.field_wrap, .form_files>.form_row_half:first-child>.field_wrap{
        margin-bottom:12px;
    }
    .form_address>.form_row_half:last-child>.field_wrap>input, .form_files>.form_row_half:last-child>.field_wrap>*{
        margin-top: 0;
    }

    /* privacy */
    .privacy_title{
        margin: 12px 0 32px;
    }
    .privacy_content>pre{
        padding: 12px 36px;
        font-size: 24px;
        border: 1px solid #D9D9D9;
    }
    
    /* contact */
    .detail_page .sec {
    	padding-bottom:125px;
    }
    .detail_page .sec .header_box h1 {
    	font-size:36px;
    	line-height:43px;
    }
    .detail_page .sec .header_box .sub_txt {
    	font-size:22px;
    }
    .detail_page .sec .header_box img {
    	width:500px;
    	z-index: -1;
    }
    .detail_page .sec .input_box {
    	padding:75px 120px;
    }
    .detail_page .sec .input_box .question label {
    	width:100%;
    	margin-bottom:10px;
    }
    .detail_page .sec .input_box .question select {
    	width:100%;
    }
    .detail_page .sec .input_box.quote2 .simple_input_item.half_item {
    	width:50%;
    }

	/* purchasingNew */
	.purchasingNew .sec3 .inner {
		padding: 0 10px;
	}
	.purchasingNew .sec3 .reason_lst li .reason_box img {
	    width: initial;
	    margin-bottom: 25px;
	}
	.purchasingNew .sec3 .reason_lst li .reason_box .tit {
	    font-size: 21px;
	}
	.purchasingNew .sec3 .reason_lst li .reason_box .txt {
	    font-size: 16px;
	    line-height: 22px;
	}
	.purchasingNew .sec4 .inner {
		padding: 0 60px;
	}
	
	/* transport */
	.transport .sec1 h1 {
	    font-size: 42px;
	    line-height: 52px;
	}
	.transport .sec1 .s_tit {
	    font-size: 21px;
	}
	.transport .sec1 .txt {
		font-size: 21px;	
	}
	.transport .sec1 .transport_request {
		width: 150px;
		height: 50px;	
	    font-size: 16px;
	}	
	.transport .sec2 h1 {
	    font-size: 32px;
	    line-height: 48px;
	}
	.transport .sec3 .inner {
		padding-right: 0;
	}
	.transport .sec3 h1 {
	    font-size: 42px;
	    line-height: 52px;
	}
	.transport .sec4 h1 {
	    font-size: 46px;
	}
	
}

@media all and (max-width:1200px) {
	/* main */
	.main .sec6 .dispatch_lst li .txt {
		font-size: 16px;
	}
	/* sales 4/8 css */
	.sales .sec2 .rnl_box {
	    width: calc(100% - 40px);
	    max-width: 1200px;
	    flex-wrap: wrap;
	}
	.sales .sec2 .rnl_box li:not(:last-child) {
	    margin-right: 0;
	}
	.sales .sec2 .rnl_box li {
	    width: 100%;
	    height: auto;
	    margin-bottom: 20px;
	    flex-direction: row;
	    align-items: center;
	    justify-content: flex-start;
	}
	.sales .sec2 .rnl_box li:nth-child(even) {
	    margin-top: 0;
	}
	.sales .sec2 .rnl_box li img {
	    margin-right: 18px;
	}
	.sales .sec6 .process_box {
    flex-direction: column;
    height: fit-content;
	}
	.sales .sec6 .process_box:before {
	    width: 1px;
	    height: 100%;
	    left: 25%;
	}
	.sales .sec6 .process_box .process {
	    width: 100%;
	    height: 160px;
	    border-radius: 90px;
	    flex-direction: row;
	}
	.sales .sec6 .process_box .process .img_box {
	    width: 200px;
	    margin-right: 35px;
	}
	.sales .sec6 .process_box .process .txt {
	    width: 250px;
	    text-align: left;
	}
	.sales .sec6 .process_box .process .txt br {
	    display: none;
	}
	.sales .sec6 .process_box .step_lst {
	    width: 100%;
	    position: relative;
	    flex-direction: column;
	    margin-bottom: 40px;
	}
	.sales .sec6 .process_box .step_lst li {
	    width: 100%;
	    height: 150px;
	    flex-direction: row;
	    position: relative;
	}
	.sales .sec6 .process_box .step_lst li .top_box {
	    width: 25%;
	}
	.sales .sec6 .process_box .step_lst li .arrow {
	    position: absolute;
	    top: 50%;
	    left: 25%;
	    transform: translate(-50%, -50%);
	    margin: 24px 0 0;
	}
	.sales .sec6 .process_box .step_lst li .bottom_box {
	    width: 75%;
	    flex-direction: row;
	    justify-content: space-between;
	    padding-left: 20px;
	}
	.sales .sec6 .process_box .step_lst li .bottom_box .tit {
	    margin-bottom: 0;
	}
	.sales .sec6 .process_box .step_lst li .bottom_box .bubble {
	    width: 80%;
	    justify-content: flex-start;
	    text-align: left;
	    padding: 0 40px;
	}
	.sales .sec6 .process_box .step_lst li .bottom_box .bubble:before {
	    border-top: 6px solid transparent;
	    border-bottom: 6px solid transparent;
	    border-left: transparent;
	    border-right: 10px solid #1EBEFF;
	    top: 50%;
	    left: -10px;
	    transform: translate(0, -50%);
	}
	.sales .sec6 .process_box .step_lst li .bottom_box .bubble br {
	    display: none;
	}
	.sales .sec6 .process_box .step_lst li .bottom_box .tit br {
		display: block;
	}	
	.sales .sec8 .logo_box {
	    width: 100%;
	}
	.sales .sec8 .logo_box .logo_lst {
	    height: auto;
	    flex-wrap: wrap;
	    border-radius: 30px;
	    padding: 48px 40px;
	}
	.sales .sec8 .logo_box .logo_lst li {
	    width: calc((100% - 49.5px) / 4);
	    height: auto;
	    margin: -8.25px;
	}
	
	/* purchasingNew  */
	.purchasingNew .tit_box h2 {
	    font-size: 32px;
	    line-height: 44px;
	}
	.purchasingNew .sec4 .con_box .item .txt_box br {
		display: none;
	}
	.purchasingNew .sec4 .con_box .item .txt_box .tit {
	    font-size: 21px;
	}
	.purchasingNew .sec4 .con_box .item .txt_box .txt {
	    font-size: 16px;
	    line-height: 26px;
	}
	.purchasingNew .sec5 .slider_box li.slick-current .step_box .step {
	    font-size: 18px;
	}
	.purchasingNew .sec5 .slider_box li.slick-current .step_box .tit {
	    font-size: 18px;
	}
	.purchasingNew .sec5 .slider_box li.slick-current .step_box .txt {
	    font-size: 16px;
	    line-height: 24px;
	}

	
}

@media all and (max-width:1024px) {
    /* layout */
    .inner,
    header .inner {
        padding:0 40px;
    }
    .cont {
        padding-top:100px;
    }
    header .nav_btn.on {
        display:flex;
    }
    header mGnb.on:after {
        margin-left:0;
    }
    header .right_box {
    	display: none;
    }
    header .h_btn {
        margin-left:auto;
    }
    footer .f_bottom .f_btns .family {
        top:0;
    }
    
    /* main */
    .main .sec1 .main_slider .main_slider_btn {
        top:8vw;
    }
    .main .sec1 .main_slider .main_slider_btn.next {
        left:inherit;
        right:2.88vw;
    }
    .main .sec1 .main_slider .main_slider_btn.prev {
        left:inherit;
        right:9.24vw;
    }
    .main .sec1 .main_slider .slick-dots {
        left:inherit;
        right:2.88vw;
        top:4.63vw;
    }
    .main .sec1 .main_slider .slick-dots li {
        background:#fff;
        opacity:0.25;
    }
    .main .sec1 .main_slider .slick-dots li.slick-active {
        background:none;
        border:1px solid #fff;
        opacity:1;
    } 
    .main .sec1 .main_slider .slick-dots li button {
        color:#fff;
        opacity:1;
    }
    .main .sec1 .main_slider li.slick-slide {
        height:94.62vw;
        max-height:969px;
        
    }
    .main .sec1 .main_slider li.slick-slide img {
        height:100%;
        object-fit: cover;
    }
    .main .sec1 .main_slider li .txt_box p {
        padding:30vw 0 5px;
    }
    .main .card_box .inner {
        flex-direction:column;
    }
    .main .card_box .card {
        width:100%;
    }
    .main .card_box .card1 {
        margin-bottom:12px;
    }
    .main .sec2 {
        background-size:contain;
        padding-bottom:80px;
    }
    .main .sec2 .service_box {
        flex-direction:column;
    }
    .main .sec2 h1 {
        margin:80px 0 20px;
    }
    .main .sec2 .service_box li {
        width:100%;
        position:relative;
        align-items:flex-start;
        padding:30px;
    }
    .main .sec2 .service_box li.on {
        width:100%;
        padding-bottom:60px;
    }
    .main .sec2 .service_box li .icon_box {
        flex-direction:row-reverse;
        justify-content:space-between;
        align-items:center;
    }
    .main .sec2 .service_box li .icon_box .icon {
        margin-bottom:0;
    }
    .main .sec2 .service_box li.on .icon_box .icon {
        margin-bottom:0;
    }
    .main .sec2 .service_box li .txt_box {
        width:80%;
        height:100%;
        position:absolute;
        left:70px;
        top:0;
        padding-top:42px;
    }
    .main .sec2 .service_box li .txt_box .hover_txt {
        width:100%;
    }
    .main .sec3 {
        background-position:right bottom;
    }
    .main .sec3 .record_box {
        flex-wrap:wrap;
    }
    .main .sec3 .record_box .record_item {
        width:calc(50% - 5px);
        margin-bottom:10px;
    }
    .main .sec5 .video_box {
        width:100%;
    }
    .main .sec6 .dispatch_lst li {
    	width: 49%;
    	margin-bottom: 10px;
    }

    /* brand */
    .brand .sec1 .img_box:after {
        width:94px;
        height:482px;
        right:-94px;
    }
    .brand .sec3 .tab_box .tab_box_nav li {
        padding-bottom:15px;
    }
    .brand .sec3_1 .tab_box .tab_box_nav li {
        padding-bottom:15px;
    }    
	.brand .sec5 .welfare li {
	    width: calc((100% - 70px) / 4);
	}
    .brand .sec5 .sub_txt {
        font-size:23px;
        line-height:30px;
        margin-bottom:50px;
    }
    .brand .sec5 .recruit_list li .detail_box .date_box {
        margin-right:50px;
    }
    .brand .sec5 .recruit_list li .detail_box .detail_con {
        width:calc(100% - 160px)
    }

    /* logistics */
    .logistics .sec3 .solution_box {
        padding:0;
    }
    .logistics .sec3 .solution_box .big_box {
        order:1;
        width:100%;
        margin:0;
        margin-bottom:30px;
    }
    .logistics .sec3 .solution_box .items_box {
        order:2;
        flex-direction:column;
    }
    .logistics .sec3 .solution_box .items_box .item {
        width:100%;
        margin-bottom:12px;
    }
    .logistics .sec3 .solution_box .items_box:not(.items2) .item:not(:last-child) {
        margin-right:0;
    }
    .logistics .sec3 .solution_box .items_box.items2 {
        width:100%;
        margin:0;
    }
    .logistics .sec3 .solution_box .items_box .item .txt {
        display:none;
    }
    .logistics .sec3 .solution_box .items_box .item.on .txt {
        display:flex;
    }
    .logistics .sec4 .video_box {
        width:100%;
    }

    /* quality */
    .quality .sec1 .mission_box h2 {
        width:240px;
        font-size:42px;
    }
    .quality .sec1 .mission_box .mission_line {
        width:calc(100% - 320px)
    }
    .quality .sec1 .mission_box .mission_line li {
        padding-left:80px;
    }
    .quality .sec2 .inner:before {
        left:-200px
    }
    .quality .sec2 .bnr_box .bnr_slide li {
        height:80px;
    }
    .quality .sec2 .bnr_box .bnr_slide li img {
        max-width:60%;
    }
   	
   	/* sales */
   	.sales .sec1 .img_box:after {
   		width: 162px;
	    height: 505px;
	    right: -129px;
   	}
   	.sales .sec3 .txt_box {
	    padding: 0 40px;
	}
	.sales .sec3 .txt_box .tit {
	    font-size: 26px;
	    line-height: 36px;
	}
   	.sales .sec3 .txt_box .txt {
	    font-size: 20px;
	    line-height: 30px;
	    margin-bottom: 30px;
	}
	.sales .sec4 .logo_box {
	    width: 100%;
	    max-width: 900px;
	}
	.sales .sec4 .logo_box li {
	    width: 20%;
	    height: auto;
	}
	.sales .sec5 .scroll_box .scroll_item li:first-child {
	    margin-left: 20px;
	}
	.sales .sec6 .process_box .process .img_box {
    	width: 150px;
	}
	.sales .sec6 .process_box .process .tit {
	    font-size: 16px;
	}
	.sales .sec6 .process_box .process .txt {
	    width: 200px;
	    font-size: 15px;
	}
	.sales .sec6 .process_box .step_lst li .bottom_box .bubble {
	    width: 70%;
	}
	
	.sales .sec7 .point_lst {
	    width: 100%;
	    max-width: 940px;
	}
	.sales .sec7 .point_lst li {
	    width: calc((100% - 60px) / 3);
	}
	
   	/* purchasing */
    .purchasing .sec2 {
    	background:url('../images/purchasing/sec2_bg_t.png');
    	background-size:cover;
    }
    .purchasing .sec2 .purchasing_type {
    	width:80%;
    	flex-direction:column;
    	align-items:flex-start;
    	padding:0;
    	margin:0 auto;
    }
    .purchasing .sec2 .purchasing_type li:nth-child(2) {
    	align-self:flex-end;
    }
    .purchasing .sec4 .land_cont.chi {
    	flex-direction:column;
    }
    .purchasing .sec4 .land_cont .info_box {
    	width:100%;
    	margin-bottom:30px;
    	margin-right:0;
    }
    .purchasing .sec4 .land_cont .map_box {
    	width:100%;
    }

    /* privacy */
    .privacy_title{
        margin: 50px 0 32px;
    }
    .privacy_content>pre{
        padding: 12px 36px;
        font-size: 24px;
        border: 1px solid #D9D9D9;
    }

    /* newsDetail */
    .news_page_title{
        margin: 54px 0 16px;
    }
    .news_title{
        font-size: 32px;
        margin-bottom: 24px;
    }
    .news_date{
        margin-bottom: 28px;
    }
    
    /* contact */
    .detail_page .sec .header_box {
    	flex-wrap:wrap;
    	justify-content:center;
    }
    .detail_page .sec .header_box .tit_box {
    	width:100%;
    	padding-top:44px;
    }
    .detail_page .sec .input_box {
    	padding:75px 80px;
    }
    .detail_page .sec .header_box img {
    	width:100%;
    	max-width:659px;
    }
    .detail_page .sec .input_box.quote2 .simple_input_item.half_item {
    	width:100%;
    }
    
    /* news list */
    .news_list .sec1 {
    	padding:60px 0 80px;
    }
    .news_list .news_lst li {
    	width:calc((100% - 38px) / 2);
    }
    .news_list .news_lst li img {
    	height:30vw;
    }
      
    /* purchasing */
    .purchasing .sec1 .img_box:after {
	    width: 162px;
	    height: 505px;
	    right: -129px;
	}
	
	/* purchasingNew  */
	.purchasingNew .sec1 .img_box:after {
	    width: 162px;
	    height: 505px;
	    right: -129px;
	}
	.purchasingNew .sec2 .txt_box .tit {
	    font-size: 26px;
	    line-height: 36px;
	}
	.purchasingNew .sec2 .txt_box .txt {
	    font-size: 20px;
	    line-height: 30px;
	    margin-bottom: 30px;
	}
	.purchasingNew .sec3 .reason_lst {
	    height: 600px;
	    flex-wrap: wrap;
	}
	.purchasingNew .sec3 .reason_lst li {
	    width: calc(50% - 5px);
	}
	.purchasingNew .sec3 .reason_lst li .reason_box img {
	    width: 22%;
	}
	.purchasingNew .sec4 .con_box {
	    flex-direction: column;
	    align-items: center;
	}
	.purchasingNew .sec4 .con_box .item:first-child {
	    margin-bottom: 15px;
	}
	.purchasingNew .sec4 .con_box .item {
	    width: 100%;
	    max-width: 450px;
	}
	.purchasingNew .sec5 .slider_box li .step_box .txt br {
	    display: none;
	}
	.purchasingNew .sec7 .map_box {
	    align-items: center;
	    flex-direction: column;
	}
	.purchasingNew .sec7 .map_box .map img {
	    margin-right: 0;
	    margin-bottom: 40px;
	    width: 100%;
	}
	.purchasingNew .sec7 .map_box .country_box {
	    width: 100%;
	    max-width: 700px;
	}
	.purchasingNew .sec7 .map_box .country_box .country_info {
	    width: 100%;
	}

}

@media all and (max-width:860px) {
    /* layout */
    .cont {
        padding-top:80px;
    }
    header {
        height:80px;
    }
    header .inner {
        height:80px;
    }
    header .nav_btn {
        width:35px;
    }
    header .h_btn {
        /*max-width:100%;*/
        /*height:48px;*/
    }
    header .h_btn img {
        width:25px;
    }
    .cont.main, .cont.contact {
        padding-top:80px;
    }
    footer .f_banner {
        height:325px;
    }
    footer .f_banner h1 {
        font-size:39px;
        line-height:48px;
    }
    
    /* main */
    .main .sec1 .main_slider li .txt_box h1 {
    	font-size:38px;
    	line-height:46px;
    }
    .main .sec2 {
        padding-bottom:60px;
    }
    .main .sec2 h1 {
        font-size:39px;
        margin:60px 0 20px;
    }
    .main .sec2 .s_tit {
        font-size:21px;
        margin-bottom:40px;
    }
    .main .sec2 .service_box li .txt_box {
        width:75%;
    }
    .main .sec3 {
        padding:60px 0;
    }
    .main .sec3 h1 {
        font-size:39px;
    }
    .main .sec3 .s_tit {
        line-height:24px;
        margin-bottom:40px;
    }
    .main .sec3 .recordData {
    	font-size: 24px;
    }
    .main .sec4 {
        padding:80px 0 60px;
    }
    .main .sec4 h1 {
        font-size:39px;
    }
    .main .sec4 .s_tit_box .s_tit {
        font-size:19px;
    }
    .main .sec5 {
        padding:60px 0;
    }
    .main .sec5 h1 {
        font-size:34px;
        line-height:48px;
    }
    .main .sec5 .s_tit {
        font-size:16px;
        margin-bottom:30px;
    }
    .main .sec6 {
    	padding: 60px 0;
    }

    /* brand */
    .brand .sec1 {
        padding:150px 0 100px;
    }
    .brand .sec1 .img_box {
        width:80%;
        margin-bottom:40px;
    }
    .brand .sec1 .txt_box .s_tit {
        font-size:21px;
    }
    .brand .sec1 .txt_box h1 {
        font-size:50px;
        line-height:54px;
        margin-bottom:40px;
    }
    .brand .sec1 .txt_box .sub_txt {
        font-size:18px;
        line-height:26px;
    }
    .brand .sec1 .txt_box .sub_txt:not(:last-child) {
        margin-bottom:20px;
    }
    .brand .sec2 {
        padding:50px 0;
    }
    .brand .sec2 .s_tit {
        font-size:21px;
        margin-bottom:8px;
    }
    .brand .sec2 h1 {
        font-size:46px;
    }
    .brand .sec2 .sub_txt {
        font-size:19px;
        margin-bottom:30px;
    }
    .brand .sec2 .scroll_box ul li {
        width:400px;
        height:400px;
        padding:70px 13px 30px
    }
    .brand .sec2 .scroll_box ul li .year {
        font-size:100px;
    }
    .brand .sec2 .scroll_box ul li .year_item .month {
        font-size:16px;
    }
    .brand .sec2 .scroll_box ul li .year_item .txt {
        font-size:16px;
        line-height:28px;
    }
    .brand .sec2 .scroll_box ul li .year_item .win_icon {
        width:14px;
    }
    .brand .sec3 .s_tit {
        font-size:21px;
        margin-left:30px;
    }
    .brand .sec3 h1 {
        font-size:44px;
    }
    .brand .sec3_1 h1 span {
    	display: block;
    }
    .brand .sec3 .sub_txt {
        font-size:18px;
        margin-bottom:30px;
    }
    .brand .sec3 .tab_box .tab_box_nav li {
        font-size:18px;
    }
    .brand .sec3 .tab_box .tab_box_nav li.on:before, .brand .sec3 .tab_box .tab_box_nav li:hover:before {
        display:none;
    }
    .brand .sec3 .tab_box .tab_con {
        flex-direction:column;
    }
    .brand .sec3 .tab_box .tab_con .map_box {
        width:100%;
        margin-right:0;
    }
    .brand .sec3 .tab_box .tab_con .txt_box {
        width:100%;
    }
    .brand .sec3 .tab_box .tab_con .txt_box h2 {
        font-size:26px;
    }
    .brand .sec3 .tab_box .tab_con .txt_box h2:before {
        width:20px;
        margin-right:7px;
    }
    .brand .sec3 .tab_box .tab_con .txt_box>p {
        font-size:16px;
        margin-bottom:30px;
    }
    .brand .sec3 .tab_box .tab_con .txt_box .tel:before {
        font-size:16px;
    }
    .brand .sec3 .tab_box .tab_con .txt_box .fax:before {
        font-size:16px;
    }
    .brand .sec3_1 .s_tit {
        font-size:21px;
        margin-left:30px;
    }
    .brand .sec3_1 h1 {
        font-size:44px;
    }
    .brand .sec3_1 .sub_txt {
        font-size:18px;
        margin-bottom:30px;
    }
    .brand .sec3_1 .tab_box .tab_box_nav li {
        font-size:18px;
    }
    .brand .sec3_1 .tab_box .tab_box_nav li.on:before, 
    .brand .sec3_1 .tab_box .tab_box_nav li:hover:before {
        display:none;
    }
    .brand .sec3_1 .tab_box .tab_con {
        flex-direction:column;
    }
    .brand .sec3_1 .tab_box .tab_con .map_box {
        width:100%;
        margin-right:0;
    }
    .brand .sec3_1 .tab_box .tab_con .txt_box {
        width:100%;
    }
    .brand .sec3_1 .tab_box .tab_con .txt_box h2 {
        font-size:26px;
    }
    .brand .sec3_1 .tab_box .tab_con .txt_box h2:before {
        width:20px;
        margin-right:7px;
    }
    .brand .sec3_1 .tab_box .tab_con .txt_box>p {
        font-size:16px;
        margin-bottom:30px;
    }
    .brand .sec3_1 .tab_box .tab_con .txt_box .tel:before {
        font-size:16px;
    }
    .brand .sec3_1 .tab_box .tab_con .txt_box .fax:before {
        font-size:16px;
    }    
    .brand .sec4 .s_tit {
        font-size:23px;
        margin-bottom:7px;
    }
    .brand .sec4 h1 {
        font-size:46px;
        margin-bottom:10px;
    }
    .brand .sec4 .sub_txt {
        font-size:20px;
    }
    .brand .sec4 .news_slider_box .news_slider li {
        margin:0 10px;
    }
    .brand .sec4 .news_slider_box .news_slider li .txt_box {
        padding:18px 20px 30px
    }
    .brand .sec4 .news_slider_box .news_slider li .txt_box .cate {
        font-size:14px;
    }
    .brand .sec4 .news_slider_box .news_slider li .txt_box h2 {
        font-size:20px;
    }
    .brand .sec4 .news_more_btn {
        width:140px;
        height:50px;
    }
    .brand .sec4 .news_more_btn:before {
        width:50px;
        height:50px;
    }
    .brand .sec4 .news_more_btn span {
        padding:0 15px;
        font-size:22px;
    }
	.brand .sec5 .welfare li {
	    width: calc((100% - 40px) / 3);
	}    
    .brand .sec5 .s_tit {
        font-size:23px;
        margin-left:30px;
        margin-bottom:7px;
    }
    .brand .sec5 h1 {
        font-size:46px;
    }
    .brand .sec5 .sub_txt {
        font-size:19px;
        line-height:24px;
        margin-bottom:30px;
    }
    .brand .sec5 .recruit_sort_nav li {
        font-size:20px;
        margin-left:25px;
    }
    .brand .sec5 .recruit_sort_nav li.on {
        font-size:22px;
    }
    .brand .sec5 .recruit_list {
        margin-bottom:50px;
    }
    .brand .sec5 .recruit_list li .list_tit_box {
        height:80px;
    }
    .brand .sec5 .recruit_list li .list_tit_box .cate {
    	width:80px;
        font-size:19px;
    }
    .brand .sec5 .recruit_list li .list_tit_box .tit {
        width:calc(100% - 455px);
        font-size:19px;
    }
    .brand .sec5 .recruit_list li .list_tit_box .career {
    	width:70px;
        font-size:17px;
        margin-right:20px;
    }
    .brand .sec5 .recruit_list li .list_tit_box .date {
    	width:220px;
        font-size:17px;
        line-height:19px;
        margin-right:15px;
    }
    .brand .sec5 .recruit_list li .detail_box {
        padding:35px 30px 50px;
    }
    .brand .sec5 .recruit_list li .detail_box .date_box {
        font-size:16px;
        margin-right:30px;
    }
    .brand .sec5 .recruit_list li .detail_box .detail_con {        
        width:calc(100% - 140px);
    }
    .brand .sec5 .recruit_list li .detail_box .detail_con .detail_con_txt {
        font-size:16px;
        line-height:20px;
    }
    .brand .sec5 .recruit_list li .detail_box .detail_con .detail_con_txt img {
        margin:25px 0 30px;
    }
    .brand .sec5 .recruit_list li .detail_box .detail_con .detail_con_btn {
        width:150px;
        height:50px;
    }
    .brand .sec5 .recruit_list li .detail_box .detail_con .detail_con_btn span {
        font-size:18px;
    }
    .brand .sec5 .recruit_more_btn {
        width:140px;
        height:50px;
    }
    .brand .sec5 .recruit_more_btn:before {
        width:50px;
        height:50px;
    }
    .brand .sec5 .recruit_more_btn span {
        padding:0 15px;
        font-size:22px;
    }

    /* logistics */
    .logistics .sec1 {
        padding:100px 0 40px;
    }
    .logistics .sec1 .s_tit {
        font-size:19px;
    }
    .logistics .sec1 h1 {
        font-size:38px;
        line-height:46px;
    }
    .logistics .sec2 .tit_box {
        flex-direction:column;
        margin-bottom:40px;
    }
    .logistics .sec2 .tit_box .tit {
        margin-bottom:20px;
    }
    .logistics .sec2 .tit_box .tit h1 {
        font-size:42px;
    }
    .logistics .sec2 .tit_box .tit .s_tit {
        font-size:22px;
    }
    .logistics .sec2 .tit_box .sub_txt {
        font-size:14px;
        line-height:22px;
    }
    .logistics .sec2 .slide_box h2 {
        font-size:21px;
    }
    .logistics .sec2 .slide_box .fullfillment_slide .process .txt_box .process_tit {
        font-size:20px;
        margin-bottom:10px;
    }
    .logistics .sec2 .slide_box .fullfillment_slide .process .txt_box .process_txt {
        font-size:16px;
        line-height:23px;
    }
    .logistics .sec2 .slide_box .fullfillment_slide .process_slider_btn {
        top:-39px;
    }
    .logistics .sec2 .slide_box .fullfillment_slide .process_slider_btn.prev {
        left:inherit;
        right:50px;
    }
    .logistics .sec2 .slide_box .fullfillment_slide .process_slider_btn.next {
        right:0;
    }
    .logistics .sec3 h1 {
        font-size:38px;
        margin-bottom:15px;
    }
    .logistics .sec3 .sub_txt {
        font-size:14px;
        line-height:22px;
        margin-bottom:40px;
    }
    .logistics .sec3 .solution_box .items_box .item h2 {
        font-size:16px;
    }
    .logistics .sec3 .solution_box .items_box .item .txt {
        font-size:12px;
        line-height:17px;
    }
	.logistics .sec3_1 .tit_box .s_tit {
	    font-size: 19px;
	}
	.logistics .sec3_1 .tit_box h1 {
	    font-size: 28px;
	    line-height: 42px;
	}
	.logistics .sec3_1 .sub_txt {
	    font-size: 14px;
	    line-height: 22px;
	    margin-bottom: 30px;
	}
	.logistics .sec3_1 .logo_box .logo_lst li {
	    width: calc((100% - 10px) / 4);
	}
	.logistics .sec3_1 .logo_box .logo_lst.v2 li {
	    width: calc((100% - 10px) / 4);
	}
    .logistics .sec4 h1 {
        font-size:28px;
        line-height:42px;
    }
    .logistics .sec4 .sub_txt {
        font-size:18px;
        line-height:24px;
    }
    .logistics .sec5 .s_tit {
        font-size:19px;
    }
    .logistics .sec5 h1 {
        font-size:28px;
        line-height:42px;
        margin-bottom:15px;
    }
    .logistics .sec5 .sub_txt {
        font-size:14px;
        line-height:22px;
    }
    .logistics .sec5 .edu_box .edu_lst li h2 {
        font-size:18px;
        margin-bottom:10px;
    }
    .logistics .sec5 .edu_box .edu_lst li .edu_txt {
        font-size:16px;
        line-height:22px;
    }
    .logistics .sec6 .left_box .tit_box h1 {
        font-size:28px;
        line-height:42px;
        margin-right:0;
        margin-bottom:15px;
    }
    .logistics .sec6 .left_box .tit_box .sub_txt {
        font-size:14px;
        line-height:22px;
    }
    .logistics .sec6 .left_box .wekeepman_more_btn {
        width:140px;
        height:50px;
    }
    .logistics .sec6 .left_box .wekeepman_more_btn:before {
        width:50px;
        height:50px;
    }
    .logistics .sec6 .left_box .wekeepman_more_btn span {
        padding:0 15px;
        font-size:22px;
    }

    /* quality */
    .quality .sec1 {
        padding-top:60px;
    }
    .quality .sec1 h1 {
        font-size:42px;
    }
    .quality .sec1 .sub_txt {
        font-size:19px;
        line-height:24px;
    }
    .quality .sec1 .mission_box {
        flex-direction:column;
    }
    .quality .sec1 .mission_box h2 {
        width:100%;
        font-size:38px;
        margin-bottom:63px;
    }
    .quality .sec1 .mission_box .mission_line {
        width:100%;
    }
    .quality .sec1 .mission_box .mission_line li img {
        margin-bottom:30px;
    }
    .quality .sec1 .mission_box .mission_line li h3 {
        font-size:24px;
    }
    .quality .sec1 .mission_box .mission_line li .mission_txt {
        font-size:16px;
        line-height:18px;
    }
    .quality .sec2 {
        padding:80px 0 40px;
    }
    .quality .sec2 .inner:before {
        width:500px;
        height:500px;
        background-size:contain;
        top:-80px
    }
    .quality .sec2 h1 {
        font-size:42px;
    }
    .quality .sec2 .sub_txt {
        font-size:20px;
    }
    .quality .sec2 .tab_nav li {
        font-size:14px;
    }
    .quality .sec2 .graph_box {
        padding:0 80px;
    }
    .quality .sec2 .graph_box .year_box {
        width:calc((100% - 300px) / 4);
    }
    .quality .sec2 .graph_box .year_box .score {
        font-size:20px;
    }
    .quality .sec2 .graph_box .year_box .year {
        font-size:20px;
    }
    .quality .sec2 .graph_box .year_box .graph_bubble .txt {
        font-size:20px;
    }
    .quality .sec2 .graph_box .year_box .graph_bubble .score_txt {
        font-size:26px;
    }
    .quality .sec2 .graph_box .year_box .graph_bubble .score_txt span {
        font-size:50px;
    }
    .quality .sec2 .bnr_box .bnr_slide li {
        height:70px;
    }
    .quality .sec3 h1 {
        font-size:40px;
        margin-left:30px;
    }
    .quality .sec3 .s_tit {
        font-size:22px;
        margin-left:30px;
    }
    .quality .sec3 .sub_txt {
        font-size:20px;
        margin-left:30px;
        margin-bottom:40px;
    }
    .quality .sec3 .interview_lst li {
        width:calc(50% - 10px);
        margin-bottom:20px;
    }
    .quality .sec3 .interview_lst li .company {
        font-size:18px;
    }
    .quality .sec3 .interview_lst li .tit_box {
        bottom:22px;
    }
    .quality .sec3 .interview_lst li .tit_box .tit {
        font-size:25px;
        line-height:32px;
        margin-bottom:10px;
    }
    .quality .sec3 .interview_lst li .tit_box .interview_view {
        font-size:18px;
    }
    .quality .sec3 .interview_more_btn {
        width:140px;
        height:50px;
    }
    .quality .sec3 .interview_more_btn:before {
        width:50px;
        height:50px;
    }
    .quality .sec3 .interview_more_btn span {
        padding:0 15px;
        font-size:22px;
    }
    
    /* sales */
    .sales .sec1 {
    	padding: 150px 0 60px;
	}
	.sales .sec1 .img_box {
	    width: 80%;
	    margin-bottom: 40px;
	}
    .sales .sec1 .txt_box .s_tit {
	    font-size: 21px;
	}
	.sales .sec1 .txt_box h1 {
	    font-size: 50px;
	    line-height: 54px;
	    margin-bottom: 40px;
	}
	.sales .sec1 .txt_box .sub_txt {
	    font-size: 18px;
    	line-height: 26px;
	}

    /* purchasing */
    .purchasing .sec1 {
    	padding:50vw 0 30px;
    }
    .purchasing .sec1 h1 {
    	font-size:36px;
    }
    .purchasing .sec1 .sub_txt {
    	font-size:18px;
    	line-height:28px;
    }
    .purchasing .sec1 .point {
    	flex-wrap:wrap;
    }
    .purchasing .sec1 .point li {
    	width:50%;
    	margin-bottom:60px;
    }
    .purchasing .sec1 .point li:nth-child(2):after {
    	display:none;
    }
    .purchasing .sec3 h1 {
    	font-size:36px;
    }
    .purchasing .sec3 .process li {
    	width:calc(50% - 10px);
    }
    .purchasing .sec4 h1 {
    	font-size:31px;
    }
    .purchasing .sec5 h1 {
    	font-size:30px;
    }
    .purchasing .sec5 .precautions li {
    	padding:0 30px;
    }

    /* recruit modal */
    .modal_wrap{
        max-width:480px;
    }
    .modal_header{
        padding: 0 24px;
    }
    .modal_body{
        padding: 40px 24px;
    }
    .agreement{
        padding: 24px 20px;
    }
    .modal_title{
        margin-bottom: 50px;
    }
    .section_title{
        margin-top: 50px;
    }
    .highlight{
        margin-top: 12px;
        margin-left: 6px;
    }
    .form_row_half{
        flex-direction: column;
    }
    .form_row>.form_row_half:nth-child(2)>.field_wrap:not(.field_wrap:last-child){
        margin-bottom: 10px;
    }
    .form_row>.form_row_half:nth-child(2)>.field_wrap:not(.field_wrap:first-child)>*{
        margin-top:0;
    }
    .form_address>.form_row_half:first-child>.field_wrap{
        margin-bottom:10px;
    }
    .form_address>.form_row_half:last-child>.field_wrap>input{
        margin-top:0;
    }
    .form_files>.form_row_half>input{
        margin-top: 0;
    }
    .form_files>.form_row_half:first-child>.field_wrap{
        margin-bottom: 10px;
    }
    .form_files>.form_row_half:last-child>.field_wrap>*{
        margin-top: 0;
    }

    /* privacy */
    .privacy_title{
        margin: 40px 0 28px;
        font-size: 25px;
    }
    .privacy_content>pre{
        padding: 34px 18px;
        font-size: 16px;
        border: 1px solid #D9D9D9;
    }
    
    /* contact */
    .detail_page .sec .input_box {
    	padding:45px 40px;
    }
    .detail_page .sec .input_box .simple_input_item.tit_item .mini_input {
    	width:120px;
    }
    .detail_page .sec .input_box.dispatch_input {
    	flex-direction: column-reverse;
    }
	.detail_page .sec .input_box.dispatch_input .map_box {
		display: none;
	    height: 400px;
	}    
	.detail_page .sec .input_box.dispatch_input>div {
        margin-top: -35px;
		width: 100%;
        height: 100%;
	}
    .detail_page .sec .input_box .simple_input_item.radio_item input[type="radio"]+label:not(:last-of-type),
    .detail_page .sec .input_box .radio input[type="radio"]+label:not(:last-of-type){
        margin-right: 0;
    }
    .detail_page .sec .input_box.dispatch_input .accr_box .open_box .input_item.half {
        justify-content: space-between;
    }
    .detail_page .sec .input_box .simple_input_item.radio_item {
        justify-content: space-between;
    }
    .detail_page .sec .input_box .simple_input_item.radio_item input[type="radio"]+label:before,
    .detail_page .sec .input_box .radio input[type="checkbox"]+label:before,
    .detail_page .sec .input_box .radio input[type="radio"]+label:before {
        width: 24px;
        height: 24px;
    }
    .detail_page .sec .input_box .simple_input_item.radio_item input[type="radio"]+label,
    .detail_page .sec .input_box .radio input[type="radio"]+label {
        font-size: 14px;
    }
    .detail_page .sec .input_box.dispatch_input .accr_box .open_box .input_item.half.forMobile {
        width: 100%;
    }
    .detail_page .sec .input_box .simple_input_item.half_item.forMobile {
        width: 100%;
    }
    .detail_page .sec .input_box .email_box .info_txt {
        width: 100%;
        text-align: left;
        font-size: 12px;
        line-height: 16px;
        word-break: keep-all;
    }
    .detail_page .sec .input_box.dispatch_input .accr_box .open_box .input_item input,
    .detail_page .sec .input_box.dispatch_input .accr_box .open_box .input_item select {
        color: inherit;
        font-size: 14px;
    }
    .detail_page .sec .input_box.dispatch_input .chk_box input[type=checkbox]+label p {
        width: calc(100% - 40px);
    }
    .detail_page .sec .input_box.dispatch_input .label {
        padding: 0.2em 0 0.3em;
        font-size: 18px;
    }
    .detail_page .sec .input_box.dispatch_input .price_box .label {
        font-size: 20px;
    }

    /* news list */
    .news_list .sec1 .news_more_btn {
        width:140px;
        height:50px;
    }
    .news_list .sec1 .news_more_btn:before {
        width:50px;
        height:50px;
    }
    .news_list .sec1 .news_more_btn span {
        padding:0 15px;
        font-size:22px;
    }
    
    /* transportBrokerage */
	.transport .sec1 h1 {
	    font-size: 38px;
	    line-height: 46px;
	}
	.transport .sec1 .s_tit {
	    font-size: 19px;
	}
	.transport .sec1 .txt {
	    font-size: 19px;
	    line-height: 24px;
	    margin-bottom: 25px;
	}
	.transport .sec2 h1 {
	    font-size: 28px;
	    line-height: 42px;
	}    
    .transport .sec2 .point_box li {
    	width: 50%;
    	padding-right: 10px;
    	padding-left: 10px;
    }
    .transport .sec2 .point_box li:nth-child(3), .transport .sec2 .point_box li:nth-child(4) {
    	padding-top: 86px;
    }
    .transport .sec2 .point_box li:nth-child(3) .txt, .transport .sec2 .point_box li:nth-child(4) .txt{
    	min-height: 50px;
    }
    .transport .sec2 .point_box li:not(:last-child){
    	border-right: none;
    }
    .transport .sec2 .point_box li:nth-child(2) {
    	border-right: none;
	}
	.transport .sec2 .point_box li:nth-child(1):after ,.transport .sec2 .point_box li:nth-child(2):after {
		content:'';
		display: block;
		width: 94%;
		border-bottom: 1px solid #D9D9D9;
		margin: 0 auto;
	}
	.transport .sec2 .point_box li:nth-child(1):before, .transport .sec2 .point_box li:nth-child(3):before {
		content:'';
		position: absolute;
		right: 0;
		height: 94%;
		border-right: 1px solid #D9D9D9;
	}
	.transport .sec2 .point_box li:nth-child(1):before {
		top: 0;	
	}
	.transport .sec2 .point_box li:nth-child(3):before {
		bottom: 0;
	}
	.transport .sec2 .point_box li:nth-child(3) .img_box, .transport .sec2 .point_box li:nth-child(4) .img_box {
		top: 20px;
	}
	.transport .sec3 {
		padding: 50px 0;
	}
	.transport .sec3 h1 {
	    font-size: 38px;
	    line-height: 46px;
	    margin-bottom: 30px;
	}
    .transport .sec4 .inner {
    	padding: 0 20px;
    }
	.transport .sec4 .s_tit {
	    font-size: 32px;
	}    
	.transport .sec4 h1 {
	    font-size: 42px;
	}
	.transport .sec4 .car_box {
		justify-content: center;
		max-width: 100%;
	}
	.transport .sec4 .car_box li {
		width: calc((100% - 50px) / 4);
		height: 140px;
		margin: 6px;
	}
	
	/* purchasingNew  */
	.purchasingNew .sec1 .img_box {
	    width: 80%;
	    margin-bottom: 40px;
	}
	.purchasingNew .sec1 .txt_box .s_tit {
	    font-size: 21px;
	}
	.purchasingNew .sec1 .txt_box h1 {
	    font-size: 50px;
	    line-height: 54px;
	    margin-bottom: 40px;
	}
	.purchasingNew .sec1 .txt_box .sub_txt {
	    font-size: 18px;
	    line-height: 26px;
	}
	.purchasingNew .sec5 .slider_box li .step_box {
	    width: 380px;
	}
	.purchasingNew .sec6 .site_lst {
	    flex-wrap: wrap;
	    justify-content: center;
	}
	.purchasingNew .sec6 .site_lst li:not(:nth-child(3)), 
	.purchasingNew .sec6 .site_lst li:not(:last-child) {
	    margin-right: 5px;
	}
	.purchasingNew .sec6 .site_lst li {
	    width: calc((100% - 15px) / 3);
	    margin-bottom: 5px;
	}

}

@media all and (min-width:769px) {
	/* global */
	.layer_bnr {
		transform:translateX(100px);
	}
}

@media all and (max-width:768px) {
	/* global */
	.mo_br {
		display:block;
	}
	
	/* layout */
	footer .f_bottom .f_btns .sns li.blog {
		width:130px;
    	font-size:12px;
    }
	
    /* main */
    .main .sec1 .main_slider li .txt_box p {
        margin-bottom:15px;
    }
    .main .sec1 .main_slider li .txt_box h1 {
    	font-size:30px;
    	line-height:44px;
    }
    .main .sec3 .record_box .record_item .record_txt span {
        font-size:32px;
    }
    .main .sec3 .record_box .record_item .record_txt span:first-child {
        font-size:60px;
    }
    .main .sec4 .s_tit_box {
        flex-direction:column;
        align-items:flex-start;
    }
    .main .sec4 .s_tit_box .s_tit {
        margin-bottom:38px;
    }
    .main .sec4 .interview_slider li .sub_txt {
        height:38px;
        font-size:18px;
    }
    .main .sec4 .interview_slider li h2 {
        font-size:30px;
    }
    .main .sec4 .interview_slider li .con_txt {
    	margin-bottom: 30px;
        font-size:16px;
        line-height:26px;
    }

    /* brand */
    .brand .sec1 .img_box:after {
        width:9.179vw;
        height:47.07vw;
        right:-9.179vw;
        top:-12.69vw;
    }
    .brand .sec1 .txt_box h1 {
        font-size:46px;
        margin-bottom:25px;
    }
    .brand .sec3 .tab_box .tab_box_nav li {
        padding-top:0;
    }
    .brand .sec3_1 .tab_box .tab_box_nav li {
        padding-top:0;
    }    
    .brand .sec5 .recruit_list li .list_tit_box .tit {
    	width:calc(100% - 325px);
    }
    .brand .sec5 .recruit_list li .list_tit_box .date {
    	width:105px;
    }

    /* quality */
    .quality .sec1 .inner>img {
        margin-bottom:40px;
    }
    .quality .sec1 .mission_box h2 {
        margin-bottom:40px;
    }
    .quality .sec2 .tab_nav {
        margin-bottom:120px;
    }
    .quality .sec2 .graph_box {
        height:212px;
    }
    .quality .sec2 .graph_box .year_box .graph_bubble {
        width:200px;
        height:120px;
    }
    .quality .sec2 .graph_box .year_box {
        width:calc((100% - 240px) / 4)
    }
    .quality .sec2 .bnr_box .bnr_slide li img {
        max-width:45%;
    }
    .quality .sec3 .interview_lst li .company {
        font-size:16px;
    }
    .quality .sec3 .interview_lst li .tit_box .tit {
        font-size:23px;
        line-height:28px;
    }
    .quality .sec3 .interview_lst li .tit_box .interview_view {
        font-size:16px;
    }
    
    /* sales */
    .sales .sec1 .img_box:after {
	    width: 16.179vw;
	    right: -12.9vw;
	    top: -13.69vw;
	}
    .sales .sec1 .txt_box h1 {
	    font-size: 46px;
	    margin-bottom: 25px;
	}
	.sales .sec3 {
	    flex-wrap: wrap-reverse;
	}
	.sales .sec3 .txt_box .tit {
	    font-size: 36px;
	    line-height: 40px;
	}
	.sales .sec3 .img_box {
    width: 100%;
	}
	.sales .sec3 .txt_box {
	    width: 100%;
	    height: 52.0833vw;
	}
	.sales .sec4 .logo_box li {
	    width: 25%;
	}
	.sales .sec5 .scroll_box .scroll_item li:first-child {
	    margin-left: 20px;
	}
	.sales .sec6 .process_box .step_lst li .bottom_box .bubble {
	    width: 60%;
	}
	.sales .sec7 .point_lst li.on {
	    padding-top: 0;
	}
	.sales .sec7 .point_lst {
	    flex-direction: column;
	    height: auto;
	}
	.sales .sec7 .point_lst li {
	    width: 100%;
	}
	.sales .sec7 .point_lst li:not(:last-child) {
	    margin-bottom: 40px;
	}
	.sales .sec7 .point_lst li .point_box {
	    height: auto;
	    flex-direction: row;
	    padding: 40px;
	}
	.sales .sec7 .point_lst li .point_box img {
	    width: 10.677vw;
	    margin-right: 36px;
	    margin-bottom: 0;
	}
	.sales .sec7 .point_lst li .point_box .txt_box {
	    width: calc(100% - 10.677vw);
	    align-items: flex-start;
	}
	.sales .sec7 .point_lst li .point_box .txt {
	    font-size: 16px;
    	line-height: 24px;
	    text-align: left;
	}
	.sales .sec7 .point_lst li .point_box .txt br {
	    display: none;
	}
	.sales .sec8 .logo_box .logo_lst li {
	    width: 27%;
	}

    /* purchasing */
    .purchasing .sec1 {
    	background:url('../images/purchasing/sec1_bg_t.png') no-repeat center top;
    	background-size:100%;
    	padding:56vw 0 30px;
    }
    .purchasing .sec1 h1 {
    	font-size:30px;
    	margin-bottom:10px;
    }
    .purchasing .sec1 .sub_txt {
    	font-size:16px;
    	line-height:24px;
    }
    .purchasing .sec1 .point li .point_box .point_item {
    	font-size:20px;
    	margin-bottom:20px;
    }
    .purchasing .sec1 .point li .point_box .point_item:after {
    	background-size:80%;
    	background-position-y:bottom;
    }
    .purchasing .sec1 .point li .point_box h2 {
		font-size:19px;    
    }
    .purchasing .sec1 .point li .point_box .point_txt {
    	font-size:15px;
    }
    .purchasing .sec2 .purchasing_type li h2 {
    	font-size:21px;
    }
    .purchasing .sec2 .purchasing_type li h2:before {
    	background-size:80% !important;
    	background-repeat:no-repeat !important;
    	background-position:center center !important;
    }
    .purchasing .sec2 .purchasing_type li p {
    	font-size:16px;
    }
    .purchasing .sec2 .purchasing_type li p.s_txt {
    	font-size:12px;
    }
    .purchasing .sec3 h1 {
    	font-size:32px;
    }
    .purchasing .sec4 h1 {
    	font-size:29px;
    }
    .purchasing .sec4 .land_cont .info_box h2 {
    	font-size:20px;
    }
    .purchasing .sec4 .land_cont .info_box .info_item .info_tit {
    	margin-right:40px;
    }
    .purchasing .sec5 h1 {
    	font-size:28px;
    }
    
    /* contact */
    .contact .sec {
    	padding:80px 0 150px;
    }
    .contact .sec h1 {
    	font-size:31px;
    	line-height:40px;
    }
    .contact .sec .contact_lst {
    	flex-direction:column;
    }
    .contact .sec .contact_lst li {
        width: 100%;
        height: 110px !important;
    	margin-right: 0 !important;
        margin-bottom: 20px;
        border-radius: 10px;
    }
    .contact .sec .contact_lst li a {
        flex-direction: inherit;
        gap: 0 20px;
    }
    .contact .sec .contact_lst li a p {
        text-align: left;
    }
    .contact .sec .contact_lst .contact_simple a .icon_contact {
        width: 70px;
        height: 70px;
    }
    .contact .sec .contact_lst .contact_simple a .icon_contact.simple:before {
        width: 60px;
        height: 60px;
        background: url(../images/contact/simple_icon.png) center no-repeat;
        background-size: contain;
        margin-bottom: 0;
    }
    .contact .sec .contact_lst .contact_simple:hover a .icon_contact.simple:before {
        background: url(../images/contact/simple_icon_hover.png) center no-repeat;
        background-size: contain;
    }
    .contact .sec .contact_lst .contact_quote a .icon_contact.quote:before {
        width: 60px;
        height: 60px;
        background: url(../images/contact/quote_icon.png) center no-repeat;
        background-size: contain;
        margin-bottom: 0;
    }
    .contact .sec .contact_lst .contact_quote:hover a .icon_contact.quote:before {
        background: url(../images/contact/quote_icon_hover.png) center no-repeat;
        background-size: contain;
    }
    .contact .sec .contact_lst .contact_dispatch a .icon_contact.dispatch:before {
        width: 71px;
        height: 60px;
        background: url(../images/contact/dispatch_icon.png) center no-repeat;
        background-size: contain;
        margin-bottom: 0;
    }
    .contact .sec .contact_lst .contact_dispatch:hover a .icon_contact.dispatch:before {
        background: url(../images/contact/dispatch_icon_hover.png) center no-repeat;
        background-size: contain;
    }
    .contact .sec .contact_lst li a > div {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        min-width: 150px;
        max-width: 150px;
        word-break: keep-all;
    }
    .detail_page .sec {
    	padding:0;
    	padding-bottom:60px; 
    }
    .contact .sec .s_tit {
    	font-size:18px;
    	margin-bottom:14px;
    }
    .detail_page .sec .header_box .s_tit:after {
    	margin:13px 0 20px; 
    }
    .detail_page .sec .header_box h1 {
    	font-size:32px;
    	line-height:39px;
    }
    .detail_page .sec .header_box .sub_txt {
    	font-size:20px;
    	line-height:28px;
    }
    .detail_page .sec .input_box .simple_input_item {
    	width:100%;
    }
    .detail_page .sec .simple_btns {
        padding-top: 20px;
    }
    .detail_page .sec .double_chk {
        padding: 0 40px;
        width: 100%;
        margin-bottom: 20px;
        flex-direction: column;
    }
    .detail_page .sec .btns_box .chk_box {
    	width: 100%;
        margin-bottom: 0;
    	justify-content:space-between;
    }
    .detail_page .sec .btns_box .chk_box:not(:last-child) {
        margin-bottom: 10px;
        margin-right: 0;
    }
    .detail_page .sec .btns_box .chk_box label {
    	margin-right:0;
    }
    .detail_page .sec .input_box h2 {
    	font-size:21px;
    }
    .detail_page .sec .input_box h2 .s_txt {
    	font-size:14px;
    }
    .detail_page .sec .input_box>p {
    	font-size:18px;
    }
    .detail_page .sec .quote1 .product_box input[type="checkbox"]+label {
    	width:calc(50% - 7px);
    }
    .detail_page .sec .quote1_btns {
    	flex-wrap:wrap;
    	justify-content:center;
    }
    .detail_page .sec .btns_box .pageing {
    	width:100%;
    	padding-left:0;
    	margin-bottom:10px;
    }
    .detail_page .sec .btns_box .btn_submit {
    	width:100%;
    	max-width:309px;
    }
    .detail_page .sec .quote2_btns {
    	flex-wrap:wrap;
    	justify-content:space-between;
    }
    .detail_page .sec .input_box .simple_input_item.tit_item {
    	justify-content:space-between;
    }
    .detail_page .sec .input_box .simple_input_item.tit_item input[type="radio"]+label,
    .detail_page .sec .input_box .simple_input_item.tit_item input[type="checkbox"]+label {
    	width:calc(50% - 7px);
    }
    .detail_page .sec .input_box .simple_input_item.tit_item input[type="radio"]+label:not(:last-child), 
    .detail_page .sec .input_box .simple_input_item.tit_item input[type="checkbox"]+label:not(:last-child) {
    	margin-right:0;
    }
    .detail_page .sec .input_box .simple_input_item.tit_item input[type="checkbox"]+label.storage {
    	width:calc((100% - 28px) / 3);
    }
    .detail_page .sec .input_box .simple_input_item.tit_item .s_input {
    	width:100%;
    }
    .detail_page .sec .input_box .simple_input_item.tit_item .mini_input:not(:last-child) {
    	margin-right:0;
    }
    .detail_page .sec .input_box .simple_input_item.tit_item label.mini_label {
    	width:14%;
    	margin-right:0;
    }
    .detail_page .sec .input_box .simple_input_item.tit_item .mini_input {
    	width:86%;
    	margin:5px 0;
    }
    .detail_page .sec .input_box .simple_input_item.overseas input[type="checkbox"]+label {
    	width:calc((100% - 28px) / 3);
    	margin-bottom:10px;
    }
    .detail_page .sec .quote2_btns .pageing {
    	order:1;
    }
    .detail_page .sec .quote2_btns .btn_back {
    	order:2;
    }
    .detail_page .sec .quote2_btns .btn_submit {
    	order:3;
    }
    .detail_page .sec .input_box.quote3 .simple_input_item.half_item {
    	width:100%;
    }
    .detail_page .sec .quote4 .ok_txt {
    	font-size:31px;
    }
    .detail_page .sec .quote4 .ok_s_txt {
    	font-size:18px;
    	word-wrap:break-word;
    	word-break:keep-all;
    }
    .detail_page .sec .quote4 .ok_txt:before {
    	width:64px;
    	height:64px;
    	background-size:contain;
    }
    
    /* news list */
    .news_list .news_page_title {
    	margin-bottom:40px;
    }
    .news_list .news_lst li {
    	margin-bottom:60px;
    }
    .news_list .news_lst li .cate {
    	font-size:14px;
    }
    .news_list .news_lst li .tit {
    	font-size:20px;
    }
    .news_list .news_lst li .txt {
    	font-size:13px;
    }
    
    /* purchasing */
    .purchasing .sec1 .img_box:after {
	    width: 16.179vw;
	    right: -12.9vw;
	    top: -13.69vw;
	}
	
	/* purchasingNew  */
	.purchasingNew .sec1 .img_box:after {
	    width: 16.179vw;
	    right: -12.9vw;
	    top: -13.69vw;
	}
	.purchasingNew .sec2 {
	    flex-wrap: wrap-reverse;
	}
	.purchasingNew .sec2 .img_box {
	    width: 100%;
	}
	.purchasingNew .sec2 .txt_box {
	    width: 100%;
	    height: 52.0833vw;
	}
	.purchasingNew .sec2 .txt_box .tit {
	    font-size: 36px;
		line-height: 40px;
	}
	
}

@media all and (max-width:640px) {
    /* layout */
    footer .f_banner h1 {
        font-size:37px;
        line-height:42px;
    }
    footer .f_bottom .f_nav li {
        margin-right:30px;
    }
    footer .f_bottom .f_nav li a {
        font-size:14px;
    }
    footer .f_bottom .f_cont .f_info {
        width:100%;
    }
    footer .f_bottom .f_cont .f_logo {
        display:none;
    }

    /* main */
    .main .sec1 .main_slider li .txt_box h1 {
    	font-size:24px;
    	line-height:36px;
    }
    .main .sec2 .service_box li .txt_box {
        width:70%;
    }
    .main .sec2 .service_box li.on {
        padding-bottom:100px;
    }
    .main .sec2 .service_box li .txt_box {
        width:65%;
    }
    .main .sec3 .recordData {
    	font-size: 12px;
    }
    .main .sec4 {
    	padding: 80px 0 30px;
    }
    .main .sec4 .interview_slider li .img_box:after {
        width:62px;
        height:62px;
        background-size:contain;
    }
    .main .sec4 .interview_slider_box .interview_slider_btn {
        width:55px;
        height:55px;
    }
    .main .sec5 .video_box:after {
        width:62px;
        height:62px;
        background-size:contain;
    }
    .main .sec6 .dispatch_lst li {
    	height: 250px;
    	padding-top: 50px;
    }
    .main .sec6 .dispatch_lst li img {
    	width: 60px;
    	height: 60px;
    	top: 12px;
    	right: 56px;
    }
    .main .sec6 .dispatch_lst li .num {
    	font-size: 15px;
    }
    .main .sec6 .dispatch_lst li .tit {
    	font-size: 17px;
    }
    .main .sec6 .dispatch_lst li .txt {
    	font-size: 13px;
    }
    

    /* brand */
    .brand .sec1 {
        padding:100px 0 80px;
    }
    .brand .sec3 .sub_txt {
        word-wrap:break-word;
        word-break:keep-all;
        line-height:22px;
    }
    .brand .sec3_1 .sub_txt {
        word-wrap:break-word;
        word-break:keep-all;
        line-height:22px;
    }
	.brand .sec4 .cate_lst li {
	    width: calc((100% - 50px) / 4);
	    height: 36px;
	    font-size: 18px;
	}
	.brand .sec5 .welfare li {
		width: calc((100% - 10px) / 3);
		margin-bottom: 10px;
	}
	.brand .sec5 .welfare li .tit {
	    font-size: 16px;
	}	
	.brand .sec5 .welfare li .txt {
		font-size: 12px;
	}
	.brand .sec5 .welfare li .txt br {
		display: none;
	}
    .brand .sec5 .sub_txt {
        font-size:17px;
        line-height:22px;
    }
    .brand .sec5 .recruit_sort_nav li {
        font-size:16px;
        margin-left:20px;
    }
    .brand .sec5 .recruit_sort_nav li.on {
        font-size:18px;
    }
    .brand .sec5 .recruit_list li .list_tit_box .cate {
    	width:75px;
    	font-size:17px;
    }
    .brand .sec5 .recruit_list li .list_tit_box .tit {
    	width:calc(100% - 290px);
    	font-size:17px;
    }
    .brand .sec5 .recruit_list li .list_tit_box .career {
    	width:60px;
    	font-size:15px;
    	margin-right:15px;
    }
    .brand .sec5 .recruit_list li .list_tit_box .date {
    	width:90px;
    	font-size:15px;
    	line-height:17px;
    }

    /* logistics */
    .logistics .sec4 .video_box:after {
        width:62px;
        height:62px;
        background-size:contain;
    }

    /* quality */
    .quality .sec1 h1 {
        font-size:38px;
    }
    .quality .sec1 .sub_txt {
        font-size:17px;
        line-height:22px;
    }
    .quality .sec2 h1 {
        font-size:38px;
    }
    .quality .sec2 .sub_txt {
        font-size:18px;
    }
    .quality .sec2 .tab_nav {
        margin-bottom:100px;
    }
    .quality .sec2 .graph_box {
        padding:0 40px;
        margin-bottom:80px;
    }
    .quality .sec2 .graph_box .year_box {
        width:calc((100% - 150px) / 4)
    }
    .quality .sec2 .graph_box .year_box .graph_bubble {
        width:160px;
        height:100px;
        top:-160px;
    }
    .quality .sec2 .graph_box .year_box .graph_bubble .txt {
        font-size:18px;
    }
    .quality .sec2 .graph_box .year_box .graph_bubble .score_txt {
        font-size:24px;
    }
    .quality .sec2 .graph_box .year_box .graph_bubble .score_txt span {
        font-size:40px;
    }
    .quality .sec3 h1 {
        font-size:36px;
    }
    .quality .sec3 .s_tit {
        font-size:20px;
    }
    .quality .sec3 .sub_txt {
        font-size:18px;
        line-height:22px;
    }
    .quality .sec3 .interview_lst li {
        width:100%;
    }
    
    /* sales */
    .sales .sec1 {
    	padding: 100px 0 30px;
	}
	.sales .tit_box h2 {
		font-size: 24px;
		line-height: 34px;
	}
	.sales .tit_box p {
		font-size: 16px;
	}
	.sales .sec2 .rnl_box li{
		padding: 13px 10px;
		margin-bottom: 10px;
	}
	.sales .sec2 .rnl_box li img {
		width: 62px;
		height: 62px;
	}
	.sales .sec2 .rnl_box li .txt_box .s_txt {
		font-size: 12px;
		line-height: 16px;
	}
	.sales .sec2 .rnl_box li .txt_box .txt {
		font-size: 16px;
	}
    .sales .sec3 .txt_box .tit {
	    font-size: 22px;
	    line-height: 32px;
	}
	.sales .sec3 .txt_box .txt {
	    font-size: 16px;
	    line-height: 0;
	}
	.sales .sec3 .txt_box .btn_bnr {
	    width: 130px;
	    height: 40px;
	}
	.sales .sec3 .txt_box .btn_bnr p {
	    font-size: 11px;
	    margin-right: 10px;
	}
	.sales .sec3 .txt_box .btn_bnr img {
	    width: 18px;
	    height: 15px;
	}
	.sales .sec4 {
		padding: 50px 0;
	}
	.sales .sec4 h2 {
		margin-bottom: 10px;
	}
	.sales .sec4 p {
		font-size: 16px;
		line-height: 22px;
		margin-bottom: 20px;
	}
	.sales .sec5 {
		padding: 50px 0;
	}
	.sales .sec5 .scroll_box .scroll_item li {
		width: 250px;
	}
	.sales .sec5 .scroll_box .scroll_item li .client .client_img {
		width: 60px;
    	height: 60px;
	}
	.sales .sec5 .scroll_box .scroll_item li .notice_con p {
		font-size: 12px;
		line-height: 18px;
	}
	.sales .sec6 {
		padding: 50px 0;
	}
	.sales .sec6 .process_box .process .img_box {
	    width: 100px;
	    margin-right: 10px;
	}
	.sales .sec6 .process_box .process img {
	    width: 50px;
	    height: 50px;
	}
	.sales .sec6 .process_box .step_lst li .top_box {
	    width: 20%;
	}
	.sales .sec6 .process_box .step_lst li .bottom_box {
	    margin-left: 17px;
	}
	.sales .sec6 .process_box .step_lst li .bottom_box .bubble {
	    font-size: 12px;
	    line-height: 18px;
	    padding: 0 20px;
	}
	.sales .sec6 .process_box .step_lst li .bottom_box .tit {
	    font-size: 14px;
	}
	.sales .sec7 {
		padding: 60px 0;
	}
	.sales .sec7 .tit_box h2 {
		margin-bottom: 30px;
	}
	.sales .sec7 .point_lst li .point_box {
		padding: 20px;
	}
	.sales .sec7 .point_lst li .point_box img {
		margin-right: 20px;
	}
	.sales .sec7 .point_lst li .point_box .tit {
		font-size: 15px;
	}
	.sales .sec7 .point_lst li .point_box .txt {
		font-size: 14px;
		line-height: 18px;
	}
	.sales .sec7 .point_lst li:not(:last-child) {
		margin-bottom: 20px;
	}
	.sales .sec8 {
		padding: 50px 0;
	}
	.sales .sec8 .tit_box p {
		font-size: 14px;
		line-height: 24px;
		margin-bottom: 60px;
	}
	.sales .sec8 .logo_box .tit {
		font-size: 14px;
		width: 220px;
	}

    /* purchasing */
    .purchasing .sec1 {
    	padding:52vw 0 30px;
    }
    .purchasing .sec1 .point li .point_box .point_txt {
    	padding:0 20px;
    }
    .purchasing .sec2 .purchasing_type {
    	width:100%;
    }
    .purchasing .sec2 .purchasing_type li {
    	width:300px;
    	height:300px;
    	margin-bottom:30px;
    }
    .purchasing .sec2 .purchasing_type li:last-child {
    	padding-top:100px;
    }
    .purchasing .sec3 .process li h2 {
    	font-size:18px;
    }
    .purchasing .sec3 .process li p {
    	font-size:16px;
    }
    .purchasing .sec4 .land_lst li {
    	font-size:18px;
    }
    .purchasing .sec4 .land_cont .info_box h2 {
    	font-size:18px;
    }
    .purchasing .sec4 .land_cont .info_box .info_item .info_tit {
    	font-size:12px;
    	margin-right:20px;
    }
    .purchasing .sec4 .land_cont .info_box .info_item .info_txt {
    	font-size:12px;
    }
    .purchasing .sec5 .precautions li .tit_box {
    	height:70px;
    }
    .purchasing .sec5 .precautions li .tit_box h2 {
    	font-size:16px;
    }
    .purchasing .sec5 .precautions li .tit_box h2 span {
    	font-size:21px;
    }
    .purchasing .sec5 .precautions li .con_box {
    	font-size:14px;
    	line-height:20px;
    }
    .purchasing .sec5 .btn_box {
    	flex-wrap:wrap;
    }
    .purchasing .sec5 .btn_box a {
    	width:100%;
    }
    .purchasing .sec5 .btn_box a:not(:last-child) {
    	margin-right:0;
    	margin-bottom:10px;
    }
    .purchasing .sec5 .btn_box a p {
    	font-size:14px;
    }
    
    /* contact */
    .detail_page .sec .input_box>p {
    	font-size:16px;	
    }
    .detail_page .sec .quote3>p {
    	margin-bottom:40px;
    }
    .detail_page .sec .input_box .simple_input_item.tit_item input[type="checkbox"]+label.storage {
    	height:150px;
    }
    .detail_page .sec .input_box .simple_input_item.tit_item input[type="checkbox"]+label.storage p:before {
    	width:60px;
    	height:50px;
    	background-size:contain;
    }
    .detail_page .sec .btns_box .btn_back {
    	width:30%;
    	max-width:167px;
    }
    .detail_page .sec .quote2_btns .btn_submit,
    .detail_page .sec .quote3_btns .btn_submit  {
    	width:65% !important;
    	max-width:309px !important;
    }
    .detail_page .sec .input_box .simple_input_item.tit_item label {
    	margin-right:0;
    }
    .detail_page .sec .input_box .simple_input_item.tit_item label.mini_label {
    	width:16%;
    	font-size:14px;
    }
    .detail_page .sec .input_box .simple_input_item.tit_item .mini_input {
    	width:84%;
    }
    .detail_page .sec .input_box.dispatch_input .accr_box .open_box .input_item.img_lst ul li {
	    width: calc((100% - 30px) / 3);
        height: 110px;
	    margin-bottom: 10px;
	}
    .detail_page .sec .input_box.dispatch_input .accr_box .open_box .input_item.img_lst ul li:not(:nth-child(4n)) {
        margin-right: 0;
    }
    .detail_page .sec .input_box.dispatch_input .accr_box .open_box .input_item.img_lst ul li:not(:nth-child(3n)) {
        margin-right: 10px;
    }
    .detail_page .sec .input_box.dispatch_input .accr_box .open_box .input_item.img_lst input[type=radio]+label:before {
        width: 72px;
        height: 50px;
        margin-bottom: 10px;
        background-size: contain !important;
    }

    /* purchasingNew  */
    .purchasingNew .tit_box h2 {
		font-size: 24px;
		line-height: 34px;
	}
	.purchasingNew .tit_box p {
		font-size: 16px;
	}
    .purchasingNew .sec1 {
	    padding: 100px 0 80px;
	}
	.purchasingNew .sec2 .txt_box .tit {
	    font-size: 22px;
	    line-height: 32px;
	}
	.purchasingNew .sec2 .txt_box .txt {
	    font-size: 16px;
	    line-height: 20px;
	}
	.purchasingNew .sec2 .txt_box .btn_bnr {
	    width: 130px;
	    height: 40px;
	}
	.purchasingNew .sec2 .txt_box .btn_bnr p {
	    font-size: 11px;
	    margin-right: 10px;
	}
	.purchasingNew .sec2 .txt_box .btn_bnr img {
	    width: 18px;
	    height: 15px;
	}
	.purchasingNew .sec3 {
		padding: 50px 0;
	}
	.purchasingNew .sec3 .tit_box h2 {
		margin-bottom: 30px;
	}
	.purchasingNew .sec4 {
		padding: 50px 0;
	}
	.purchasingNew .sec4 .inner {
		padding: 0 10px;
	}
	.purchasingNew .sec4 .tit_box h2 {
		margin-bottom: 30px;
	}
	.purchasingNew .sec4 .con_box .item img {
	    width: 80px;
	    height: 80px;
	}
	.purchasingNew .sec4 .con_box .item .txt_box .tit {
	    font-size: 22px;
	}
	.purchasingNew .sec4 .con_box .item .txt_box .txt {
	    font-size: 14px;
	    line-height: 18px;
	}
	.login .login_box {
        margin: 85px auto;
	    padding: 0 20px;
	    width: 100%;
	}
    .login .login_box.v2 {
        padding: 35px 20px 0;
    }
	/* transport  */
	.transport .sec2 {
	    padding: 60px 0;
	}
	.transport .sec2 .point_box li {
		padding: 30px 10px 0;
	}
	.transport .sec2 .point_box li:nth-child(3), 
	.transport .sec2 .point_box li:nth-child(4) {
		padding-top: 52px;
	}
	.transport .sec2 .point_box li .img_box img {
		width: 50%;
	}
	.transport .sec2 .point_box li .point {
		font-size: 15px;
	}
	.transport .sec2 .point_box li .tit {
		font-size: 17px;
	}
	.transport .sec2 .point_box li .txt br {
		display: none;
	}
	.transport .sec2 .point_box li .txt {
		font-size: 13px;
	}
	.transport .sec3 h1 {
		font-size: 22px;
	}	
	.transport .sec4 {
	    padding: 60px 0;
	}
	.transport .sec3 h4 {
		font-size: 22px;
	}
	.transport .sec4 h1 {
		font-size: 22px;
		word-brake: keep-all;
	}
	.transport .sec4 .s_tit {
		font-size: 15px;
		word-bakre: keep-all;
	}
	
	/* newsList */
	.news_list .tit_box .cate_lst {
		width: 100%;
		margin-top: 30px;
	}
}

@media all and (max-width:520px) {
    /* layout */
    footer .f_banner h1 {
        font-size:35px;
        line-height:40px;
    }
    footer .f_bottom .f_btns .family {
        width:calc(100% - 160px);
    }
    footer .f_bottom .f_btns .family select {
        width:calc(100% - 86px);
        padding:0 20px;
    }
    footer .f_bottom .f_nav li {
        margin-right:15px;
    }
    footer .f_bottom .f_nav li a {
        font-size:12px;
    }

    /* main */
    .main .sec1 .main_slider li .txt_box p {
        font-size:17px;
        margin-bottom:10px;
    }
    .main .sec1 .main_slider li .txt_box h1 {
    	font-size:20px;
    	line-height:28px;
    	word-wrap:break-word;
    	word-break:keep-all;
    }
    .main .sec3 .record_box .record_item {
        height:180px;
        padding:20px;
    }
    .main .sec3 .record_box .record_item .record_txt {
        font-size:24px;
    }
    .main .sec3 .record_box .record_item .record_txt span {
        font-size:26px;
    }
    .main .sec3 .record_box .record_item .record_txt span:first-child {
        font-size:50px;
    }
    .main .sec4 .interview_slider_box {
        padding-top: 7.5vw;
    }
    .main .sec4 .interview_slider_box .interview_slider {
        width: 80vw;
    }
    .main .sec5 {
        background-size:300%;
    }
    .main .sec5 h1 {
        font-size:24px;
        line-height:34px;
    }
    .main .sec5 .sub_txt {
        font-size:16px;
        line-height:20px;
    }

    /* brand */
    .brand .sec1 .img_box {
        margin-bottom:20px;
    }
    .brand .sec1 .txt_box .s_tit {
        font-size:19px;
    }
    .brand .sec1 .txt_box h1 {
        font-size:40px;
        line-height:48px;
        margin-bottom:20px;
    }
    .brand .sec1 .txt_box .sub_txt {
        font-size:16px;
        line-height:22px;
    }
    .brand .sec1 .txt_box .sub_txt:not(:last-child) {
        margin-bottom:15px;
    }
    .brand .sec2 .s_tit {
        font-size:19px;
    }
    .brand .sec2 h1 {
        font-size:40px;
    }
    .brand .sec2 .sub_txt {
        font-size:17px;
        margin-bottom:20px;
    }
    .brand .sec2 .scroll_box ul li {
        width:300px;
        height:300px;
        padding:50px 13px 20px
    }
    .brand .sec2 .scroll_box ul li:not(:last-child) {
        margin-right:10px;
    }
    .brand .sec2 .scroll_box ul li .year {
        font-size:70px;
    }
    .brand .sec2 .scroll_box ul li .year_item .month {
        width:40px;
        font-size:14px;
        line-height:20px;
    }
    .brand .sec2 .scroll_box ul li .year_item .txt {
        font-size:14px;
        line-height:20px;
        word-wrap:break-word;
        word-break:keep-all;
    }
    .brand .sec3 {
        padding:80px 0 60px;
    }
    .brand .sec3 .s_tit {
        font-size:19px;
    }
    .brand .sec3 h1 {
        font-size:40px;
    }
    .brand .sec3 .sub_txt {
        font-size:16px;
    }
    .brand .sec3 .tab_box .tab_box_nav li {
        font-size:16px;
        padding-bottom:10px;
    }
    .brand .sec3 .tab_box .tab_box_nav li:not(:last-child):after {
        margin:0 10px;
    }
    .brand .sec3 .tab_box .tab_con .txt_box {
        padding-top:20px;
    }
    .brand .sec3 .tab_box .tab_con .txt_box h2 {
        font-size:22px;
        margin-bottom:10px;
    }
    .brand .sec3 .tab_box .tab_con .txt_box h2:before {
        width:18px;
        height:22px;
    }
    .brand .sec3 .tab_box .tab_con .txt_box>p {
        font-size:14px;
        margin-bottom:20px;
    }
    .brand .sec3 .tab_box .tab_con .txt_box .tel:before {
        font-size:14px;
    }
    .brand .sec3 .tab_box .tab_con .txt_box .fax:before {
        font-size:14px;
    }
    .brand .sec3_1 {
        padding: 20px 0 60px;
    }
    .brand .sec3_1 .s_tit {
        font-size:19px;
    }
    .brand .sec3_1 h1 {
        font-size:40px;
    }
    .brand .sec3_1 .sub_txt {
        font-size:16px;
    }
    .brand .sec3_1 .tab_box .tab_box_nav li {
        font-size:16px;
        padding-bottom:10px;
    }
    .brand .sec3_1 .tab_box .tab_box_nav li:not(:last-child):after {
        margin:0 10px;
    }
    .brand .sec3_1 .tab_box .tab_con .txt_box {
        padding-top:20px;
    }
    .brand .sec3_1 .tab_box .tab_con .txt_box h2 {
        font-size:22px;
        margin-bottom:10px;
    }
    .brand .sec3_1 .tab_box .tab_con .txt_box h2:before {
        width:18px;
        height:22px;
    }
    .brand .sec3_1 .tab_box .tab_con .txt_box>p {
        font-size:14px;
        margin-bottom:20px;
    }
    .brand .sec3_1 .tab_box .tab_con .txt_box .tel:before {
        font-size:14px;
    }
    .brand .sec3_1 .tab_box .tab_con .txt_box .fax:before {
        font-size:14px;
    }
	.logistics .sec3_1 .logo_box .logo_lst li {
	    width: calc((100% - 10px) / 3);
	}
    .brand .sec4 .s_tit {
        font-size:19px;
    }
    .brand .sec4 h1 {
        font-size:40px;
    }
    .brand .sec4 .sub_txt {
        font-size:16px;
    }
    .brand .sec4 .news_slider_box .news_slider li .txt_box .cate {
        font-size:12px;
    }
    .brand .sec4 .news_slider_box .news_slider li .txt_box h2 {
        font-size:18px;
    }
    .brand .sec4 .news_more_btn {
        width:100px;
        height:40px;
    }
    .brand .sec4 .news_more_btn:before {
        width:40px;
        height:40px;
    }
    .brand .sec4 .news_more_btn span {
        font-size:18px;
        padding:0 13px;
    }
    .brand .sec4 .news_more_btn span img {
        width:15px;
    }
	.brand .sec4 .cate_lst li {
	    height: 32px;
	    font-size: 16px;
	}    
    .brand .sec5 .s_tit {
        font-size:19px;
    }
    .brand .sec5 h1 {
        font-size:40px;
    }
    .brand .sec5 .sub_txt {
        font-size:15px;
        line-height:20px;
    }
    .brand .sec5 .recruit_sort_nav li {
        font-size:14px;
        margin-left:15px;
    }
    .brand .sec5 .recruit_sort_nav li.on {
        font-size:16px;
    }
    .brand .sec5 .recruit_list {
        margin-bottom:30px;
    }
    .brand .sec5 .recruit_list li .list_tit_box {
        padding:0 20px;
    }
    .brand .sec5 .recruit_list li .list_tit_box .info_box {
        flex-wrap:wrap;
    }
    .brand .sec5 .recruit_list li .list_tit_box .cate {
        width:75px;
        font-size:17px;
    }
    .brand .sec5 .recruit_list li .list_tit_box .tit {
        width:calc(100% - 105px);
        font-size:17px;
    }
    .brand .sec5 .recruit_list li .list_tit_box .career {
        width:70px;
        font-size:15px;
        margin-right:20px;
    }
    .brand .sec5 .recruit_list li .list_tit_box .date {
        width:calc(100% - 105px);
        font-size:15px;
        margin-right:15px;
    }
    .brand .sec5 .recruit_list li .list_tit_box .date br {
        display:none;
    }
    .brand .sec5 .recruit_list li .list_tit_box img {
        width:15px;
    }
    .brand .sec5 .recruit_list li .detail_box {
        flex-direction:column;
    }
    .brand .sec5 .recruit_list li .detail_box .date_box {
        font-size:14px;
        margin-right:0;
        margin-bottom:10px;
    }
    .brand .sec5 .recruit_list li .detail_box .detail_con {
        width:100%;
    }
    .brand .sec5 .recruit_list li .detail_box .detail_con .detail_con_txt {
        font-size:14px;
        line-height:18px;
        margin-bottom:30px;
    }
    .brand .sec5 .recruit_list li .detail_box .detail_con .detail_con_btn {
        width:130px;
        height:40px;
    }
    .brand .sec5 .recruit_list li .detail_box .detail_con .detail_con_btn span {
        font-size:14px;
    }
    .brand .sec5 .recruit_more_btn {
        width:100px;
        height:40px;
    }
    .brand .sec5 .recruit_more_btn:before {
        width:40px;
        height:40px;
    }
    .brand .sec5 .recruit_more_btn span {
        font-size:18px;
        padding:0 13px;
    }
    .brand .sec5 .recruit_more_btn span img {
        width:15px;
    }

    /* logistics */
    .logistics .sec1 .s_tit {
        font-size:17px;
    }
    .logistics .sec1 h1 {
        font-size:34px;
        line-height:42px;
    }
    .logistics .sec2 .tit_box .tit h1 {
        font-size:38px;
    }
    .logistics .sec2 .tit_box .tit .s_tit {
        font-size:20px;
    }
    .logistics .sec2 .tit_box .sub_txt {
        font-size:12px;
        line-height:18px;
    }
    .logistics .sec2 .slide_box h2 {
        font-size:19px;
    }
    .logistics .sec2 .slide_box h2 {
        font-size:17px;
    }
    .logistics .sec2 .slide_box .fullfillment_slide .process .txt_box .process_tit {
        font-size:18px;
    }
    .logistics .sec2 .slide_box .fullfillment_slide .process .txt_box .process_txt {
        font-size:14px;
        line-height:20px;
    }
    .logistics .sec3 h1 {
        font-size:34px;
    }
    .logistics .sec3 .sub_txt {
        font-size:12px;
        line-height:18px;
    }
    .logistics .sec3 .solution_box .items_box .item h2 {
        font-size:14px;
    }
    .logistics .sec3_1 .tit_box .s_tit {
        font-size: 17px;
        margin-bottom: 7px;
    }
    .logistics .sec3_1 .tit_box h1 {
        font-size: 24px;
        line-height: 34px;
    }
    .logistics .sec3_1 .sub_txt {
        font-size: 12px;
        line-height: 18px;
        margin-bottom: 20px;
    }
	.logistics .sec3_1 .logo_box .tit {
	    width: 170px;
	    height: 32px;
	    font-size: 14px;
	}
	.logistics .sec3_1 .logo_box .tit.icon01:before {
	    width: 22px;
	    height: 22px;
	    background-size: contain;
	}
	.logistics .sec3_1 .logo_box .tit.icon02:before {
		width: 32px;
		height: 21px;
	    background-size: contain;
	}
	.logistics .sec3_1 .logo_box .tit.icon03:before {
	    width: 22px;
	    height: 22px;
	    background-size: contain;
	}
    .logistics .sec4 h1 {
        font-size:24px;
        line-height:34px;
    }
    .logistics .sec4 .sub_txt {
        font-size:16px;
        line-height:20px;
    }
    .logistics .sec5 .s_tit {
        font-size:17px;
        margin-bottom:7px;
    }
    .logistics .sec5 h1 {
        font-size:24px;
        line-height:34px;
    }
    .logistics .sec5 .sub_txt {
        font-size:12px;
        line-height:18px;
    }
    .logistics .sec5 .edu_box>img {
        margin-bottom:20px;
    }
    .logistics .sec5 .edu_box .edu_lst li {
        margin-bottom:15px;
    }
    .logistics .sec5 .edu_box .edu_lst li .icon {
        width:30px;
        margin-bottom:10px;
    }
    .logistics .sec5 .edu_box .edu_lst li h2 {
        font-size:16px;
    }
    .logistics .sec5 .edu_box .edu_lst li .edu_txt {
        font-size:14px;
        line-height:20px;
    }
    .logistics .sec6 .left_box .tit_box h1 {
        font-size:24px;
        line-height:34px;
    }
    .logistics .sec6 .left_box .tit_box .sub_txt {
        font-size:12px;
        line-height:18px;
    }
    .logistics .sec6 .wekeepman_box .wekeepmans li {
        width:calc((100% - 20px) / 2);
    }
    .logistics .sec6 .wekeepman_box .wekeepmans li:nth-child(3n+2) {
        margin-top:0;
    }
    .logistics .sec6 .wekeepman_box .wekeepmans li:nth-child(2n) {
        margin-top:-40px;
    }
    .logistics .sec6 .wekeepman_box .wekeepmans li .center {
        font-size:12px;
    }
    .logistics .sec6 .wekeepman_box .wekeepmans li .name {
        font-size:18px;
    }
    .logistics .sec6 .wekeepman_box .wekeepmans li .rank {
        font-size:12px;
    }
    .logistics .sec6 .left_box .wekeepman_more_btn {
        width:100px;
        height:40px;
    }
    .logistics .sec6 .left_box .wekeepman_more_btn:before {
        width:40px;
        height:40px;
    }
    .logistics .sec6 .left_box .wekeepman_more_btn span {
        font-size:18px;
        padding:0 13px;
    }
    .logistics .sec6 .left_box .wekeepman_more_btn span img {
        width:15px;
    }

    /* quality */
    .quality .sec1 {
        background:-webkit-linear-gradient(to bottom,#fff 20%, #F9F9F9 20%); /* for safari 5.1 to 6.0 */
        background:-o-linear-gradient(to bottom,#fff 20%, #F9F9F9 20%); /* for opera 11.1 to 12.0 */
        background:-moz-linear-gradient(to bottom,#fff 20%, #F9F9F9 20%); /* for firefox3.6 to 15 */
        background:linear-gradient(to bottom,#fff 20%, #F9F9F9 20%);
    }
    .quality .sec1 h1 {
        font-size:34px;
    }
    .quality .sec1 .sub_txt {
        font-size:15px;
        line-height:20px;
    }
    .quality .sec1 .mission_box .mission_line li {
        padding-left:60px;
    }
    .quality .sec1 .mission_box .mission_line li img {
        margin-bottom:20px;
    }
    .quality .sec1 .mission_box .mission_line li h3 {
        font-size:22px;
        margin-bottom:12px;
    }
    .quality .sec1 .mission_box .mission_line li .mission_txt {
        font-size:14px;
    }
    .quality .sec2 h1 {
        font-size:34px;
    }
    .quality .sec2 .sub_txt {
        font-size:16px;
    }
    .quality .sec2 .tab_nav {
        width:180px;
    }
    .quality .sec2 .graph_box .year_box {
        width:calc((100% - 120px) / 4);
    }
    .quality .sec2 .graph_box .year_box .graph {
        width:calc(50% - 2px);
    }
    .quality .sec2 .graph_box .year_box .score {
        font-size:18px;
    }
    .quality .sec2 .graph_box .year_box .year {
        font-size:18px;
    }
    .quality .sec2 .bnr_box .bnr_slide li {
        height:65px;
    }
    .quality .sec3 h1 {
        font-size:32px;
        margin-bottom:10px;
    }
    .quality .sec3 .s_tit {
        font-size:18px;
        margin-bottom:10px;
    }
    .quality .sec3 .sub_txt {
        font-size:16px;
        line-height:20px;
        margin-bottom:30px;
    }
    .quality .sec3 .interview_more_btn {
        width:100px;
        height:40px;
    }
    .quality .sec3 .interview_more_btn:before {
        width:40px;
        height:40px;
    }
    .quality .sec3 .interview_more_btn span {
        font-size:18px;
        padding:0 13px;
    }
    .quality .sec3 .interview_more_btn span img {
        width:15px;
    }
    
    /* sales 4/7 css */
    .sales .sec1 .txt_box .s_tit {
	    font-size: 19px;
	}
	.sales .sec1 .txt_box h1 {
	    font-size: 40px;
	    line-height: 48px;
	    margin-bottom: 20px;
	}
	.sales .sec1 .txt_box .sub_txt {
	    font-size: 16px;
	    line-height: 22px;
	}
	.sales .sec1 .img_box {
	    margin-bottom: 20px;
	}
	
    /* newsDetail */
    .news_detail .inner{
        padding: 0 25px;
    }
    .news_page_title{
        margin: 58px 0 10px;
    }
    .news_title{
        font-size: 20px;
        margin-bottom: 10px;
    }
    .news_date{
        font-size: 14px;
    }
    .news_list .news_lst li {
    	width: 100%;
    	margin-bottom: 20px;
    }
    .news_list .news_lst li img {
    	height: 40vw;
    }
    
    /* contact */
    .detail_page .sec .quote3_btns .btns p {
    	font-size:14px;
    	word-wrap:break-word;
    	word-break:keep-all;
    }
    .detail_page .sec .quote3>p {
    	word-wrap:break-word;
    	word-break:keep-all;
    }
    
    /* recruit modal */
    .modal_wrap {
    	width:90%;
    }
    .form_submit_btn {
    	width:100%;
    	margin:50px 0 60px;
    }
    
    /* news list */
    .news_list .sec1 .news_more_btn {
        width:100px;
        height:40px;
    }
    .news_list .sec1 .news_more_btn:before {
        width:40px;
        height:40px;
    }
    .news_list .sec1 .news_more_btn span {
        font-size:18px;
        padding:0 13px;
    }
    .news_list .sec1 .news_more_btn span img {
        width:15px;
    }
    
    /* purchasingNew  */
    .purchasingNew .sec1 .txt_box .s_tit {
	    font-size: 19px;
	}
	.purchasingNew .sec1 .txt_box h1 {
	    font-size: 40px;
	    line-height: 48px;
	    margin-bottom: 20px;
	}
	.purchasingNew .sec1 .txt_box .sub_txt {
	    font-size: 16px;
	    line-height: 22px;
	}
	.purchasingNew .sec3 .reason_lst {
	    height: auto;
	    align-items: stretch;
	}
	.purchasingNew .sec3 .reason_lst li .reason_box .txt br {
	    display: none;
	}
	.purchasingNew .sec3 .reason_lst li.on {
	    margin-top: 0;
	}
	.purchasingNew .sec6 .site_lst li {
	    width: calc((100% - 5px) / 2);
	    height: 150px;
	    padding: 0 20px;
	}
	.purchasingNew .sec6 .site_lst li:nth-child(2n) {
	    margin-right: 0;
	}
	.purchasingNew .sec3 .reason_lst li {
		margin-bottom: 20px;
	}
	.purchasingNew .sec3 .reason_lst li .reason_box {
		height: calc(100% - 38px);
    	padding: 30px 15px;
	}
	.purchasingNew .sec3 .reason_lst li .reason_box .tit {
		font-size: 16px;
	}
	.purchasingNew .sec3 .reason_lst li .reason_box .txt {
	    font-size: 12px;
	    line-height: 18px;
	}
	.purchasingNew .sec3 .reason_lst li .reason_num.on {
		font-size: 16px;
	}
	.purchasingNew .sec3 .reason_lst li .reason_num {
		font-size: 12px;
	}
	.purchasingNew .sec3 .reason_lst li .reason_box img {
		width: 30%;
	}
	
	/* transport */
	.transport .sec1 h1 {
	    font-size: 34px;
	    line-height: 42px;
	}
	.transport .sec1 .s_tit {
	    font-size: 17px;
	}
	.transport .sec1 .txt {
		font-size: 17px;
	}
	.transport .sec2 h1 {
	    font-size: 24px;
	    line-height: 34px;
	    margin-bottom: 35px;
	    margin-left: 5vw;
	}
/* 	.transport .sec3 h1 {
	    font-size: 34px;
	    line-height: 42px;
	} */
/* 	.transport .sec4 .s_tit {
	    font-size: 28px;
	} */	
/* 	.transport .sec4 h1 {
	    font-size: 38px;
	} */
	.transport .sec4 .car_box li {
		height: 100px;
	}
	.transport .sec4 .car_box li p:before {
		background-position: center !important;
		background-size: 50% !important;;
	}
	.transport .sec4 .car_box li p {
		font-size: 12px;
	}
	.transport .sec4 .car_box li p:before {
		height: 35px;
		margin-bottom: 12px;
	}
}

@media all and (max-width:425px) {
	/* global */
	.layer_bnr {
		width:90%;
	}
	
    /* layout */
    .inner,
    header .inner {
        padding:0 20px;
    }
    header .nav_btn {
        width:25px;
        margin-right:20px;
    }
    header .h_logo {
        width:120px;
        margin-right:20px;
    }
    /*
    header .h_btn span {
        font-size:20px;
    }
     */
    footer .f_banner {
        height:250px;
    }
    footer .f_banner p {
        font-size:16px;
        margin-bottom:5px;
    }
    footer .f_banner h1 {
        font-size:29px;
        line-height:34px;
        margin-bottom:20px;
    }
    footer .f_btn span {
        font-size:14px;
    }
    footer .f_bottom .f_btns {
    	flex-wrap:wrap;
    }
    footer .f_bottom .f_btns .sns {
    	margin-bottom:15px;
    }
    footer .f_bottom .f_btns .family{
    	width:100%;
    }
    footer .f_bottom .f_btns .family select {
        font-size:13px;
    }
    footer .f_bottom .f_btns .family .family_btn {
        font-size:13px;
    }
    footer .f_bottom .f_btns .sns li.blog {
		width:120px;
    	font-size:10px;
    }
    

    /* main */
    .main .sec1 .main_slider .slick-dots {
        top:6.5vw;
    }
    .main .sec1 .main_slider .main_slider_btn {
        top:14vw;
    }
    .main .card_box {
    	margin-top:-100px;
    }
    .main .card_box .card1 {
        padding:25px;
        background-size:25%;
    }
    .main .card_box .card1 h1 {
        font-size:19px;
        margin-bottom:10px;
    }
    .main .card_box .card p {
        font-size:14px;
        line-height:20px;
    }
    .main .card_box .card .card_btn span {
        font-size:14px;
    }
    .main .card_box .card2 {
        padding:25px;
    }
    .main .card_box .card2 h1 {
        font-size:19px;
    }
    .main .card_box .card .search_box input[type="text"] {
        font-size:14px;
    }
    .main .card_box .card .search_box input[type="text"]::placeholder {
        font-size:14px;
    }
    .main .card_box .card .tag_box a {
        font-size:12px;
        margin-right:5px;
    }
    .main .sec2 h1 {
        font-size:35px;
        margin:60px 0 15px;
    }
    .main .sec2 .s_tit {
        font-size:17px;
        margin-bottom:25px;
    }
    .main .sec2 .service_box li {
        padding:20px;
    }
    .main .sec2 .service_box li .txt_box {
        padding-top:27px;
    }
    .main .sec2 .service_box li.on {
        padding:20px 20px 100px 20px;
    }
    .main .sec2 .service_box li .icon_box .box_num {
        font-size:16px;
    }
    .main .sec2 .service_box li .icon_box .icon {
        width:35px;
        height:35px;
    }
    .main .sec2 .service_box li .txt_box {
        left:50px;
    }
    .main .sec2 .service_box li .txt_box h2 {
        font-size:14px;
    }
    .main .sec2 .service_box li.on .txt_box h2 {
        font-size:16px;
    }
    .main .sec2 .service_box li .txt_box .hover_txt {
        font-size:14px;
    }
    .main .sec3 {
        padding:60px 0;
    }
    .main .sec3 h1 {
        font-size:35px;
        margin-bottom:17px;
    }
    .main .sec3 .s_tit {
        font-size:14px;
        margin-bottom:30px;
        line-height:20px;
    }
    .main .sec3 .record_box .record_item {
        height:150px;
    }
    .main .sec3 .record_box .record_item h2 {
        font-size:14px;
    }
    .main .sec3 .record_box .record_item .record_txt {
        font-size:18px;
    }
    .main .sec3 .record_box .record_item .record_txt span {
        font-size:20px;
    }
    .main .sec3 .record_box .record_item .record_txt span:first-child {
        font-size:34px;
    }
    .main .sec4 h1 {
        font-size:35px;
        margin-bottom:15px;
    }
    .main .sec4 .s_tit_box {
        margin-bottom:40px;
    }
    .main .sec4 .s_tit_box .s_tit {
        font-size:15px;
        line-height:24px;
        margin-bottom:25px;
    }
    .main .sec4 .s_tit_box .interview_more p {
        font-size:14px;
    }
    .main .sec4 .interview_slider li .sub_txt {
        font-size:14px;
    }
    .main .sec4 .interview_slider li h2 {
        font-size:26px;
    }
    .main .sec4 .interview_slider li .con_txt {
        font-size:14px;
        line-height:20px;
    }
    .main .sec4 .interview_slider_box .slick-dots {
        font-size:14px;
    }
    .main .sec4 .interview_slider_box .slick-dots .now {
        width:35px;
        height:35px;
        font-size:16px;
    }
    .main .sec5 {
        background-size:380%;
    }
    .main .sec5 h1 {
        font-size:28px;
        line-height:38px;
        margin-bottom:15px;
    }
    .main .sec5 .s_tit {
        font-size:14px;
        margin-bottom:20px;
    }
    .main .sec5 .more_btn p {
        font-size:14px;
    }
    .main .sec6 h1 {
    	font-size: 35px
    }
    .main .sec6 .s_tit {
    	font-size: 15px;
    	line-height: 24px;
    	margin-bottom: 25px;
    	
    }

    /* brand */
    .brand .sec1 {
        padding:60px 0;
    }
    .brand .sec1 .txt_box .s_tit {
        font-size:17px;
    }
    .brand .sec1 .txt_box h1 {
        font-size:36px;
        line-height:42px;
    }
    .brand .sec1 .txt_box .sub_txt {
        font-size:14px;
        line-height:20px;
    }
    .brand .sec2 .s_tit {
        font-size:17px;
    }
    .brand .sec2 h1 {
        font-size:36px;
    }
    .brand .sec2 .sub_txt {
        font-size:15px;
    }
    .brand .sec3 .s_tit {
        font-size:17px;
    }
    .brand .sec3 h1 {
        font-size:36px;
    }
    .brand .sec3 .sub_txt{
        font-size:14px;
    }
    .brand .sec3 .tab_box .tab_con .txt_box h2 {
        font-size:20px;
    }
    .brand .sec3_1 .s_tit {
        font-size:17px;
    }
    .brand .sec3_1 h1 {
        font-size:36px;
    }
    .brand .sec3_1 .sub_txt{
        font-size:14px;
    }
    .brand .sec3_1 .tab_box .tab_con .txt_box h2 {
        font-size:20px;
    }    
    .brand .sec4 {
        padding:40px 0 80px;
    }
    .brand .sec4 .s_tit {
        font-size:17px;
    }
    .brand .sec4 h1 {
        font-size:36px;
    }
    .brand .sec4 .sub_txt {
        font-size:14px;
    }
    .brand .sec4 .news_slider_box .news_slider li .txt_box h2 {
        font-size:16px;
    }
    .brand .sec4 .news_more_btn span {
        font-size:16px;
    }
    .brand .sec5 {
        padding:60px 0;
    }
    .brand .sec5 .s_tit {
        font-size:17px;
    }
    .brand .sec5 h1 {
        font-size:36px;
    }
    .brand .sec5 .sub_txt {
        font-size:13px;
    }
    .brand .sec5 .recruit_sort_nav {
        margin-bottom:20px;
        justify-content:space-between;
    }
    .brand .sec5 .recruit_sort_nav li {
        margin-left:0;
    }
    .brand .sec5 .recruit_more_btn span {
        font-size:16px;
    }
    .brand .sec5 .recruit_list li .list_tit_box .cate {
        font-size:15px;
        margin-right:0;
    }
    .brand .sec5 .recruit_list li .list_tit_box .tit {
    	width:calc(100% - 90px);
        font-size:15px;
    }
    .brand .sec5 .recruit_list li .list_tit_box .career {
        font-size:13px;
        margin-right:0;
    }
    .brand .sec5 .recruit_list li .list_tit_box .date {
    	width:calc(100% - 90px);
        font-size:13px;
    }

    /* logistics */
    .logistics .sec1 .s_tit {
        font-size:15px;
    }
    .logistics .sec1 h1 {
        font-size:28px;
        line-height:38px;
    }
    .logistics .sec2 {
        padding:60px 0;
    }
    .logistics .sec2 .tit_box .tit {
        margin-bottom:15px;
    }
    .logistics .sec2 .tit_box .tit h1 {
        font-size:34px;
    }
    .logistics .sec2 .tit_box .tit .s_tit {
        font-size:18px;
    }
    .logistics .sec2 .slide_box .fullfillment_slide .process .txt_box .process_tit {
        font-size:16px;
    }
    .logistics .sec2 .slide_box .fullfillment_slide .process .txt_box .process_txt {
        font-size:12px;
        line-height:16px;
    }
    .logistics .sec2 .slide_box .fullfillment_slide .process_slider_btn {
        width:14px;
    }
    .logistics .sec3 {
        padding:80px 0 60px;
    }
    .logistics .sec3 h1 {
        font-size:30px;
    }
    .logistics .sec3 .sub_txt {
        margin-bottom:30px;
    }
	.logistics .sec3_1 {
	    padding: 60px 0;
	}    
    .logistics .sec3_1 .tit_box .s_tit {
        font-size:15px;
    }
    .logistics .sec3_1 .tit_box h1 {
        font-size: 22px;
        line-height: 30px;
    }
    .logistics .sec4 {
        background-size:250%;
        padding:60px 0;
    }
    .logistics .sec4 h1 {
        font-size:20px;
        line-height:28px;
        margin-bottom:15px;
    }
    .logistics .sec4 .sub_txt {
        font-size:14px;
        line-height:18px;
        margin-bottom:40px;
    }
    .logistics .sec5 {
        padding:60px 0;
    }
    .logistics .sec5 .s_tit {
        font-size:15px;
    }
    .logistics .sec5 h1 {
        font-size:22px;
        line-height:30px;
        margin-bottom:10px;
    }
    .logistics .sec5 .sub_txt {
        margin-bottom:20px;
    }
    .logistics .sec5 .edu_box .edu_lst li h2 {
        font-size:14px;
    }
    .logistics .sec5 .edu_box .edu_lst li .edu_txt {
        font-size:12px;
        line-height:18px;
    }
    .logistics .sec6 {
        font-size:60px 0;
    }
    .logistics .sec6 .left_box .tit_box h1 {
        font-size:22px;
        line-height:30px;
    }
    .logistics .sec6 .left_box {
        margin-bottom:40px;
    }
    .logistics .sec6 .wekeepman_box .wekeepmans li {
        padding:25px 15px;
        margin-bottom:20px;
    }
    .logistics .sec6 .left_box .wekeepman_more_btn span {
        font-size:16px;
    }
    
    /* quality */
    .quality .sec1 h1 {
        font-size:30px;
        margin-bottom:15px;
    }
    .quality .sec1 .sub_txt {
        font-size:13px;
        line-height:18px;
        margin-bottom:20px;
    }
    .quality .sec1 .inner>img {
        margin-bottom:30px;
    }
    .quality .sec1 .mission_box h2 {
        font-size:32px;
        margin-bottom:30px;
    }
    .quality .sec1 .mission_box .mission_line li {
        padding-left:40px;
    }
    .quality .sec1 .mission_box .mission_line li img {
        margin-bottom:15px;
    }
    .quality .sec1 .mission_box .mission_line li h3 {
        font-size:20px;
    }
    .quality .sec1 .mission_box .mission_line li .mission_txt {
        font-size:12px;
        line-height:16px;
    }
    .quality .sec2 {
        padding:60px 0 40px
    }
    .quality .sec2 .inner:before {
        width:400px;
        height:400px;
        top:-60px;
        left:-150px;
    }
    .quality .sec2 h1 {
        font-size:30px;
    }
    .quality .sec2 .sub_txt {
        font-size:14px;
    }
    .quality .sec2 .tab_nav li {
        font-size:12px;
    }
    .quality .sec2 .graph_box .year_box .graph_bubble .txt {
        font-size:16px;
    }
    .quality .sec2 .graph_box .year_box .graph_bubble .score_txt {
        font-size:22px;
    }
    .quality .sec2 .graph_box .year_box .graph_bubble .score_txt span {
        font-size:30px;
    }
    .quality .sec2 .graph_box .year_box .graph_bubble {
        width:130px;
        height:80px;
        top:-140px;
    }
    .quality .sec2 .graph_box .year_box .graph_bubble .txt {
        font-size:14px;
    }
    .quality .sec2 .graph_box .year_box .graph_bubble .score_txt {
        font-size:18px;
    }
    .quality .sec2 .graph_box .year_box .graph_bubble .score_txt span {
        font-size:26px;
    }
    .quality .sec2 .graph_box .year_box .score {
        font-size:16px;
    }
    .quality .sec2 .graph_box .year_box .year {
        font-size:16px;
    }
    .quality .sec3 {
        padding:80px 0;
    }
    .quality .sec3 h1 {
        font-size:30px;
    }
    .quality .sec3 .s_tit {
        font-size:16px;
    }
    .quality .sec3 .sub_txt {
        font-size:14px;
    }
    .quality .sec3 .interview_lst {
        margin-bottom:20px;
    }
    .quality .sec3 .interview_lst li .company {
        font-size:14px;
    }
    .quality .sec3 .interview_lst li .tit_box .tit {
        font-size:21px;
        margin-bottom:5px;
    }
    .quality .sec3 .interview_lst li .tit_box .interview_view {
        font-size:14px;
    }
    .quality .sec3 .interview_more_btn span {
        font-size:16px;
    }
    
    /* purchasing */
    .purchasingNew .sec1 {
   	    padding: 60px 0;
    }
    .purchasingNew .sec1 .txt_box h1 {
    	font-size: 36px;
    	line-height: 42px;
    }
    .purchasingNew .sec1 .txt_box .s_tit {
    	font-size: 17px;
    }
    .purchasing .sec1 .sub_txt {
    	font-size:14px;
    	line-height:20px;
    	margin-bottom:45px;
    }
    .purchasing .sec1 .point li {
    	margin-bottom:30px;
    }
    .purchasing .sec1 .point li .point_box .point_item {
    	padding-top:50px;
    }
    .purchasing .sec1 .point li .point_box .point_item:after {
    	background-size:60%;
    	right:0;
    }
    .purchasing .sec2 .purchasing_type li {
    	width:250px;
    	height:250px;
    	padding-top:100px;
    }
    .purchasing .sec2 .purchasing_type li h2:before {
    	background-size:60%;
    }
    .purchasing .sec2 .purchasing_type li h2 {
    	margin-bottom:15px;
    }
    .purchasing .sec2 .purchasing_type li p.s_txt {
    	margin-top:15px;
    }
    .purchasing .sec3 h1 {
    	margin-bottom:25px;
    }
    .purchasing .sec3 .process li h2:before {
    	margin-bottom:25px;
    	width:60px;
    	height:41.14px;
    }
    .purchasing .sec3 .process li p br {
    	display:none;
    }
    .purchasing .sec5 {
    	padding:60px 0 68px;
    }
    
    /* contact */
    .contact .sec {
    	padding:60px 0 100px;
    }
    .contact .sec h1 {
    	margin-bottom:50px;
    }
    .contact .sec .contact_lst li {
		width:100%;
		max-width:340px;    
    }
    .detail_page .sec {
    	padding:0;
    	padding-bottom:60px;
    }
    .detail_page .sec .header_box h1 {
        font-size: 30px;
        line-height: 38px;
    	margin-bottom:20px;
    	word-wrap:break-word;
    	word-break:keep-all;
    }
    .detail_page .sec .header_box .sub_txt {
    	font-size:18px;
    	line-height:24px;
    }
    .detail_page .sec .double_chk {
        padding: 0 20px;
    }
    .detail_page .sec .input_box {
    	padding:45px 20px;
    }
    .detail_page .sec .input_box .simple_input_item label {
    	font-size:16px;
    }
    .detail_page .sec .input_box .email_box span {
    	font-size:16px;
    }
    .detail_page .sec .input_box .email_box input[type="text"] {
    	width:calc((100% - 30px) / 3);
    }
    .detail_page .sec .input_box .email_box select {
    	width:calc((100% - 30px) / 3);
    }
    .detail_page .sec .btns_box .chk_box label {
    	font-size:14px;
    	padding-left:25px;
    }
    .detail_page .sec .btns_box .chk_box a {
        width: 70px;
        height: 30px;
    	font-size: 12px;
    }
    .detail_page .sec .btns_box .btn_submit {
		width:100%;
		max-width:309px;    
    }
    .detail_page .sec .btns_box .btn_submit span {
    	font-size:18px;
    }
    .detail_page .sec .input_box textarea::placeholder {
    	font-size:14px;
    	word-wrap:break-word;
    	word-break:keep-all;
    }
    .detail_page .sec .input_box h2 {
    	font-size:19px;
    }
    .detail_page .sec .input_box h2 .s_txt {
    	font-size:12px;
    }
    .detail_page .sec .quote1 .product_box input[type="checkbox"]+label p {
    	font-size:15px;
    }
    .detail_page .sec .btns_box .pageing {
    	font-size:18px;
    }
    .detail_page .sec .input_box .simple_input_item.tit_item label.mini_label {
    	width:18%;
    }
    .detail_page .sec .input_box .simple_input_item.tit_item .mini_input {
    	width:82%;
    }
    .detail_page .sec .input_box .simple_input_item.tit_item input[type="checkbox"]+label.storage {
    	height:100px;
    }
    .detail_page .sec .input_box .simple_input_item.tit_item input[type="radio"]+label, 
    .detail_page .sec .input_box .simple_input_item.tit_item input[type="checkbox"]+label {
    	font-size:15px;
    }
    .detail_page .sec .input_box .simple_input_item.tit_item input[type="checkbox"]+label.storage p {
    	font-size:15px;
    }
    .detail_page .sec .input_box .simple_input_item.tit_item input[type="checkbox"]+label.storage p:before {
   		width:50px;
    	height:41px;
    	margin-bottom:10px;
    }
    .detail_page .sec .input_box.quote4 {
    	height:350px;
    }
    .detail_page .sec .quote4 .ok_txt {
		font-size:27px;    
		word-wrap:break-word;
		word-break:keep-all;
    }
    .detail_page .sec .quote4 .ok_s_txt {
    	font-size:16px;
    }
    .detail_page .sec .quote4 .ok_txt:before {
    	width:52px;
    	height:52px;
    }
    
    /* news list */
    .news_list .sec1 {
    	padding:40px 0 60px;
    }
/*
    .news_list .news_page_title {
    	margin-bottom:20px;
    }
     .news_list .news_lst li {
    	width:calc((100% - 19px) / 2);
    	margin-bottom:20px;
    }
    .news_list .news_lst li .cate {
    	font-size:12px;
    }
    .news_list .news_lst li .tit {
    	font-size:18px;
    }
    .news_list .news_lst li .txt {
    	font-size:11px;
    }
    .news_list .sec1 .news_more_btn span {
        font-size:16px;
    }
*/   
    /* sales */
    .sales .sec1 {
    	padding: 60px 0;
    }
    .sales .sec1 .txt_box h1 {
    	font-size: 36px;
    	line-height: 42px;
    }
    .sales .sec1 .txt_box .s_tit {
    	font-size: 17px;
    }
    .sales .sec1 .txt_box .sub_txt {
    	font-size: 14px;
    	line-height: 20px;
    }
    .sales .sec3 .txt_box {
	    height: auto;
	    padding: 20px 40px;
	}
	.sales .sec6 .process_box .process {
	    height: 130px;
    	padding: 0 30px;
	}
	.sales .sec6 .process_box .process img {
		width: 40px;
	    height: 40px;
	    margin-bottom: 10px;
	}
	.sales .sec6 .process_box .process .txt {
		width: calc(100% - 110px);
	}
	
	/* purchasingNew  */
    .purchasingNew .sec2 .txt_box {
	    height: auto;
	    padding: 20px 40px;
	}
	
	/* transport */
	.transport .sec1 h1 {
	    font-size: 28px;
	    line-height: 38px;
	}
	.transport .sec1 .s_tit {
	    font-size: 15px;
	}
	.transport .sec1 .txt {
	    font-size: 15px;
	    line-height: 20px;
	}
	.transport .sec1 .transport_request {
	    font-size: 14px;
	}
	/* .transport .sec2 .point_box li:before {
		content: none;
	}
	.transport .sec2 .point_box li:nth-child(1):before,
	.transport .sec2 .point_box li:nth-child(3):before {
	    content: none;
	} 
	.transport .sec2 .point_box li:nth-child(3):after {
	    content: '';
	    display: block;
	    width: 94%;
	    border-bottom: 1px solid #D9D9D9;
	    margin: 0 auto;
	} */
/* 	.transport .sec4 .s_tit {
	    font-size: 24px;
	}	 */
/* 	.transport .sec4 h1 {
	    font-size: 34px;
	} */
	
}

@media all and (max-width:375px) {
    /* layout */
    header .nav_btn {
        width:20px;
        margin-right:10px;
    }
    header .h_logo {
        width:100px;
    }
    /*
    header .h_btn {
        width:120px;
        height:38px;
    }
    header .h_btn span {
        font-size:16px;
    }
    header .h_btn img {
        width:20px;
        margin-right:5px;
    }
     */
    .tit_icon:before {
        width:16px;
        height:17px;
        left:-16px;
        height:-17px;
        background-size:contain;
    }
    footer .f_banner p {
        font-size:14px;
    }
    footer .f_banner h1 {
        font-size:25px;
        line-height:30px;
    }
    footer .f_bottom .f_nav li a {
        white-space:nowrap;
    }
    footer .f_btn {
        width:130px;
        height:40px;
    }
    footer .f_bottom .f_btns {
        flex-direction:column;
        align-items:flex-start;
    }
    footer .f_bottom .f_btns .family {
        width:100%;
    }

    /* main */
    .main .sec1 .main_slider .slick-dots li {
        width:15px;
        height:15px;
        margin-right:5px;
    }
    .main .sec1 .main_slider .slick-dots li button {
        font-size:12px;
    }
    .main .sec1 .main_slider .main_slider_btn {
        width:15px;
        height:auto;
    }
    .main .card_box .card1 h1 {
        font-size:17px;
    }
    .main .card_box .card p {
        font-size:12px;
    }
    .main .card_box .card .card_btn {
        width:120px;
        height:40px;
    }
    .main .card_box .card2 h1 {
        font-size:17px;
    }
    .main .card_box .card .search_box input[type="text"] {
        height:40px;
        font-size:12px;
    }
    .main .card_box .card .search_box input[type="text"]::placeholder {
        font-size:12px;
    }
    .main .card_box .card .search_box .search_btn {
        width:20px;
        height:auto;
    }
    .main .sec2 h1 {
        font-size:31px;
    }
    .main .sec2 .s_tit {
        font-size:15px;
    }    
    .main .sec2 .service_box li .txt_box {
        width:60%;
    }
    .main .sec2 .service_box li .txt_box .hover_txt {
        font-size:12px;
        line-height:16px;
    }
    .main .sec2 .service_box li.on {
        padding:20px 20px 80px 20px
    }
    .main .sec3 h1 {
        font-size:31px;
        margin-bottom:15px;
    }
    .main .sec3 .s_tit {
        font-size:12px;
        line-height:16px;
        margin-bottom:20px;
    }
    .main .sec3 .record_box .record_item .record_txt span:first-child {
        font-size:32px;
    }
    .main .sec4 h1 {
        font-size:31px;
    }
    .main .sec4 .s_tit_box .s_tit {
        font-size:13px;
        line-height:18px;
        margin-bottom:20px;
    }
    .main .sec4 .s_tit_box .interview_more {
        width:130px;
        height:40px;
        padding:0 15px;
    }
    .main .sec4 .s_tit_box .interview_more img {
        width:13px;
    }
    .main .sec4 .interview_slider li .img_box:after {
        width:48px;
        height:48px;
    }
    .main .sec4 .interview_slider_box .interview_slider_btn {
        width:35px;
        height:35px;
        top: 17vw;
    }
    .main .sec4 .interview_slider li .img_box {
        margin-bottom:20px;
    }
    .main .sec4 .interview_slider li .sub_txt {
        height:30px;
        margin-bottom:15px;
        padding:0 15px;
        font-size:12px;
    }
    .main .sec4 .interview_slider li h2 {
        font-size:24px;
        margin-bottom:10px;
    }
    .main .sec4 .interview_slider li .con_txt {
        font-size:12px;
        line-height:18px;
    }
    .main .sec5 {
        padding:40px 0;
    }
    .main .sec5 h1 {
        font-size:26px;
        line-height:34px;
    }
    .main .sec5 .s_tit {
        font-size:12px;
        line-height:18px;
    }
    .main .sec5 .more_btn {
        width:130px;
        height:40px;
        padding:0 15px;
    }
    .main .sec5 .more_btn img {
        width:13px;
    }
    .main .sec5 .video_box:after {
        width:48px;
        height:48px;
    }
    .main .sec6 h1 {
    	font-size: 31px;
    }
    .main .sec6 .s_tit {
    	font-size: 13px;
    	line-height: 18px;
    	margin-bottom: 20px;
    }
    .main .sec6 .more_btn {
    	width: 130px;
    	height: 40px;
    	padding: 0 15px;
    }
    .main .sec6 .more_btn p {
    	font-size: 14px;
    }
    .main .sec6 .more_btn img {
    	width: 13px;
    }

    /* brand */
    .brand .sec1 .txt_box h1 {
        font-size:30px;
        line-height:38px;
    }
    .brand .sec2 h1 {
        font-size:30px;
    }
    .brand .sec3 .s_tit {
        margin-left:15px;
    }
    .brand .sec3 h1 {
        font-size:30px;
    }
    .brand .sec3_1 .s_tit {
        margin-left:15px;
    }
    .brand .sec3_1 h1 {
        font-size:30px;
    }    
    .brand .sec4 h1 {
        font-size:30px;
    }
    .brand .sec5 .s_tit {
        margin-left:15px;
    }
    .brand .sec5 h1 {
        font-size:30px;
    }

    /* logistics */
    .logistics .sec1 h1 {
        font-size:20px;
        line-height:28px;
    }
    .logistics .sec2 .tit_box .tit h1 {
        font-size:30px;
    }
    .logistics .sec2 .tit_box .tit .s_tit {
        font-size:16px;
    }
    .logistics .sec2 .slide_box .fullfillment_slide .process .txt_box .process_tit {
        font-size:14px;
    }
    .logistics .sec4 {
        background-size:350%;
    }
    .logistics .sec4 .sub_txt {
        font-size:12px;
        line-height:16px;
    }
    .logistics .sec4 .video_box:after {
        width:48px;
        height:48px;
    }
    .logistics .sec5 h1 {
        font-size:20px;
        line-height:26px;
    }

    /* quality */
    .quality .sec2 .tab_nav {
        margin-bottom:120px;
    }
    
    /* sales */
    .sales .sec1 .txt_box h1 {
    	font-size: 30px;
    	line-height: 38px;
    }
    .sales .sec1 .sub_txt {
    	width:100%;
    }
    .sales .sec2 .sales_txt span:after {
    	right:-50px;
    }
    .sales .sec3 .item_box.mix_box .txt_item .txt_box h1 br {
    	display:none;
    }
    
    /* purchasing */
    .purchasingNew .sec1 .txt_box h1 {
    	font-size: 30px;
    	line-height: 38px;
    }
    .purchasing .sec1 .point li .point_box .point_item {
    	margin-bottom:10px;
    }
    .purchasing .sec1 .point li .point_box .point_item:after {
    	background-size:50%;
    	right:-50px;
    }
    .purchasing .sec1 .point li .point_box .point1:after {
    	right:-20px;
    }
    .purchasing .sec1 .point li .point_box h2 {
    	font-size:17px;
    	margin-bottom:10px;
    	word-wrap:break-word;
    	word-break:keep-all;
    }
    .purchasing .sec1 .point li .point_box .point_txt {
    	font-size:13px;
    	padding:0 10px;
    }
    .purchasing .sec2 h1 {
    	margin-bottom:20px;
    }
    .purchasing .sec2 .purchasing_type li:last-child {
    	padding-top:80px;
    }
    .purchasing .sec3 h1 {
    	font-size:28px;
    	margin-bottom:20px;
    }
    .purchasing .sec3 .process li {
    	padding:20px 18px 30px;
    }
    .purchasing .sec3 .process li:not(:last-child):after {
    	right:-15px;
    }
    .purchasing .sec3 .s_txt {
    	font-size:14px;
    }
    .purchasing .sec4 {
    	padding:50px 0 60px;
    }
    
    /* contact */
    .contact .sec .s_tit {
    	font-size:18px;
    	margin-bottom:10px;
    }
    .contact .sec h1 {
    	font-size:27px;
    	line-height:36px;
    }
    .contact .sec .contact_lst li {
    	height:250px;
    }
    .contact .sec .contact_lst li:not(:last-child) {
    	margin-bottom:20px;
    }
    .contact .sec .contact_lst li a h2 {
    	font-size:21px;
    }
    .contact .sec .contact_lst li a p {
    	font-size:14px;
    	line-height:18px;
    }
    .detail_page .sec .input_box .simple_input_item.tit_item label.mini_label {
    	word-wrap:break-word;
    	word-break:keep-all;
    }
    
    /* transport */
    .transport .sec1 h1 {
	    font-size: 20px;
	    line-height: 28px;
	}
/* 	.transport .sec4 .s_tit {
	    font-size: 20px;
	    word-break: keep-all;
	} */	
/* 	.transport .sec4 h1 {
	    font-size: 30px;
	    word-break: keep-all;
        margin-bottom: 35px;
	} */	
	
}

@media all and (max-width:320px) {
    /* main */
    .main .card_box {
        margin-top:-50px;
    }
    .main .sec5 {
        background-size:450%;
    }

    /* logistics */
    .logistics .sec6 .wekeepman_box .wekeepmans li {
        width:100%;
    }
    .logistics .sec6 .wekeepman_box .wekeepmans li:nth-child(2n) {
        margin-top:0;
    }
    
    /* purchasing */
    .purchasing .sec3 .process li {
    	width:100%;
    }
}



/**************************************/
@media all and (max-width:860px) {
	.mo_br {
	    display: block;
	}
 	.pTable {
		display: none;
	}
	.mTable {
		display: table;
	}
	.mHide {
		display: none;
	}
	.mTableHide {
		display: none;
	}
	.tableHover .mTableWidth:nth-child(1) {
		width: 24%;
	}
	.tableHover .mTableWidth:nth-child(2) {
		width: 56%;
	}
	.tableHover .mTableWidth:nth-child(3) {
		width: 30%;
	}
	.mypage .sec {
		padding: 10px 0 0;
	}
	.mypage .member_box {
		flex-wrap: wrap;
		margin-bottom: 30px;
	}
	.mypage .member_box .info_box {
		margin-left: 0;
	}
	.mypage .member_box .info_box.double {
		width: 100%;
	}
	.mypage .member_box .info_box {
		width: 100%;
		margin-bottom: 12px;
	}
	.mypage .member_box .info_box.mTableBox
	 {
	    display: flex;
	    padding: 19px 30px;
	    flex-direction: row;
	    align-items: center;
	}
	.mypage .member_box .info_box .tit {
		padding: 10px 0;
	}
	.mypage .member_box .info_box .tit span {
		display: block;
		margin-top: 6px;
	}
	.mypage .tbl_box .shipping_quote_btns {
		display: none;
	}
	.mypage .tbl_box .shipping_quote_btns.mBtns {
		display: flex;
	}
	.mypage .tbl_box .shipping_quote_btns.mBtns p {
		display: none;
	}
	
	/* userModify */
	.mypage .btn_endmodify {
		width: 100%;
	}
	
	/* simpleConsult */
	.mypage .member_box .info_box.double.simple {
		width: 100%;
	}
	
	/* dispatchOrder */
	.mypage .member_box .info_box.double.big {
		width: 100%;
	}
	.mypage .member_box .info_box.big {
		width: 100%;
	}
	.mypage .tbl_box .shipping_quote_tit .shipping_quote_info {
		flex-wrap: wrap;
		justify-content: space-between;
		margin-bottom: 40px;
	}
	.mypage .tbl_box .shipping_quote_tit .shipping_quote_info .date{
		width: 100%;
		margin-right: 0;
		margin-bottom: 21px;
	}
	.mypage .tbl_box .shipping_quote_lst>li .shipping_quote_progress .progress_lst li:not(:first-child):before {
		top: 40px;
	}
	.mypage .tbl_box .shipping_quote_lst>li .shipping_quote_progress .progress_lst li .progress_titbox .progress_tit:after {
		position: absolute;
		margin-top: 36px;
	}
	.mypage .tbl_box .shipping_quote_lst>li .shipping_quote_progress .progress_lst li.now .progress_titbox .progress_tit:before {
		top: 33px;
	}
	.mypage .tbl_box .shipping_quote_lst>li .shipping_quote_progress .progress_lst li .progress_titbox {
		margin-bottom: 50px;
	}
	
	/* dispatchOrder-detail */
	.mypage .shipping_quote_detail .top_box .status_box {
		width: 100%;
		align-items: flex-end;
		justify-content: space-between;
	}
	.mypage .shipping_quote_detail .top_box .status_box .code {
		margin-left: auto;
	}
	.mypage .shipping_quote_detail .info_box {
		flex-wrap: wrap;
	}
	.mypage .shipping_quote_detail .info_box li .tit {
		margin-right: 4px;
	}
	.mypage .shipping_quote_detail .info_box li:nth-child(1) {
		width: 100%;
		margin-bottom: 43px;
	}
	.mypage .shipping_quote_detail .info_box li:nth-child(2),
	.mypage .shipping_quote_detail .info_box li:nth-child(3) {
		width: 50%;
		display: flex;
    	justify-content: center;
	}
	.mypage .shipping_quote_detail .info_box li:first-child:after {
		width: 0;
	}
	.mypage .shipping_quote_detail .info_box li:nth-child(2):after {
		height: 20px;
	}
	
	.mypage .shipping_quote_detail .info_box li:nth-child(2) .txt,
	.mypage .shipping_quote_detail .info_box li:nth-child(3) .txt {
		font-size: 14px;
		color: #666;
	}
	.mypage .shipping_quote_detail .info_box li:nth-child(2) .txt span,
	.mypage .shipping_quote_detail .info_box li:nth-child(3) .txt span {
		font-size: 14px;
		font-weight: 400;
		color: #666;
	}
	.mypage .shipping_quote_detail {
		padding: 35px 0px;
	}
	.mypage .shipping_quote_detail .map_box {
		flex-wrap: wrap;
	}
	.mypage .shipping_quote_detail .map_box .dispatch_info {
		width: 100%;
		margin-bottom: 50px;
	}
	.mypage .shipping_quote_detail .map_box .map_con {
		width: 100%;
		height: 300px;
	}
	.mypage .shipping_quote_detail .map_box .map_con .tit {
		display: block;
		margin-bottom: 10px;
	}
	.mypage .shipping_quote_detail .map_box .map_con #map_div {
		border-top: 2px solid #262626;
	}
	.mypage .shipping_quote_detail .progress_box .price_box .price_lst {
		flex-wrap: wrap;
		padding: 15px 18px;
	}
	.mypage .shipping_quote_detail .progress_box .price_box .price_lst li {
		width: 100%;
		text-align: left;
	}
	.mypage .shipping_quote_detail .progress_box .price_box .price_lst li:not(:last-child) {
		margin-bottom: 20px;
	}
	.mypage .shipping_quote_detail .progress_box .price_box .price_lst li:not(:last-child):after {
		width: 0;
	}
	.mypage .tbl_box table {
		border-bottom: 0px;
	}
	.mypage .tbl_box .shipping_quote_lst>li .shipping_quote_tit .shipping_quote_info p span {
		font-weight: bold;
	}
	.mypage .shipping_quote_detail .progress_box table tr.cancel td .progress_status:after {
		top: -3px;
	}
	.mypage .shipping_quote_detail .progress_box table tr.now td .progress_status:after {
		top: -3px;
	}
	.mypage .tbl_box table.detail td{
		text-align: left;
	}
	.mypage .tbl_box table.detail .mStatus {
	    font-size: 14px;
	    font-weight: 400;
	    letter-spacing: -0.01em;
	    color: #666;
	    margin-bottom: 8px;
	}
	.mypage .tbl_box table.detail .mAddress {
		font-size: 20px;
	    font-weight: 500;
	    letter-spacing: -0.01em;
	    color: #262626;
	    line-height: 28px;
	}
	.mypage .tbl_box table.detail .mCall {
		font-size: 20px;
	    font-weight: 500;
	    letter-spacing: -0.01em;
	    color: #262626;
	    line-height: 28px;
	}
	.mypage .tbl_box table.detail .mDate {
		font-size: 14px;
	    font-weight: 400;
	    letter-spacing: -0.01em;
	    color: #666;
	}
	
	.mypage .shipping_quote_detail .progress_box table tr.now td .mStatus {
	    color:#18ADEC;
	}
	.mypage .tbl_box .reply_box {
	    flex-wrap: wrap;
    	flex-direction: column-reverse;
	}
	.mypage .tbl_box .reply_box .reply {
		width: 100%;
	}
	.mypage .tbl_box .reply_box .date {
		width: 100%;
		text-align: right;
	}
}

@media all and (max-width: 640px){
	.mypage .shipping_quote_detail .progress_box table td .progress_status:before {
		margin: 0 0 0 25px;
	}
	.mypage .shipping_quote_detail .progress_box .price_box {
		margin-top: 0;
	}
	.mypage .tbl_box .shipping_quote_lst>li .shipping_quote_tit .shipping_quote_info p span {
		margin-bottom: 12px;
	}
	.mypage .tbl_box .shipping_quote_lst>li .shipping_quote_progress .progress_lst li .progress_titbox .progress_tit {
		font-size: 16px;
	}
	.mypage .shipping_quote_detail .top_box .status_box {
		width: 100%;
	    flex-wrap: wrap;
	    justify-content: flex-end;
	}
	.mypage .tbl_box table td .status_con .txt {
		width: 90%;
	}
	.mypage .tbl_box table.detail .mStatus {
		font-size: 12px;
	}
	.mypage .tbl_box table.detail .mAddress {
		font-size: 14px;
	}
	.mypage .tbl_box table.detail .mCall {
		font-size: 14px;
	}
	.mypage .tbl_box table.detail .mDate {
		font-size: 10px;
	}
	/* dispatchOrder */
	.input_item.infoSize > span:nth-child(2) {
		width: 100%;
	}
}

@media all and (max-width: 520px){
	.mypage .member_box .info_box.big .tit {
		min-width: 80px;
	}
	.mypage .member_box .info_box.big .info_lst li .s_tit {
		font-size: 12px;
	}
	.mypage .member_box .info_box.big .info_lst li .num {
		font-size: 24px;
	}
	.mypage .member_box .info_box.big .info_lst li .num span {
		font-size: 15px;
	}
	.mypage .modify_layer {
		width: 100%;
	}
	.mypage .modify_layer .conbox {
		padding: 20px 10px;
	}
	.mypage .modify_layer .conbox .input_item label {
		font-size: 12px;
		min-width: 80px;
	}
	.mypage .modify_layer .conbox .input_item input::placeholder {
		font-size: 12px;
		letter-spacing: -0.1em;
	}
	.mypage .shipping_quote_detail .top_box .status_box .status {
		font-size: 20px;
		margin-right: 10px;
	}
	.mypage .shipping_quote_detail .top_box .status_box p:nth-child(2) {
		font-size: 12px;
	}
	.mypage .shipping_quote_detail .top_box .status_box .code {
		font-size: 12px;
	}
}

@media all and (max-width: 425px){
	.mypage .inner {
		padding: 0 5px;
	}
	.tableHover .mTableWidth:nth-child(3) {
		width: 34%;
	}
	.mypage .member_box .info_box,
	.mypage .member_box .info_box.mTableBox {
		padding: 20px 10px;
	}
	.mypage .tbl_box table td ,
	.mypage .tbl_box table.v2 td {
		padding: 0 4px;
	}
}