@charset "UTF-8";
/* Hidden */
.hidden {position: absolute; top: -9999px; left: -9999px;}
.business_wrap br{display: none;}
col{width:auto !important;}
colgroup{display:none;}

.container .tab{display:none;}
.thisPath, .contntMaster{}
/* Tab */
.board-tab{display: none;}
.board-tab ul {display: inline-block; width: 100%; margin-bottom: 20px;}
.board-tab ul li {float: left; margin-right: 10px; margin-bottom: 10px;}
.board-tab ul li a {position: relative;top: 1px;display: block;padding: 10px 15px;border: 1px solid #d1d1d1;font-size: 17px;}
.board-tab ul li a.on {background: #004098; color: #fff;}
.board-tab-child > ul{display:flex;}
.board-tab-child > ul > li{padding:12px 25px;}
.board-tab-child > ul > li a{display:block;position:relative;color: #999;}
.board-tab-child > ul > li a.on{color:#111;}
.board-tab-child > ul > li a.on:before{content:'';width: 100%;height: 3px;background:#004098;position:absolute;left: 0;bottom: -12px;}

/* View */

.view-info {border-top: 2px solid #000000;}
.view-info .view-num {display: none;}
.view-info .view-title {background: #fff; font-size: 22px; border-bottom: 1px solid #e2e2e2; padding: 30px 30px; text-align: center; color: #000; line-height: 1.5;}
.view-detail {display: inline-block; width: 100%; border-bottom: 1px solid #e2e2e2; padding: 10px 0 10px 20px; text-align: right;}
.view-detail .view-util {display: inline-block; margin-right: 20px; font-size: 16px; color: #9b9b9b;}
.view-detail .view-util dl {display: inline-block; padding-left: 15px; margin-left: 15px; position: relative;}
.view-detail .view-util dl:after {content: ''; position: absolute; left: 0; top: 12px; width: 1px; height: 11px; background: #c3c3c3;}
.view-detail .view-util dl:first-child:after {display: none;}
.view-detail .view-util dl.cate {display: none;}
.view-detail .view-util dt,
.view-detail .view-util dd {display: inline-block;}
.view-detail .view-util dt {padding-right: 1px; color: #666;}
.view-detail .view-util dd {color: #888;}
.view-detail .view-util .modify {display: none;}
.view-detail .view-util .writer:after {display: none;}
.view-detail .view-share {display: inline-block; margin-right: 20px;}
.view-detail .view-share .sns {display: inline-block;}
.view-detail .view-share .util {display: inline-block;}


/* Contents */
.view-con {font-size: 18px;color: #666;line-height: 1.25;width: 100%;}
.view-con .division{display: inline-block;width: 33%;vertical-align: top;margin-bottom: 40px;}

.business_wrap .division_wrap {display: flex;width: 100%;}
.business_wrap .division_wrap .title_box {position:relative;width: 374px;height: 250px;margin-top: 0;background: url(./../images/bg_credit_business_title.png) repeat;padding: 3% 0 0 3%;}
.business_wrap .division_wrap .title_box h3 {color:#fff;font-size:35px;line-height:41px;font-weight:normal;margin:0;padding:0;letter-spacing:-0.1em;margin-left:-2px}
.business_wrap .division_wrap .title_box h3:before {content:'';display:block;width:40px;height:3px;background:#fff;margin:0 0 7px 2px}
.business_wrap .division_wrap .title_box p {color: #b6d2ff;font-size: 18px;font-weight:bold;line-height: 1.5;padding-top: 70px;letter-spacing: -1px;}
.business_wrap .division_wrap .title_box p br{display:block}

.business_wrap .division_wrap .info_txt {position: relative;width: calc(100% - 374px);min-width: 656px;display: grid;align-items: center;}
.business_wrap .division_wrap .info_txt span{color:#fff;font-size: 32px;display: table-cell;vertical-align: middle;line-height: 1.5;position: relative;}
.business_wrap .division_wrap .info_txt span br{display:block}

.business_wrap .division_wrap .info_txt.type1 {background:url(./../images/bg_credit01.png) no-repeat 0 0}
.business_wrap .division_wrap .info_txt.type1 .info_deposit_list{display: flex;width: 90%;min-width: 570px;margin: 0 auto;color:#fff;font-size:14px;line-height:20px;}
.business_wrap .division_wrap .info_txt.type1 .info_deposit_list li{text-align:center;flex: 1;width: auto;line-height:14px;font-size: 18px;letter-spacing: -1px;}
.business_wrap .division_wrap .info_txt.type1 .info_deposit_list li.item02{min-width: 206px;}
.business_wrap .division_wrap .info_txt.type1 .info_deposit_list li br{display:block}
.business_wrap .division_wrap .info_txt.type1 .info_deposit_list li a{}
.business_wrap .division_wrap .info_txt.type1 .info_deposit_list li span{display:block;width: 110px;margin: 23px auto 0;font-weight:bold;font-size: 18px;line-height: 30px;padding: 29px 12px 0;height: 110px;border-radius: 60px;}
.business_wrap .division_wrap .info_txt.type1 .info_deposit_list .item01 span{background: #0eb0d9;}
.business_wrap .division_wrap .info_txt.type1 .info_deposit_list .item02 span{background: #126abd;}
.business_wrap .division_wrap .info_txt.type1 .info_deposit_list .item03 span{background: #12bd83;}

.business_wrap .division_wrap .info_txt.type2,
.business_wrap .division_wrap .info_txt.type3 {background:url(./../images/bg_credit02.png) no-repeat center;}
.business_wrap .division_wrap .info_txt.type4 {background:url(./../images/bg_credit03.png) no-repeat center;}
.business_wrap .division_wrap .info_txt.type5 {background:url(./../images/bg_credit04.png) no-repeat center;}
.business_wrap .division_wrap .info_txt.type2:after,
.business_wrap .division_wrap .info_txt.type3:after{content:"";position: absolute;top: 54%;width: 284px;height: 208px;transform: translatey(-50%);right: 5%;}
.business_wrap .division_wrap .info_txt.type2:after{background: url(./../images/bccard.png) no-repeat;}
.business_wrap .division_wrap .info_txt.type3:after{background: url(./../images/nhcard.png) no-repeat;}
.business_wrap .division_wrap .info_txt.type2 span, 
.business_wrap .division_wrap .info_txt.type3 span{padding-left: 5%;}
.business_wrap .division_wrap .info_txt.type4 span,
.business_wrap .division_wrap .info_txt.type5 span{text-align: right;padding-right: 100px;}

.business_wrap > ul {padding-left:10px;margin: 20px 0 40px;}
.business_wrap > ul li {position: relative;padding-left:8px;letter-spacing: -1px;color:#555;line-height: 24px;font-size: 16px;margin-bottom: 8px;}
.business_wrap > ul li br{display:block}
.business_wrap > ul li:after{content:"";position: absolute;top: 10px;left: -4px;width: 4px;height: 4px;background: #777;}

