@charset "utf-8";

@media screen and (max-width:1600px){
    .sec02 .con-wrap ul.con-flex-bet{width:98%;}
    /* .sec01 .con-img{width:1000px;height:1000px;} */
   
    /* .sec01 .inner>img{width:68%} */
    .cs-bglogo{width:68%}
	footer .inner{width:98%;}
}

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

    .sec02 .con-wrap ul li .conbx h3{font-size:21px;}
    .sec02 .con-wrap ul li .conbx p{font-size:12px;}

   
}

@media screen and (max-width:1024px){
    .inner{width:100%;padding:0 30px;}
    .call{font-size:28px;}

    /* .sec01 .con-img{width:1000px;height:1000px;} */
    /* .sec01{padding:150px 0 0;}
    .sec01 .inner>img{margin-bottom:60px;} */
    .cs-bglogo{margin-bottom:60px;}
    /* .sec01 .con-wrap{display:flex;flex-direction:column-reverse;align-items:center;} */
    section.main .con-txt{display: flex;flex-direction: column;align-items: center;}
    /* .sec01 .con-img{width:80%;margin-bottom:60px;} */
    /* .sec01 .con-img img{width:95%;} */
    section.main .con-txt p{margin-bottom:80px;font-size:15px;}
    section.main .con-txt .m-only{display:flex;height:40px;margin-bottom:80px;padding:0 25px;border-radius:30px;background:#000;color:#fff;font-size:20px;font-weight:500;align-items:center;}
    section.main .con-txt h3{font-size:25px;}


    /* .sec02{padding:150px 0 0;} */
     .sec02 .con-wrap ul.con-flex-bet{width:100%;}
    .sec02 .con-wrap ul li {width:50%;}
    .sec02 .con-wrap ul.con-flex-bet{padding:20px 0 70px;}
    .sec02 .con-wrap ul li:nth-child(2)::after{display:none;}
    .sec02 .con-wrap ul li .conbx:nth-child(2){margin:30px 0 0px;}

    footer{padding:0 30px;}
    footer p{font-size:26px;}
    /* footer .inner{padding:100px 0px 80px;} */
    footer .bt-logo02{width:300px}
    footer .bt-logo01{width:140px;}
    footer h3{font-size:20px;}

    footer .btn-right{width:260px;}

	.cs-sec01 .con-tit h3{font-size:25px;}
	.cs-sec01 .con-txt p{font-size:15px;}
	.cs-sec01 .con-tit p{font-size:16px;}
	.cs-sec01 .con-bt p{font-size:17px;}
	.cs-sec01 .con-bt ul{font-size:32px;}

}

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

    .pc-only{display:none;}
    .m-only{display:block;}
    .br-pc{display:none;}
    .br-m{display:block;}

    header{top:40px;}
    .inner{width:100%;padding:0 20px;}
    /* header{top:20px;} */
    .call{top:25px;right:25px;padding:0 15px;font-size:16px;border-radius:10px;}
    .con-img-logo{width:100px;}

 
    section.main .con-txt h3{margin-top:40px;margin-bottom:15px;font-size:16px;}
    section.main .con-txt p span{margin-bottom:7px;}
    section.main .con-txt p{margin-bottom:50px;font-size:13px;}
    section.main .con-txt .m-only{font-size:17px;padding:0 15px;height:30px;margin-bottom:60px;}

    .sec01{padding:140px 0 0;}
    .sec01 h2{font-size:35px;margin-top:50px;}
    .sec02 .con-wrap ul li{width:100%;}
    .sec02 .con-img>img.m-only{width:100%;}
    .sec02 .con-wrap ul li .conbx{position:relative;}
    .sec02 .con-wrap ul li .conbx::after{content:'';display:block;position:absolute;bottom:-15px;left:50%;width:3px;height:3px;background:#654C26;border-radius: 50%;}
    .sec02 .con-wrap ul li:last-child .conbx:last-child::after, .sec02 .con-wrap ul li::after{display:none;}
    .sec02 .con-wrap ul li .conbx h3{font-size:17px;}
    .sec02 .con-wrap ul li .conbx p{font-size:11px;}

    footer{padding:0 20px;}
    footer .inner{width:100%;padding:40px 0px 30px;}
    footer .con-bt{width:100%;padding: 30px 0 0;margin: 40px auto 0;}
    footer .con-bt>img{width:312px;}
    footer .bt-txt01{width:220px;}
    footer .bt-logo02{width:216px;}
    footer h3{font-size:16px;}
    footer p{font-size:20px;}
    footer .bt-logo01{width:80px;margin-bottom:20px}
    footer .com-info{font-size:10px;}
   

    footer .btn-right{width:145px;height:60px;border-radius:50px 0 0 50px;}
    footer .btn-right>svg{width:101px;}
    footer .btn-right.scroll-stop{top:-30px;}

	.cs-sec01{padding-top:150px}
	.cs-sec01 .con-tit{margin-bottom:20px;}
	.cs-sec01 .con-tit p{font-size:13px;line-height:1.1;}
	.cs-sec01 .con-tit h3{font-size:18px;margin-top:5px;}
	.cs-sec01 .con-txt p{font-size:13px;}
	.cs-sec01 .con-txt{margin-bottom:40px;}
	.cs-sec01 .con-bt p{font-size:12px;}
	.cs-sec01 .con-bt p span{font-size:10px;}
	.cs-sec01 .con-bt{margin-top:40px;}
	.cs-sec01 .con-bt ul{font-size:19px;}
	.cs-sec01 .con-bt ul li{padding:0 10px;}

    /* .contact_form input[type=text],
    .contact_form select,
    .contact_form textarea,
    .contact_form input[type=email],
    .contact_form input[type=tel]{font-size:16px;} */


    .row_tbl, .col_tbl{font-size:12px;}
    .row_tbl th, .col_tbl th, .col_tbl td, .row_tbl td{padding:12px;}

    .intro-img1{width:109px;}
    .intro-img2{width:295px;margin:25px 0 18px;}
    .intro-img3{width:80px;}

    @-webkit-keyframes trans {
        from {
            top:50%;
        }
        to {
            top:0px;
            padding-top:144px;
    
        }
    }
    @keyframes trans {
        from {
            top:50%;
        }
        to {
            top:0px;
            padding-top:144px;
    
        }
    }
    
    .text-block .text-content strong {font-size: 18px}
    .align-items-center.reverse {flex-direction: column-reverse}
    .way-pic03 {display: none}
    .ill_pic img {width: auto; height: 100vw}
}
@media screen and (min-width:500px){
    .col_tbl.display_w {display: table}    
    .col_tbl.display_m {display: none}

    
}
@media screen and (max-width:500px){
    footer .con-bt>img{width:90%;}
    section.main .con-txt p .br-m{display:none;}
    .call{    padding: 0 12px;
        font-size: 14px;
        border: 1px solid #654c26;}
    .col_tbl.display_w {display: none}     
    .col_tbl.display_m {display: table}
    .check_wrap .inBox {flex-direction: column; align-items: baseline;}
    .form_wrap ul.two li {width: 100%}
    .check_list{display: block}
    .check_list span,
    .check_list span:last-child {display: flex; justify-content: flex-start; width: calc(100% / 3); margin:10px 0 0; float: left}
    .gal-swip .swiper-slide p.txt_in, .txt_in {left: 0; right: 0; transform: translate(0,0); width: 100%}
    .gal-swip .swiper-slide p.txt_in, .txt_in {font-size: 11px}
    
    .partners-item-wrap ul li ul li + li {width: 100%}
    .partners-item-wrap ul li ul li {flex:auto; margin: 10px 0}
    .partners-item-wrap>ul>li:nth-child(3), .partners-item-wrap>ul>li:nth-child(4) {margin: 0}
    .plan_wrap {padding: 60px 0}
    
    .plink-block-content.m_col {max-height: initial; height: 200vw}
    .plink-block-content.m_col .con-flex {flex-direction: column; height: 100%}
    .page-link-block .m_col .con-flex .con-l {width: 100%; height: 100vw}
    .page-link-block .m_col .con-flex .con-r {width: 100%; height: 100vw;}
    
    .lang-switch {right: 20px; top:25px;}
    .lang-switch a {font-size: 12px}
}