#mainContainer{
    background: url(./../../images/mobile3.png) center top / cover no-repeat;
    min-height: 100vh;
}

#visual_text{
    width: 100%;
    padding: 90px 0 50px 0;
    font-size: 0.8em;
    color: #fff;
    text-shadow: 0 2px 8px rgba(0,0,0,0.45);
}

#visual_text p{
    font-size: 1.1em;
    line-height: 1.4;
}

#visual_text h2{
    font-size: 2.4em;
    margin-top: 10px;
    line-height: 1.15;
}

.wbr{
    display: block;
}

.main-banner{
    height: 190px;
    padding: 15px 30px;
}

.banner-01,
.banner-02{
    background-position: 95% 70px;
}

.main-banner .title{
    font-size: 1.6em;
    margin-bottom: 10px;
}

.main-banner .banner-btn{
    bottom: 10px;
}

@media screen and (max-width:420px){
    html, body{
        min-width: 320px;
    }

    #visual_text{
        padding: 70px 0 40px 0;
    }

    #visual_text h2{
        font-size: 2.1em;
    }

    #visual_text p{
        font-size: 1em;
    }
}