@media screen and (max-width:1700px) {
    .main .main-banner .main-title::after{
        display: none;
    }
.main .txt{margin-top:0}
.sub_tit .desc br{display:none}
}
@media screen and (max-width:1400px) {
    /* main */
    .main .main-banner .main-title h2{
        font-size: 5.6rem;
    }




    .main .main-banner .main-title p{
        font-size: 2rem;
    }




    .section-title h2{
        font-size: 5.6rem;
    }




    .section-title p{
        font-size: 2rem;
    }
    .main-intro .intro-wrap .intro-item{
        font-size: 1.8rem;
    }
    .main-intro::before, .main-approach::before{
        display: none;
    }
    .sub-product .product-list{
        grid-template-columns: repeat(3, 1fr);
        gap: 4rem;
    }
    .about_wrap .sub_tit{flex-direction: column;gap: 20px;}
    .about_wrap .sub_tit .bar{height: auto;}
    .about_wrap .sub_tit .bar::after{width: 100px; height: 2px; left: 50%; transform: translateX(-50%);}
    .about_wrap .sub_tit .desc{padding-left: 0;margin-top: 10px;}
    .about_wrap .vision ul li{flex-direction: column;align-items: start;}
}




@media screen and (max-width:1199px) {
    .main .txt .tit{font-size: 42px; line-height:60px}
    .main .txt .desc{font-size: 20px;}
    .main .bot_wrap img{max-width: 250px;}


    .main .bot_wrap{margin-top:170px}


        .sub_tit .tit{font-size: 36px;}
        .sub_tit .desc{font-size: 24px;}




    .ct_wrap .inner{gap:40px}
    .sub_tit .tit span{font-size:28px}
    .main .txt .logo img{max-width:100%}



    .about_wrap .work ul{grid-template-columns:repeat(1, 1fr)}
    .about_wrap .work li .work_content{min-height: 300px;}
    .about_wrap .work li:first-child .work_content{background-size: cover;}
    .about_wrap .work li:nth-child(2) .work_content{background-size: cover;}
    .about_wrap .work li:nth-child(3) .work_content{background-size: cover;}
    .about_wrap .work li:nth-child(4) .work_content{background-size: cover;}
    .about_wrap .work li:nth-child(5) .work_content{background-size: cover;}



    .main{padding:6rem 0}


    .about_wrap .vision{flex-direction: column;}
    .about_wrap .vision_left{width: 60%;}
    .about_wrap .vision_left img{margin: 0 auto;}
    .about_wrap .vision ul li{flex-direction: row;}
}




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




    /* main */
    .main{padding: 6rem 4rem;}
    .main .txt{text-align: center;margin-top:0}
    .main .bot_wrap{flex-direction: column-reverse; justify-content: center; align-items: center;}
    .main .bot_wrap .copy{margin-top: 50px;}
    .main .txt .logo{padding: 0 4rem}
    .main .txt .tit{font-size: 32px;}
    .main .txt .desc{font-size: 16px;padding:0 12rem;margin-top:20px}
     .main .txt .desc br{display:none}


    /* subpage */
    .sub_tit .tit{font-size: 28px;}
    .sub_tit .desc{font-size: 20px;}
    .main .bot_wrap img{max-width: 200px;}


    .ct_wrap .inner{ flex-direction: column}
    .sub_tit .tit span{font-size:20px}
    .about_wrap .vision ul{grid-template-columns: repeat(1, 1fr);gap: 20px;}
    .about_wrap .data ul{gap: 20px;}
    .about_wrap .data ul li .num{font-size: 60px;}
    .about_wrap .sub_tit .tit{font-size:40px}
    .about_wrap .sub_tit .desc{font-size:20px}
    .about_wrap .sub_tit .desc::before{height:80%}


    .about_wrap .sub_tit{text-align: center;}
    .about_wrap .sub_tit .tit{font-size: 28px;}
    .about_wrap .sub_tit .desc{font-size: 16px;width: 80%}


    .about_wrap .vision ul{width: 100%;}
    .about_wrap .vision ul li{flex-direction: column;}
    .about_wrap .vision ul li .tit{font-size: 20px;}
    .about_wrap .vision ul li .desc{font-size: 16px;}
}




@media screen and (max-width:599px) {
    /* main */
    .main{padding: 6rem 2rem;background-position-y: 30%;}
    .mo_only{display: block;}
    .main .txt .tit{font-size: 28px;}
    .main .txt .desc{font-size: 14px;padding:0}
    .main .txt .desc br{display: none;}
    .main .bot_wrap .copy{font-size: 14px;}
.main .txt .logo{padding:0}
.main .txt .tit{padding:0}


    /* subpage */
    .sub_tit .tit{font-size: 24px;}
    .sub_tit .desc{font-size: 16px;}
    .down a{font-size: 16px; padding: 8px 30px; display:inline-block; margin-top:20px}
    .sub_tit{margin-top: 30px;}
    .sub_bnn{height:inherit; padding-top:120px}
    .pj_cont{margin-top:30px}
    .sub_bnn .title{padding:3rem 0}
    .main .txt .tit span{font-size:22px;display: block;line-height: 34px;margin-bottom: 10px;}
    .main .bot_wrap img{max-width:120px}
    .about_wrap .data ul{grid-template-columns: repeat(1, 1fr);}
    .about_wrap .sub_tit{margin-bottom: 50px;}
    .about_wrap .sub_tit .desc{font-size: 16px;}
    .about_wrap .sub_tit .desc::before{height: 100%;}
    .about_wrap .vision > .tit{font-size: 28px;width: 100px;margin: 0px auto 30px;}
    .about_wrap .data > .tit{font-size: 28px;width: 100px;margin: 50px auto 30px;}
    .about_wrap .work > .tit{font-size: 28px;width: 100px;margin: 50px auto 30px;}
    .about_wrap .vision ul li .txt{font-size: 18px;}
    .about_wrap .data ul li .txt{font-size: 16px;}
    .about_wrap .vision ul li .tit{font-size: 20px;}
    .about_wrap .data ul li .num{font-size: 30px;}
    .about_wrap .work li .work_content .tit{font-size: 18px;}
    .about_wrap .sub_tit .tit{font-size:24px}
    .about_wrap .sub_tit .desc{font-size:16px}
    .about_wrap .sub_tit .desc::before{height:80%}
    .main .txt .tit span br{display:none}


    .about_wrap .vision_left{width: 80%;}
    .about_wrap .vision ul li{padding: 15px 0;}
    .about_wrap .vision ul li .tit{font-size: 18px;}
    .about_wrap .vision ul li .desc{margin-top: 5px; font-size: 14px;}
    .about_wrap .vision ul li img{width: 150px;}
    .about_wrap .vision ul li:nth-child(3) img{margin-left: -20px;}
	.about_wrap .vision ul li div{text-align:left !important}
	.about_wrap .vision ul li a{font-size:14px}
}