@charset "utf-8";
*{margin:0;padding:0;list-style:none;border:0;}
body{width:100%;margin:0 auto;}

/* main_image */
.main_visual{height:100%;overflow:hidden;position:relative;}
.main_image{height:100%;overflow:hidden;position:relative;}
.main_image ul{width:9999px;height:100%;overflow:hidden;position:absolute;top:0;left:0}
.main_image li{float:left;width:100%;height:100%;}
.main_image li span{display:block;width:100%;height:100%}
.main_image li a{display:block;width:100%;height:100%}
.main_image li .img_1{
    background:url('../images/img_main_1.jpg')  no-repeat center center;
    background-size: 100%;
}
.main_image li .img_2{
    background:url('../images/img_main_2.jpg') center center no-repeat;
    background-size: 100%;
}
.main_image li .img_3{
    background:url('../images/img_main_3.jpg') center center no-repeat;
    background-size: 100%;
}
.main_image li .img_4{
    background:url('../images/img_main_4.jpg') center center no-repeat;
    background-size: 100%;
}
.main_image li .img_5{
    background:url('../images/img_main_5.jpg') center center no-repeat;
    background-size: 100%;
}


div.flicking_con{
    position:absolute;
    bottom:2rem;
    left:50%;
    z-index:796;
    width:300px;
    height:1rem;
    margin:0 0 0 -30px;
}
div.flicking_con a{
    float:left;
    width:0.6rem;
    height:0.6rem;
    margin:0 0.5rem;
    padding:0;
    background:#fff;
    display:block;
    text-indent:-1000px;
    opacity: 0.4;
    border-radius: 50%;
}
div.flicking_con a.on{
    float:left;
    width:1.2rem;
    height:0.6rem;
    margin:0 0.5rem;
    padding:0;
    background:#fff;
    display:block;
    text-indent:-1000px;
    opacity: 1;
    border-radius: 35%;
}