.bg_f{
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
}

.bg{
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

@media only screen and (max-width: 1400px) {
    #pic{
        width:35%;max-width:35%;
    }
    #text{
        width:65%;max-width:65%;
    }
}

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

@media only screen and (max-width: 1100px) {
}

/*IPAD HORIZONTAL*/
@media only screen and (max-width: 1024px) {
    .bg_f{
        background-attachment: scroll;
    }
}

/*IPAD VERTICAL*/
@media only screen and (max-width: 860px) {
    #pic{display:none}
    .wp .in {padding:0;}
    #text{max-width:100%;width:100%; height:auto;padding-bottom: 10px;}
    .wp_pad{padding:25px 15px;}
    #main-wp{padding-top:0; padding-bottom:0}
    #resp-head{display:block;
        background-position-x: 100%;
        background-position-y: 55%;}
    main{height: auto; min-height:none;}
    #step-ico-ct{padding-left:10px; padding-right:10px}
    #step-line{width:calc(100% - 25px);}
    .sub_tit_ct{
        margin-top: 25px;
    }


}

/* PHONES HORIZONTAL */
@media only screen and (max-width: 535px) {
    #tit-wp {
        margin-top: 45px;
    }
}

/* PHONES HORIZONTAL */
@media only screen and (max-width: 414px) {
    .tab{
        background: red;
    }

    .header_site img{max-width:260px; padding:30px;}
    .tit_red{
        font-size:30px;
    }
    .sub_tit_ct p{
        font-size:13px;
    }

    #step-ico-ct svg {
        width: 29px;
    }
    #step-ico-ct div.it {
        width: 50px;
        height:50px;
    }
    #gratis-icon img{
        top:140px;
    }
}