.sl{
    background-color:#fff
}
.section.kv{
    background-image: url(../images/ub/ub_synla_kv_pc.jpg);
}
.section.kv .text-container .logo{background-color: transparent; width: calc(4vw * 4); height: auto;}
@media screen and (max-width: 640px) {
   .section.kv{
        height: calc(100vh - 21.06666666666667vw);
        background-image: url(../images/ub/ub_synla_kv_sp.jpg);
    } 
    .section.kv .titlesl{
        font-size: 8vw;
        transform: none;
        text-align: left;
    }
    .section.kv .text-container{
        margin-left: 10.66666666666667vw;
    }
    .section.kv .text-container .text{
        font-size: 3.933333333333333vw;line-height: 2;
    }
    .section.kv .text-container .sub-title{
        font-size: 5.6vw;    
        margin-top: 18%;
        margin-bottom: 8%;
    }
	.section.kv .text-container .logo{    
		width: calc(8vw * 4);
    	margin-bottom: 2vw;
	}
    .section-1, .section-2, .section-3, .section-4{
        padding: 0;
    }
    .section-1 .title{
        font-size: 8.8vw;
        padding: 0 10.66666666666667vw;
    }
    .section-1 .title small{
        font-size:5.866666666666667vw;
    }
    .section-1 .sub-title, .section-2 .sub-title, .section-3 .sub-title, .section-4 .sub-title{
        padding: 0 10.66666666666667vw;
        font-size: 4.533333333333333vw;
    }
    .section-1 .sub-title-2, .section-3 .sub-title-2, .section-4 .sub-title-2{
        padding: 0 10.66666666666667vw;
    }
    .section-1 .text, .section-2 .text, .section-3 .text, .section-4 .text{
        padding: 0 10.66666666666667vw;
    }
    .section-1 .sub-title-2, .section-3 .sub-title-2, .section-4 .sub-title-2 {
        font-size: 5.333333333333333vw;
        padding: 0 10.66666666666667vw;
    }
    .section-1 .text, .section-2 .text, .section-3 .text, .section-4 .text{
        font-size: 3.733333333333333vw;        margin-bottom: 6vw;
    } 
    .section-1 .text br, .section-2 .text br, .section-3 .text br, .section-4 .text br{
        display: none;
    }
    .section-1 .img-tips{
        position: absolute;
        bottom: 0%;
        font-size: 3.2vw;
        color: #fff;
        text-align: left;
        padding: 0 11vw;
    }

    .section-2 > .content, .section-3 > .content, .section-4 > .content{
        flex-direction: column;
        flex-wrap: nowrap;
        padding: 0 10.66666666666667vw;
    }
    .section-2 > .content .right .bottom .title{
        font-size: 5.333333333333333vw;
    }
    .section-2 > .content .left-img{
        width:100%;
    }
    .section-2 > .content .right{
        width: 100%;        margin-top: 1.3vw;
    }
    .section-2 > .content .right .top .right.img{
        height: 40vw;
    }
    .section-2 > .content .right .top .right-2.img{
/*        height: auto;*/
    }
    .section-2 > .content .right .bottom .text{
        padding: 0;
    } 
    .section-3 .text .tips{
        display: block;font-size: 90%;
    }
    .section-3 > .content .left, .section-3 > .content .right{
        width: 100%;
    }
    .section-3 > .content .left .text, .section-3 > .content .right .text{
        padding: 0;
    }
    .section-4 {
        padding-bottom: 5vw; 
    }
    .section-4 .sub-title{
        margin-top: 0;        font-size: 4.533333333333333vw !important;
    }
    .section-4 .content {
        margin-top: 8vw !important;
    }
    .section-4 > .content .left,.section-4 > .content .right{
        width: 100%;
    }
    .section-4 > .content .right{
        margin-top: 5vw;
        display: flex;
        flex-direction: column;
    }
    .section-4 > .content .left .sub-title-2{
        padding: 0;
    }
    .section-4 .content .text{
        font-size: 3.733333333333333vw;
        padding: 0;
        position: static !important;
        margin-top: 3vw;
    }
    .section-4 .img1{
        margin: auto;
        width: 78.666666666666668vw;
    }
    .section-4 .content .content{
        position: static;
        margin-top: 0 !important;
    }
    .section-4 .content .content .img{
        width: 42vw;
        margin-right: 3vw;
    }
}