/*wrap*/
#wrap{position:relative;
    padding-top:100px;}






/*swiper*/
.swiper-container{position:relative;}
.swiper-slide .text{position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    background:rgba(255,255,255,0.5);
    width: 40%;
    padding: 4% 0;}
.swiper-slide .text h1{
    font-size:1.9vw;
    line-height:2vw;
    color:#333;
    font-weight:600;
}
.swiper-slide .text p{
    font-size:1.2vw;
    line-height:2vw;
    color:#333;
}

@media(min-width:768px) and (max-width:1279px){
    .swiper-slide .text{
        width:50%;
        padding:5% 0 4%;}
    .swiper-slide .text h1{
        font-size:2.3vw;
        line-height:1vw;
    }
    .swiper-slide .text p{
        font-size:1.3vw;
        line-height:2vw;
    }
}
@media(max-width:767px){
    .swiper-slide .text{width:100%;
        padding:60px 0;
        background:rgba(255,255,255,0.9);}
    .swiper-slide .text h1{font-size:30px; line-height:20px; color:#333;}
    .swiper-slide .text p{font-size:18px; line-height:25px; color:#333;}
}
@media(max-width:499px){
    .swiper-slide .text h1{font-size:22px; line-height:20px; color:#333;}
    .swiper-slide .text p{font-size:15px; line-height:22px; color:#333;}
}
@media(max-width:379px){
    .swiper-slide .text h1{font-size:22px; line-height:20px; color:#333;}
    .swiper-slide .text p{font-size:13px; line-height:20px; color:#333;}
}