@charset "utf-8";


/* main_image */
.main_visual{min-height:502px;border-top:1px solid #d7d7d7;overflow:hidden;position:relative;margin:0;padding:0;list-style:none;border:0;}
.main_image{min-height:502px;overflow:hidden;position:relative;}
.main_image ul{width:9999px;min-height:502px;overflow:hidden;position:absolute;top:0;left:0}
.main_image li{float:left;width:100%;min-height:502px;}
.main_image li span{display:block;width:100%;min-height:502px}
.main_image li a{display:block;width:100%;min-height:502px}
.main_image li .img_1{background:url('../images/banner_1.jpg') center top no-repeat}
.main_image li .img_2{background:url('../images/banner_2.jpg') center top no-repeat}
.main_image li .img_3{background:url('../images/banner_3.jpg') center top no-repeat}

div.flicking_con{position:absolute;top:450px;left:51%;z-index:999;width:300px;height:21px;margin:0 0 0 -50px;}
div.flicking_con a{float:left;width:21px;height:21px;margin:0;padding:0;background:url('../images/btn_main_img.png') 0 0 no-repeat;display:block;text-indent:-1000px}
div.flicking_con a.on{background-position:0 -21px}
#btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:100px!important;height:101px!important;top:50%;margin-top:-48px;display:none;}
#btn_prev{background:url(../images/hover_left.png) no-repeat left top;left:100px;}
#btn_next{background:url(../images/hover_right.png) no-repeat right top;right:100px;}


@media screen and (max-width: 1080px) {
    div.flicking_con{top:85%;}
	.main_visual,.main_image,.main_image ul,.main_image li,.main_image li span{min-height: 360px;    background-size: cover !important; background-position: center center !important;}
}

@media screen and (max-width: 900px) {
	.main_visual, .main_image, .main_image ul, .main_image li, .main_image li span{
        min-height: 320px;
    }
}



@media screen and (max-width: 768px) {
	.main_visual, .main_image, .main_image ul, .main_image li, .main_image li span{
        background-position: center top !important;
        min-height: 270px;
        margin:0;
    }
}
@media screen and (max-width: 460px) {
	.main_visual, .main_image, .main_image ul, .main_image li, .main_image li span{
        background-position: center top !important;
        min-height: 145px;
    }
}