@charset "utf-8";

@import "layout.css";

/*main*/
#content{margin:0 auto 60px;}

.visual_area{position:relative;width:100%;height:519px;padding-bottom:1px;text-align:center;overflow:hidden;}
.visual_area .visual_slider > li{width:100%;height:519px;background-position:center center;background-size:cover;background-repeat:no-repeat;}
.visual_area .visual_slider > li > a{display:block;width:100%;height:100%;}
.visual_area .bx-wrapper{text-align:center;}
.visual_area .bx-controls{display:inline-block;text-align:center;}
.visual_area .bx-controls .bx-pager{position:relative;top:-46px;z-index:100;}
.visual_area .bx-controls .bx-pager .bx-pager-item{display:inline-block;margin:0 7px;}
.visual_area .bx-controls .bx-pager .bx-pager-item > a{display:block;width:15px;height:15px;background:url('../images/main/nav_main_bnr.png') no-repeat -30px 0;text-indent:-9999em;overflow:hidden;}
.visual_area .bx-controls .bx-pager .bx-pager-item > a.active{background-position:0 0;}

.menu_solution{margin-top:40px;}
.menu_solution .list:after{content:"";display:block;clear:both;}
.menu_solution .list > li{position:relative;float:left;width:calc(33.3333% - 10px);height:238px;margin-left:15px;padding:37px 0 0 30px;background-color:#f0f0f0;}
.menu_solution .list > li:first-child{margin-left:0;}
.menu_solution .list > li.mail{background:#f0f0f0 url('../images/main/bg_menu_solution1.png') no-repeat 100% 100%;}
.menu_solution .list > li.survey{background:#f0f0f0 url('../images/main/bg_menu_solution2.png') no-repeat 100% 100%;}
.menu_solution .list > li.newsletter{background:#f0f0f0 url('../images/main/bg_menu_solution3.png') no-repeat 100% 100%;}
.menu_solution .list > li > h2{font-size:24px;color:#222222;font-weight:700;}
.menu_solution .list > li .txt{margin-top:18px;font-size:14px;color:#222222;line-height:1.5;}
.menu_solution .list > li .btn_go{display:block;position:absolute;left:30px;bottom:45px;width:100px;height:34px;line-height:34px;font-size:14px;color:#222222;text-align:center;border:1px solid #222222;}

.ad_banner{margin-top:20px;}

.menu_info{margin-top:20px;}
.menu_info:after{content:"";display:block;clear:both;}
.menu_info h2{margin-bottom:25px;font-size:30px;font-weight:400;}
.menu_info .notice_area{float:left;width:380px;height:260px;padding:40px 40px 0;background-color:#00aaed;color:#fff;}
.menu_info .notice_area .text{display:block;color:#fff;font-size:16px;line-height:2;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.menu_info .service_area{float:left;width:760px;height:260px;padding-top:40px;background:url('../images/main/bg_menu_service.jpg') no-repeat 0 0;color:#fff;overflow:hidden;}
.menu_info .service_area .service1{position:relative;float:left;width:50%;padding:0 30px;min-height:182px;}
.menu_info .service_area .service2{position:relative;float:left;width:50%;padding:0 30px;min-height:182px;border-left:1px solid #fff;}
.menu_info .service_area .service2{}
.menu_info .service_area .text{font-size:14px;line-height:1.6;}
.menu_info .service_area .btn_go{display:block;position:absolute;left:30px;bottom:0;width:100px;height:34px;line-height:34px;font-size:14px;color:#fff;text-align:center;border:1px solid #fff;}

.link_client{position:relative;margin-top:20px;padding:26px 73px;border:1px solid #cdcfcc;}
.link_client .list_wrap{width:994px;overflow:hidden;}
.link_client .list{white-space:nowrap;font-size:0;}
.link_client .list > li{display:inline-block;padding:0 8px;width:142px;font-size:0;}
.link_client .list > li > a{display:block;font-size:16px;text-align:center;}
.link_client .list > li img{width:118px;}
.link_client .btn_prev{display:block;width:10px;height:15px;position:absolute;left:30px;top:40px;background:url('../images/main/btn_prev.png') no-repeat 0 0;text-indent:-9999em;overflow:hidden;}
.link_client .btn_next{display:block;width:10px;height:15px;position:absolute;right:30px;top:40px;background:url('../images/main/btn_next.png') no-repeat 0 0;text-indent:-9999em;overflow:hidden;}
.link_client a.disabled{opacity:0.3;cursor:default;}
.bnr_wing_right{top:0;}