@charset "UTF-8";

#main_visual{width:100%;}
#main_visual .flexslider{width:100%; position:relative;}
#main_visual .flexslider .slides li{width:100%;}
#main_visual .flexslider .slides li .img{width:100%; padding-bottom:50%; position:relative;}
#main_visual .flexslider .slides li .img img{width:100%; height:100%; position:absolute; top:0; left:0;}

#main_visual .flexslider .flex-control-nav{width:100%; text-align:center; position:absolute; bottom:10px; left:0;}
#main_visual .flexslider .flex-control-nav li{display:inline-block; margin:0 4px;}
#main_visual .flexslider .flex-control-nav li a{text-indent:101%; white-space:nowrap; overflow:hidden; display:inline-block; width:15px; height:15px; background:url("../images/visual_off.png") no-repeat;}
#main_visual .flexslider .flex-control-nav li a.flex-active{background:url("../images/visual_on.png") no-repeat;}

#main_cont{width:100%; padding:20px 5px 30px 5px; box-sizing:border-box;}

#main_cont .top{width:100%;}
#main_cont .top .box{width:100%; margin-bottom:20px;}
#main_cont .top .box h2{font-size:16px; line-height:30px; color:#4b4bde; position:relative; font-weight:500; border-bottom:3px solid #4b4bde;}
#main_cont .top .box h2 img{margin:0 7px;}
#main_cont .top .box h2 a img{margin:0; position:absolute; top:7.5px; right:3px;}
#main_cont .top .box ul{width:100%; background:#eee;}
#main_cont .top .box ul li{width:100%; background:#eee; padding:10px 7px; box-sizing:border-box; border-bottom:1px solid #a9a9a9; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-wrap:break-word; line-height:22px;}
#main_cont .top .box ul li img{margin-right:7px;}

#main_cont .bottom{width:100%;}
#main_cont .bottom h2{font-size:16px; line-height:30px; color:#4b4bde; position:relative; font-weight:500; border-bottom:3px solid #4b4bde;}
#main_cont .bottom h2 img{margin:0 7px;}
#main_cont .bottom h2 a img{margin:0; position:absolute; top:7.5px; right:3px;}

#main_cont .bottom .slide_comp{width:100%; background:#eee; padding:15px 28px; position:relative; box-sizing:border-box;}
#main_cont .bottom .slide_comp li{width:100%; overflow:hidden;}
#main_cont .bottom .slide_comp li .img{width:100%; overflow:hidden; position:relative; padding-bottom:100%;}
#main_cont .bottom .slide_comp li .img img{max-width:100%; width:auto; max-height:100%; height:auto; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto;}
#main_cont .bottom .slide_comp li .txt{width:100%; font-size:14px; line-height:30px; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-wrap:break-word;}

#main_cont .bottom .slide_comp .flex-direction-nav .flex-prev{text-indent:101%; white-space:nowrap; overflow:hidden; display:inline-block; width:28px; height:30px; background:url("../images/main_comp_left.png") no-repeat center; position:absolute; top:50%; left:0; margin-top:-30px; z-index:99;}
#main_cont .bottom .slide_comp .flex-direction-nav .flex-next{text-indent:101%; white-space:nowrap; overflow:hidden; display:inline-block; width:28px; height:30px; background:url("../images/main_comp_right.png") no-repeat center; position:absolute; top:50%; right:0; margin-top:-30px; z-index:99;}