@media screen and (max-width:1350px){
    /*header*/
    #wrap header .h_inner {width:90%;}
    
    /*section1*/
    #wrap #container #s1 .s1_txt {
        width:90%; font-size:2.8rem;
        bottom:30px;
    }
    
    /*section3*/
    #wrap #container #s3 .s3_inner {
        width:98%; justify-content:space-around;
    }
    #wrap #container #s3 .s3_inner .s3_l_img {width:52%; top:0;}
    #wrap #container #s3 .s3_inner .s3_right {width:32%;}
    #wrap #container #s3 .s3_inner .s3_r_img {width:6.4%;}
    
    /*section4*/
    #wrap #container #s4 {height:800px; padding:80px 0 70px;}
    #wrap #container #s4 .s4_inner {width:98%;}
    #wrap #container #s4 .s4_inner .s4_item img {width:48%;}
    .active_r {left:56%;}
    #wrap #container #s4 .s4_inner .s4_link {bottom:10px;}
    
    
    /*section5*/
    #wrap #container #s5 .s5_inner {width:98%;}
    #wrap #container #s5 .s5_inner .s5_right {justify-content:center;}
    #wrap #container #s5 .s5_inner .s5_right .s5_link {
        position:relative;
    }
    
    /*section6*/
    #wrap #container #s6 ul {width:80%;}
    
    /*footer*/
    #wrap footer .f_inner {width:90%;}
}

/*1140px*/
@media (max-width:1140px){
    /*section5*/
    #wrap #container #s5 .s5_inner {
        width:98%;
        flex-flow:wrap column; align-items:center;
    }
    #wrap #container #s5 .s5_inner .s5_left {
        width:98%;
    }
    #wrap #container #s5 .s5_inner .s5_right > img {
        right:0;
    }
    #wrap #container #s5 .s5_inner .s5_right {
        margin-top:50px; align-items:center;
    }
}

/*780px*/
@media (max-width:780px){
    /*nav*/
    #wrap header .h_inner .h_left nav {display:none;}
    
    /*hambuger*/
    #wrap header .h_inner .h_right .hambuger {display:block;}
    
    /*section1*/
    #wrap #container #s1 .s1_txt {
        font-size:1.8rem; line-height:1.2;
    }
    
    /*section2*/
    #wrap #container #s2 {padding:40px 0 30px;}
    #wrap #container #s2 h2 {font-size:2.3rem;}
    #wrap #container #s2 p {font-size:1.3rem; margin:8px 0 40px;}
    #wrap #container #s2 .s2_item {width:90%;}
    #wrap #container #s2 .s2_item div {margin-bottom:50px;}
    #wrap #container #s2 .s2_item div a img {width:80px; height:80px;}
    #wrap #container #s2 .s2_item div a span {font-size:1.3rem; top:90px;}
    
    /*section3*/
    #wrap #container #s3 .s3_inner .s3_l_img {display:none;}
    #wrap #container #s3 .s3_inner .s3_right {width:90%;}
    #wrap #container #s3 .s3_inner .s3_r_img {top:-10px;}
    
    /*section4*/
    #wrap #container #s4 {height:500px; padding:30px 0;}
    #wrap #container #s4 .s4_inner h2 {font-size:2.3rem;}
    #wrap #container #s4 .s4_inner p {
        font-size:1.3rem; margin:13px 0 50px;
    }
    #wrap #container #s4 .s4_inner .s4_link {
        font-size:1.0rem; width:150px; height:30px;
        line-height:30px;
    }
    #wrap #container #s4 .s4_inner .s4_link img {top:1px;}
    
    /*section5*/
    #wrap #container #s5 {padding:30px 0;}
    #wrap #container #s5 .s5_inner .s5_left .s5_tit {font-size:2.3rem; margin-bottom:30px;}
    #wrap #container #s5 .s5_inner .s5_left .s5_txt {font-size:1.3rem; line-height:1.3;}
    #wrap #container #s5 .s5_inner .s5_right > img {width:80%;}
    
    /*section6*/
    #wrap #container #s6 {height:200px;}
    #wrap #container #s6 ul li img {height:50px;}
    #wrap #container #s6 ul li span {font-size:1.5rem;}
    
    /*footer*/
    #wrap footer {height:400px;}
    #wrap footer .f_inner {padding:40px 0;}
    #wrap footer .f_inner .f_top {font-size:1.5rem;}
    #wrap footer .f_inner .f_top .f_follow .social_link {width:100px;}
    #wrap footer .f_inner .f_top .f_follow .social_link a img {width:22px;}
    #wrap footer .f_inner .f_top .f_about {margin-left:31.51%;}
}

/*580px*/
@media (max-width:580px){
    /*section2*/
    #wrap #container #s2 .s2_item div {
        width:calc(100% / 3); margin-bottom:20px;
    }
    
    /*section4*/
    #wrap #container #s4 {height:400px; padding:30px 0;}
    #wrap #container #s4 .s4_inner p {margin:13px 0 40px;}
    
    /*section6*/
    #wrap #container #s6 ul {width:98%;}
}
















