@charset "utf-8";

.base-container.consumer-main{margin-bottom:60px}
.consumer-main-wrap .visual-area{position:relative;height:360px;margin:0 0 40px;background:url(/resources/images/consumer/img_consumer_main.gif) 0 0 no-repeat}
.consumer-main-wrap .visual-area .tit{position:absolute;top:95px;left:59px;font-size:25px;line-height:35px;font-weight:300;color:#222;letter-spacing:-1px}
.consumer-main-wrap .visual-area .tit strong{font-weight:600}
.consumer-main-wrap .cs-menu-box .box{position:relative;display:block;float:left;width:171px;height:271px;margin-left:10px;margin-bottom:50px;padding-top:30px;border:1px solid #ccc;border-radius:3px;text-align:center}
.consumer-main-wrap .cs-menu-box .box:hover{border-color:#000;box-shadow:1px 1px 3px rgba(0,0,0,0.5)}
.consumer-main-wrap .cs-menu-box .box .tit{position:relative;height:99px;margin:0 0 21px;text-align:center;font-size:17px;font-weight:500;line-height:1;color:#000;letter-spacing:-1px}
.consumer-main-wrap .cs-menu-box .box .tit:after{content:"";position:absolute;left:50%;bottom:0;height:57px;background:url(/resources/images/consumer/ico_illu.png) no-repeat}
.consumer-main-wrap .cs-menu-box .box:nth-child(1){margin:0}
.consumer-main-wrap .cs-menu-box .box:nth-child(1) .tit:after{width:53px;margin-left:-30px;background-position:0 -215px}
.consumer-main-wrap .cs-menu-box .box:nth-child(2) .tit:after{width:55px;margin-left:-28px;background-position:-80px -215px}
.consumer-main-wrap .cs-menu-box .box:nth-child(3) .tit:after{width:43px;margin-left:-20px;background-position:-164px -215px}
.consumer-main-wrap .cs-menu-box .box:nth-child(4) .tit:after{width:55px;margin-left:-25px;background-position:-230px -215px}
.consumer-main-wrap .cs-menu-box .box:nth-child(5) .tit:after{width:44px;margin-left:-21px;background-position:-302px -215px}
.consumer-main-wrap .cs-menu-box .box .txt{color:#666;font-size:14px;line-height:21px;letter-spacing:-1.5px}
.consumer-main-wrap .cs-menu-box .box .txt:after{content:"";position:absolute;left:50%;bottom:25px;width:20px;height:13px;margin-left:-10px;background:url(/resources/images/consumer/ico_illu.png) no-repeat -364px -215px}
.consumer-main-wrap .cs-menu-box .box:hover .txt:after{background-position:-364px -242px}
.consumer-main-wrap .cs-btn-box{overflow:hidden;width:100%}
.consumer-main-wrap .cs-btn-box .box{float:left;width:33.3%;padding:0 0 0 32px;border-left:1px solid #e9e9e9}
.consumer-main-wrap .cs-btn-box .box.lst1{width:285px;padding-left:0;border-left:0}
.consumer-main-wrap .cs-btn-box .box.lst2{width:322px}
.consumer-main-wrap .cs-btn-box .box.lst3{width:288px}
.consumer-main-wrap .cs-btn-box .box .tit{margin-bottom:17px;font-size:17px;line-height:1;font-weight:500;letter-spacing:-1px}
.consumer-main-wrap .cs-btn-box .box .txt{margin-bottom:17px;font-size:14px;line-height:20px;color:#666}
.consumer-main-wrap a.btn-window{padding:0 7px}
.consumer-main-wrap .btn-window:after{margin-left:5px}
.info-step-wrap{margin:0 0 70px;padding:40px 0 0;text-align:center;line-height:21px;font-weight:500}
.info-step-wrap ul{display:inline-block}
.info-step-wrap li{list-style:none;float:left;width:115px;margin-left:20px}
.info-step-wrap li:first-child{margin-left:0}
.info-step-wrap li:before{content:"";display:inline-block;width:100%;height:115px;margin:0 0 10px;background:url(/resources/images/common/ico_illu5.png) no-repeat 0 -282px}
.info-step-wrap li.step2:before{background-position:-165px -284px}
.info-step-wrap li.step3:before{background-position:-330px -284px}
.info-step-wrap li.step4:before{background-position:-488px -284px}
.info-step-wrap li.step5:before{background-position:-645px -284px}
.diagram-wrap{height:745px;background:url(/resources/images/consumer/bg-dia-group1.gif) no-repeat 121px top}
.diagram-wrap .diagram>li{margin-bottom:20px;text-align:center;height:49px;line-height:49px;}
.diagram-wrap .diagram .depth2{margin:40px 0 0 121px;text-align:left;}
.diagram-wrap .diagram ul:after{display:block;content:'';clear:both}
.diagram-wrap .diagram .depth2 li{float:left;text-align:left;width:267px;line-height:normal;}
.diagram-wrap .diagram .depth2 .bul-round{margin-left:30px}
.diagram-wrap .diagram .depth2>li:first-child{margin-right:120px;}
.diagram-wrap .diagram .tit {display:block;padding:15px 0 7px;font-weight:500;text-align:center;}
.diagram-wrap .diagram .depth3{margin-top:35px;text-align:center;}
.diagram-wrap .diagram .depth4{width:480px;margin:20px 0 0 -112px}
.diagram-wrap .diagram .depth4 li{float:left;width:111px;height:111px;margin:0 0 9px 9px;padding-top:40px;text-align:center;}
.diagram-wrap .diagram .depth4 li .tit{margin-top:14px;}
.diagram-group-box dt{margin:0 0 10px;padding:31px 0 0;line-height:1;font-weight:500}
.diagram-group-box dd{font-size:14px;line-height:20px;color:#666}
.diagram-group-box.center{height:217px;background:url(/resources/images/consumer/bg-diagram-center.png) center 0 no-repeat}
.diagram-group-box.center li.lst1{margin:0 0 41px}

.img-lst.type1{background:url(/resources/images/consumer/cons-img-lst01.gif) no-repeat 50% top}
.img-lst.type2{background:url(/resources/images/consumer/cons-img-lst02.gif) no-repeat 50% top}
.img-lst ul{margin:0 auto;}
.img-lst ul:after{display:block;content:'';clear:both}
.img-lst .lst3{width:506px}
.img-lst .lst4{width:679px}
.img-lst li{float:left;width:160px;margin:130px 0 0 13px; text-align:center;font-weight:500;}
.img-lst li:first-child{margin-left:0}
.lst-tree{height:220px;}
.lst-tree .lst5{background:url(/resources/images/consumer/bg-diagram-center2.gif) no-repeat center top;}
.lst-tree .lst6{background:url(/resources/images/consumer/bg-diagram-center.gif) no-repeat center top;}
.lst-tree li strong{display:block;height:50px;line-height:50px;text-align:center;font-weight:500;}
.lst-tree .depth2:after{display:block;content:'';clear:both;}
.lst-tree .depth2{margin:40px 0 0 57px;}
.lst-tree .depth2 li{float:left;width:127px;height:127px;margin-left:37px;padding-top:41px;text-align:center;}
.lst-tree .depth2 li:first-child{margin-left:0;}
.lst-tree .depth2 .tit{display:block;font-weight:500;}
.lst-tree .lst6 .depth2{margin-left:15px}
.lst-tree .lst6 .depth2 li{margin-left:15px;padding-top:27px;}
.bl-lst1 li{display:table;position:relative;padding-top:20px;}
.bl-lst1 li:after{display:block;position:absolute;top:3px;left:177px;content:'';width:25px;height:13px;background:url(/resources/images/consumer/spr-consumer.png) no-repeat right -100px }
.bl-lst1 li:first-child{padding-top:0;}
.bl-lst1 li:first-child:after{display:none;}
.bl-lst1 .tit, .bl-lst1 .desc{display:table-cell;vertical-align:middle;}
.bl-lst1 .tit {width:376px;height:95px;padding-left:55px;background:#f7f7f9;border-radius:4px;font-size:17px;letter-spacing:-1px;font-weight:500}
.bl-lst1 .tit .ic{display:inline-block;width:95px;height:95px;vertical-align:middle;background:url(/resources/images/consumer/spr-consumer.png) no-repeat left top}
.bl-lst1 li li:after{display:none;}
.bl-lst1 .desc{padding-left:30px;}
.bl-lst1 .desc li{padding-top:0;}
.bl-lst1 .lst2 .ic{background-position:-100px top;}
.bl-lst1 .lst3 .ic{background-position:-200px top;}
.bl-lst1 .lst4 .ic{background-position:-300px top;}
.bl-lst1 .lst5 .ic{background-position:-400px top;}
.bl-lst2{border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.bl-lst2 li{padding:23px 0 23px 220px;border-top:1px solid #e9e9e9;}
.bl-lst2 li:first-child{border:0 none;}
.bl-lst2 li li{padding:0 0 0 7px;border-top:0 none;}
.bl-lst2 li .tit{display:block;margin-bottom:12px;font-weight:500;font-size:20px;color:#000;}
.bl-lst2 .bul-hyphen{margin:7px 0 0 8px;}
.bl-lst2 .desc{position:relative;}
.bl-lst2 .desc:after{display:block;position:absolute;left:-172px; top:50%;margin-top:-58px;content:'';width:115px;height:115px;background:url(/resources/images/consumer/spr-consumer.png)no-repeat left -100px;}
.bl-lst2 .lst2 .desc:after{background-position:-150px -100px}
.bl-lst2 .lst3 .desc:after{background-position:-300px -100px}