@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;
    }
}



@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}
}



@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%}
}



@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{padding: 20px;}
.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:28px}
.about_wrap .sub_tit .desc{font-size:16px}
.about_wrap .sub_tit .desc::before{height:80%}
.main .txt .tit span br{display:none}

}