@charset "utf-8";


@media only screen and (max-width:1200px){
    .container{
        width:100%;
        padding:50px 20px;
    }
}

@media only screen and (max-width:980px){
    .visual .txt_area dt br{
        display:block;
    }
}

@media only screen and (max-width:760px){
    .visual{
        padding:45px 0 0 0;
    }
    .visual .txt_area{
        margin-bottom:60px;
    }
    .visual .txt_area dt{
        font-size:35px;
        margin-bottom:10px;
    }
    .visual .txt_area dd{
        font-size:16px;
    }
    .visual .img_area{
        height:250px;
    }
    .container p{
        width:300px;
    }
    .container dt{
        font-size:15px;
        margin:20px 0 5px 0;
    }
    .container dd{
        font-size:12px;
        line-height:17px;
    }
    .container .more_btn{
        width:40px;
        height:40px;
        top:138px;
        right:10px;
    }
    .container .more_btn .plus{
        width:15px;
        left:12px;
    }
    .swiper-slide {
        width:320px;
    }
    .swiper-slide:nth-child(3n) {
        width:300px;
    }
}