@media screen and (max-width:1350px){
    /*header*/
    #wrap header .h_inner {width:90%;}
    
    /*section1*/
    #wrap #container #s1 {
        width:100%; height:500px;
        background-position:center top;
    }
    #wrap #container #s1 .s1_txt {width:90%;}
    #wrap #container #s1 .s1_txt h2 {font-size:2.8rem;}
    #wrap #container #s1 .s1_txt p {font-size:2.0rem;}
    
    /*section2*/
    #wrap #container #s2 {height:100%;}
    #wrap #container #s2 .s2_inner {
        width:90%;
        background:rgba(0, 0, 0, .01) url(../img/a_s2_img.png) no-repeat right bottom;
        padding:130px 0;
    }
    #wrap #container #s2 .s2_inner > img {display:none;}
    #wrap #container #s2 .s2_inner .s2_right {margin:0 auto;}
    
    /*section3*/
    #wrap #container #s3 {height:100%; padding:60px 0;}
    #wrap #container #s3 .s3_inner {width:90%;}
    #wrap #container #s3 .s3_inner .s3_img {width:31.57%; height:400px;}
    #wrap #container #s3 .s3_inner .s3_img p {height:80px; line-height:80px; font-size:2.3rem;}
    
    /*section4*/
    #wrap #container #s4 {padding:120px 0;}
    #wrap #container #s4 .s4_inner {
        width:90%;
        display:flex; flex-flow:wrap column;
        align-items:center;
    }
    #wrap #container #s4 .s4_inner .s4_item > div {margin-bottom:50px;}
    #wrap #container #s4 .s4_inner .s4_item > div img {margin-right:100px;}
    
    
    
    /*footer*/
    #wrap footer .f_inner {width:90%;}
}

/*1200*/
@media (max-width:1200px){
    #wrap #container #s3 .s3_inner {width:95%;}
    #wrap #container #s3 .s3_inner .s3_img {height:350px;}
}

/*780*/
@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 {height:400px;}
    #wrap #container #s1 h2 {font-size:2.5rem !important;}
    #wrap #container #s1 p {
        font-size:1.8rem !important; line-height:1.3;
        margin:20px 0 30px;
    }
    
    /*section2*/
    #wrap #container #s2 .s2_inner {padding:80px 0; background-size:200px; background-position:center center;}
    #wrap #container #s2 .s2_inner .s2_right h2 {font-size:2.8rem;}
    
    /*section3*/
    #wrap #container #s3 .s3_inner .s3_img {height:300px;}
    #wrap #container #s3 .s3_inner .s3_img p {height:60px; line-height:60px; font-size:2.0rem;}
    
    /*section4*/
    #wrap #container #s4 {padding:60px 0;}
    #wrap #container #s4 .s4_inner h2 {font-size:2.8rem; margin-bottom:60px;}
    #wrap #container #s4 .s4_inner .s4_item > div {margin-bottom:30px;}
    #wrap #container #s4 .s4_inner .s4_item > div img {margin-right:80px;}
    
    /*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%;}
}
/*500*/
@media (max-width:500px){
    #wrap #container #s4 .s4_inner .s4_item > div img {width:30px; margin-right:30px;}
}