@media (max-width:1280px){
    header {
        width:100%;
        padding:0 3%;
    }
    header .h_right {display:none;}
    header .hambug {display:flex;}
}
@media (max-width:1700px){
    .inner {width:90% !important;}
    .footer2 .f_inner {width:90%;}
}
@media (max-width:1180px){
    html {font-size:50%;}
}
@media (max-width:980px){
    /* footer */
    .footer2 .f_inner .f_con .f_top {
        flex-direction:column;
    }
    .footer2 .f_inner .f_con .f_top > div {
        text-align:center !important;
        white-space:normal;
        width:100%;
        margin-bottom:3rem;
    }
    .footer2 .f_inner .f_con .f_top > div h2 {margin-bottom:1rem;}
    .footer2 .f_inner .f_con .f_btm {
        margin-top:3rem;
        margin-bottom:4rem;
    }
}
@media (max-width:700px){
    #fp-nav ul, .fp-slidesNav ul {
        position:relative;
        right:-2rem;
    }
    html {font-size:40%;}
    header {height:50px;}
    header h1 a img {width:100%;}
}

@media (max-width:480px){
    /* header */
    header h1 {
        position:absolute;
        left:50%;
        transform:translateX(-50%);
    }
}

@media (max-width:300px){
    html {font-size:35%;}
}