/*---------------------start block footer ----------------*/

a {
    text-decoration: none;
}

h2 {
    letter-spacing: 0;
}

.page_payroll footer.template_c2 .fnav_list li a:hover {
    text-decoration: underline;
}

.page_payroll footer.template_c2 .fnav_title a:hover {
    text-decoration: underline;
}

.payrole_footer {
    background: #2e323d;
}

.payrole_footer_nav {
    background: none !important;
    padding-bottom: 20px;
    padding-bottom: 12px;
    padding-top: 40px;
}

.page_payroll footer.template_c2 #footer_lead {
    border: 0;
}

.page_payroll footer.template_c2 .fnav_list li {
    padding-left: 17px;
}

.payrole_footer_nav a {
    color: #fff;
    background: url(../image/icon_arr1.png) no-repeat left 4px/7px auto !important;
    font-weight: 100;
    font-size: 13px;
    line-height: 22px;
}

.payrole_footer_nav_unit {
    width: 18% !important;
}

.payrole_footer_nav_unit:nth-of-type(2) {
    width: 25% !important;
}

.payrole_footer_nav_unit:nth-of-type(3) {
    width: 20% !important;
}

footer.template_c2 .fnav_list li a::before {
    display: none;
}

.payrole_footer_info {
    background: #2e323d !important;
    height: 105px;
}

footer.template_c2 #footer_info .inner {
    padding-top: 20px;
    border-top: 1px solid #999ba0;
    padding-left: 0;
    padding-right: 0;
}

.payrole_fnav_title a {
    border: 0 !important;
}

.payrole_footer_nav_in {
    padding-top: 0!important;
    padding: 0;
}

.payrole_footer_logo img {
    margin-left: 0 !important;
}

.page_payrole .template_c2 #footer_info small {
    font-size: 13px;
}

.page_payrole footer.template_c2 .fnav_title a {
    font-size: 17px;
    background: url(../image/icon_arr1.png) no-repeat left 4px/7px auto;
    padding-left: 13px;
}

.page_payrole footer.template_c2 .fnav_title {
    margin-bottom: 10px;
}

.page_payrole footer.template_c2 .footer_lead_block {
    padding: 0;
    padding-top: 50px;
}


/*----------start new top----------*/

.top_new_01_box {
    max-width: 1127px;
    margin: -61px auto 0;
    overflow: hidden;
    position: relative;
    -webkit-box-shadow: 0px 9px 22px 0px #eee;
    box-shadow: 0px 9px 22px 0px #eee;
    background: #fff;
}

.top_new_01_box dl {
    padding: 0;
    -webkit-transition: all .3s ease-in 0s;
    -o-transition: all .3s ease-in 0s;
    transition: all .3s ease-in 0s;
    border-color: #cccccc;
}

.top_new_title {
    float: left;
    width: calc(15% - 10px);
    position: relative;
    font-size: 10px;
    background: #5284B2;
    color: #fff;
    padding: 1px 0 1px 1px;
    text-align: center;
    margin: 0 20px 0 0;
}
.top_new_01_box .top_new_title_top {
    float: left;
    width: calc(21% - 80px - -8px);
    position: relative;
    font-size: 16px;
    background-repeat: no-repeat;
    background-image: url(../image/common/bg_top_new01.png);
    background-position: center;
    text-align: center;
    color: #fff;
    padding: 16px 0px;
}


.top_new_content {
    padding: 17px 0 0 calc(12% + 20px);
    font-size: 14px;
}

.top_new_more {
    float: right;
    position: absolute;
    right: 0;
    top: 16px;
}

.top_new_more a {
    color: #204f7a;
    position: relative;
    background: #F0F0F0;
    font-weight: bold;
    padding: 21px 47px 21px 17px;
}

.top_new_more a:before {
    content: '';
    background: url(../image/common/bg_top_new01_more.png)no-repeat right center;
    position: absolute;
    right: 17px;
    top: 16px;
    width: 26px;
    height: 30px;
}

.top_new_more a:hover {
    text-decoration: none;
    opacity: 0.7;
}


/*----------end new top----------*/


/*----------start payroll_box01----------*/

.payroll_box01 {
    border: 2px solid #f4f4f4;
    padding-bottom: 55px;
    width: auto;
    margin: 35px 40px 35px 40px;
}

.payroll_box01 .m80_pc {
    margin-bottom: 0;
}

.payroll_box01 .dlb_content-5301 {
    max-width: 1135px;
    padding: 0;
}

.payroll_box01 .dlb_content-5301::after {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.payroll_box01 h2 {
    font-size: 34px;
    text-align: center;
    font-weight: bold;
    color: #2a5288;
    margin-top: 45px;
    margin-bottom: 10px;
}

.payroll_box01 .txt_c {
    font-size: 14px;
    font-weight: normal;
}

.payroll_box01 .dlb_c53_txt p {
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    margin-bottom: 40px;
    letter-spacing: -1px;
}

.payroll_box01 .box01_more a, 
.btn_bulebeta a {
    display: block;
    max-width: 343px;
    line-height: 60px;
    text-align: center;
    margin: 0 auto;
    color: #fff;
    border-radius: 100px;
    background-image: -webkit-linear-gradient( #5baec2, #5bc2b7);
    background-image: -o-linear-gradient(#5baec2, #5bc2b7);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#5baec2), to(#5bc2b7));
    background-image: -webkit-linear-gradient(#5baec2, #5bc2b7);
    background-image: linear-gradient(#5baec2, #5bc2b7);
    position: relative;
    font-size: 18px;
}

.payroll_box01 .box01_more a:before, 
.btn_bulebeta a:before {
    content: "";
    position: absolute;
    top: 19px;
    right: 30px;
    width: 15px;
    height: 20px;
    background: url(../image/pr_box01_more.png) no-repeat;
}

.payroll_box01 .box01_more a:hover, 
.btn_bulebeta a:hover {
    text-decoration: none;
    opacity: 0.8;
}


/*----------start payroll_box02----------*/

.payroll_box02 {
    /*background: #f6f6f6;*/
    padding: 1px;
    margin: 0 auto 15px;
}

.payroll_box02 .dlb_banner_1 {
    max-width: 1016px !important;
    margin: 0 auto;
}

.payroll_box02 h2 {
    font-size: 34px;
    text-align: center;
    font-weight: bold;
    color: #2a5288;
    margin-top: 60px;
    margin-bottom: 15px;
}

.payroll_box02 .txt_c {
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 35px;
}

.payroll_box02 .dlb_banner_1 {
    border: 0;
}

.payroll_box02 .col {
    border: 0 !important;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0.8% !important;
    height: 100px;
    width: 23.35%;
    padding: 0 24px !important;
}

.payroll_box02 .col img {
    width: 100%;
}
.payroll_box02.TOPorigin .dlb_banner_1 {
    max-width: 1270px !important;
    margin: 0 auto;
}
.TOPorigin .col5_532 {
    justify-content: center;
}
.payroll_box02.TOPorigin .col{
    width: 18%;
    padding: 0!important;  
    height: auto;  
}
.payroll_box02.TOPorigin .col4_432{
    justify-content: flex-start;
}

@media only screen and (max-width: 979px) {
.payroll_box02.TOPorigin .col{
    width: calc(50% - 2%);
} 
}

.payroll_box02 .box02_more a {
    display: block;
    width: 339px;
    line-height: 60px;
    text-align: center;
    margin: 0 auto;
    color: #5baec2;
    border-radius: 100px;
    border: 2px solid #5baec2;
    position: relative;
    font-size: 18px;
    margin-bottom: 70px;
    background: #fff;
    font-weight: bold;
}

.payroll_box02 .box02_more a:before {
    content: '';
    width: 9px;
    height: 9px;
    border: 0px;
    border-width: 3px 3px 0 0;
    border-style: solid;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: calc(50% - 5px);
    right: 1.5em;
    -webkit-transition: all .2s ease-in 0s;
    -o-transition: all .2s ease-in 0s;
    transition: all .2s ease-in 0s;
}

.payroll_box02 .box02_more a:hover {
    text-decoration: none;
    opacity: 0.8;
}

.payroll_box02 .dlb_banner_block {
    margin-bottom: 40px;
}

.payroll_box02 .box02_more a:hover {
    text-decoration: none;
    opacity: 0.7;
}

.payroll_box02 .dlb_banner_block {
    margin-bottom: 40px;
}


/*----------start payroll_box06----------*/


/* ----------------------------

サムネイル名 ： コンテンツ　C-54（Ver3 2018/8）

----------------------------- */
.dlb_c54_box {
	border-width: 1px;
	border-style: solid;
	padding: 2em 0;
	position: relative;
	z-index: 0;
}
.dlb_c54_box::before {
	content: "";
	position: absolute;
	top: 3px;
	left: 3px;
	width: calc(100% - 8px);
	height: calc(100% - 8px);
	border-width: 1px;
	border-style: solid;
	z-index: -1;
}
.dlb_c54_list {
	display: flex;
	align-items: center;
}
.dlb_c54_txt {
	width: 110px;
	text-align: center;
	font-size: 45px;
	font-weight: bold;
	line-height: 1.2;
	border-width: 0 1px 0 0;
	border-style: dashed;
}
.dlb_c54_txt .txt_in {
	display: block;
	font-size: 18px;
	margin-bottom: 8px;
	letter-spacing: 1px;
}
.dlb_c54_list dd {
	width: calc(100% - 110px);
	padding-left: 24px;
	padding-right: 16px;
}
@media only screen and (max-width: 979px) {
	.dlb_c54_list dd {
		padding-left: 1em;
	}
}
@media only screen and (max-width: 690px) {
	.dlb_c54_box {
		padding: 16px 0 20px;
	}
	.dlb_c54_list {
		flex-direction: column;
	}	
	.dlb_c54_txt {
		width: calc(100% - 48px);
		font-size: 32px;
		border-right: none;
		border-style: dotted;
		border-width: 1px;
		margin: 0 auto 16px;
		line-height: 1;
		padding-bottom: 8px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.dlb_c54_txt .txt_in {
		font-size: 12px;
		margin-right: 8px;
		margin-bottom: 0;
	}
	.dlb_c54_list dd {
		width: 100%;
		padding: 0 24px;
	}
}

/* カラー */
.dlb_c54_box {
	border-color: #cccccc;
}
.dlb_c54_txt {
	border-color: #dddddd;
}
@media only screen and (max-width: 690px) {
	.dlb_c54_txt {
		border-color: #999999;
	}
}
.dlb_btn_center {
    margin-left: auto;
    margin-right: auto;
}


.payroll_box06 h2 {
    font-size: 34px;
    text-align: center;
    font-weight: bold;
    color: #2a5288;
    margin-top: 45px;
    margin-bottom: 16px;
}

.payroll_box06 .txt_c {
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 60px;
}

.payroll_box06 .col2_m_221 {
    max-width: 1300px;
    background: #f0f6fa;
    margin: 0 auto;
    padding: 55px 80px 0 80px;
}

.payroll_box06 h3 {
    margin: inherit;
    width: 100%;
    font-size: 30px;
    color: #2a5288;
    padding-left: 20px;
    border-left: 3px solid #2a5288;
    height: 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 35px;
}

.payroll_box06 .col {
    width: 50%;
    border-right: 1px solid #bfbfbf;
    border-bottom: 1px solid #bfbfbf;
    margin-left: 0;
    padding-right: 30px;
    padding-bottom: 10px;
    margin-bottom: 0;
}

.payroll_box06 .pr_06_odd {
    padding-right: 0;
    border-right: 0;
    padding-left: 30px;
}

.payroll_box06 .pr_06_top {
    padding-top: 40px;
    border-bottom: 0;
}

.payroll_box06 .col img {
    float: left;
    width: 53%;
    margin-right: 25px;
    margin-bottom: 5px;
}

.payroll_box06 .col p {
    font-size: 14px;
}

.payroll_box06 .m30_pc {
    margin-bottom: 0;
}

.payroll_box06 .inner {
    padding: 0;
    min-width: 1300px;
}

.payroll_box06 p.fs160_bold {
    color: #2e568c;
    font-size: 20px;
    position: relative;
    top: -5px;
}

.payroll_box06 .m40_pc {
    margin-bottom: 25px;
}

.payroll_box06 .box06_more a {
    display: block;
    width: 272px;
    line-height: 60px;
    text-align: center;
    margin: 0 auto;
    color: #5baec2 !important;
    border-radius: 100px;
    border: 2px solid #5baec2;
    position: relative;
    font-size: 18px;
    margin-top: 55px;
    margin-bottom: 60px;
    background: #fff;
    font-weight: bold;
}

.payroll_box06 .box06_more a:hover {
    opacity: 0.7;
    text-decoration: none;
}

.payroll_box06 .box06_more a:before {
    content: '';
    width: 9px;
    height: 9px;
    border: 0px;
    border-width: 3px 3px 0 0;
    border-style: solid;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: calc(50% - 7px);
    right: 2.5em;
    -webkit-transition: all .2s ease-in 0s;
    -o-transition: all .2s ease-in 0s;
    transition: all .2s ease-in 0s;
}

.payroll_point {
    background: url(../../dcms_media/image/point_bg.png) no-repeat center top;
    padding: 70px 0 60px 0;
    margin-bottom: 70px;
}

.payroll_point:after {
    display: block;
    clear: both;
    content: "";
}

.payroll_point .col {
    width: auto;
    margin: 0 0 20px 0;
    clear: both;
    background: #fff;
    border: 1px solid #eee;
    font-size: 18px;
    padding: 23px 0 16px 0;
}

.payroll_contact .dlb_contact_btn,
.payroll_contact .dlb_contact_tel_out {
    position: relative;
    left: 15px;
}

.payroll_point .dlb_c54_txt .txt_in {
    font-size: 20px;
    margin-bottom: 0;
}

.page_payroll footer.template_c2 #footer_info .footer_info_navi a+a {
    padding-left: 32px;
    position: relative;
    border: 0;
}

.page_payroll footer.template_c2 #footer_info .footer_info_navi a+a:before {
    position: absolute;
    content: "";
    left: 0;
    top: 3px;
    width: 2px;
    height: 12px;
    background: #ccc;
}

.page_payroll .dlb_area_2.dlb_contact_area {
    padding: 48px 0 69px;
    background: #F5F5F5 !important;
}

.more_points {
    max-width: 370px;
    margin-top: 30px;
}

.more_points.more_points_top {
    max-width: 465px;
}

.more_points .dlb_btn a {
    border-radius: 100px;
    border: 0;
    background: #5bafc2;
    background: -webkit-linear-gradient(top, #5bafc2 0%, #5bc0b8 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#5bafc2), to(#5bc0b8));
    background: -o-linear-gradient(top, #5bafc2 0%, #5bc0b8 100%);
    background: linear-gradient(to bottom, #5bafc2 0%, #5bc0b8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5bafc2', endColorstr='#5bc0b8', GradientType=0);
    font-size: 18px;
    color: #fff;
    padding: 16px 0;
    position: relative;
}

.more_points .dlb_btn a::after {
    content: '';
    width: 10px;
    height: 10px;
    border: 0px;
    border-width: 2px 2px 0 0;
    border-style: solid;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: calc(50% - 5px);
    right: 2em;
    -webkit-transition: all .2s ease-in 0s;
    -o-transition: all .2s ease-in 0s;
    transition: all .2s ease-in 0s;
}

.more_points .dlb_btn a:hover {
    color: #fff;
    opacity: 0.7;
}

.more_points .dlb_btn a:before {
    right: 30px;
    left: inherit;
}

.payroll_point h2,
.payroll_bussinese h2,
.payrole_outsourcing h2 {
    color: #2a5288;
    font-size: 34px;
}

.payrole_outsourcing .txt_point_top {
    margin-bottom: 30px;
}

.txt_point_top {
    text-align: center;
}

.payroll_point .col .dlb_c54_txt {
    border-right: 0;
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
    color: #0aa3e8;
}

.payroll_point .dlb_c54_list dd {
    padding-left: 0;
    padding-right: 25px;
}

.payroll_point .dlb_c54_list dd .arr {
    float: right;
}
.payroll_point .dlb_c54_list dd .arr a {
	color:#2a5288
}


.payroll_point .col:before {
    display: none;
}

.point_in {
    display: block;
    max-width: 1050px;
    margin: auto;
}

.payroll_bussinese {
    position: relative;
    width: 950px;
    padding: 0
}

.txt_title_buss {
    padding: 31px 0 10px 0;
    background: url(../../dcms_media/image/bussinese_title_01.png) no-repeat left bottom;
    margin-bottom: 20px;
}

.txt_title_buss_02 {
    position: relative;
}

.txt_title_buss_02 h3 {
    padding: 35px 0;
    background: url(../../dcms_media/image/bussinese_title_03_02.png) no-repeat left bottom;
    margin: 10px 0;
    text-align: center;
    font-weight: bold;
    font-size: 25px;
    color: #ef6d1f;
}

.sub_title_buss {
    padding: 48px 0 0 0;
    /*background: url(../../dcms_media/image/bussinese_title_02.png) no-repeat left top;*/
    margin-left: 132px;
}

.sub_title_buss_02 p {
    color: #ef6d1f;
    font-weight: bold;
    font-size: 21px;
    padding-top: 10px;
    line-height: 27px;
}

.sub_title_buss h3 {
    padding: 25px 0 25px 90px;
    background: url(../../dcms_media/image/bussinese_title_03.png) no-repeat center left;
    font-weight: bold;
    font-size: 23.5px;
    color: #0298c9;
    background-position-x: 33px;
}

.txt_bottom_03 {
    padding: 30px 80px 0 110px;
    background: url(../../dcms_media/image/contact_img_03.png) no-repeat left top;
    text-align: center;
    width: 480px;
    margin: -75px auto 50px;
}

.payroll_bussinese .txt_point_top {
    margin-bottom: 0;
}

/*FLOW STEP__________________________*/
.flowblocks{
    display: flex;
    flex-wrap: wrap;
}
.flowblocks li {
    position: relative;
    list-style-type: none;
    width: calc(100% / 5 - 5%);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    height: 135px;
    font-size: 18px;
    line-height: 1.2;
    font-weight: bold;
    z-index: 1;
    background: #2bd0ce;
}
.flowblocks li:not(:last-child){
    margin-right: 2%;
}
.flowblocks li:not(:last-child):after {
    content: "";
    position: absolute;
    border-width: 15px 0 15px 15px;
    right: -15px;
    border-color: transparent;
    border-style: solid;
    z-index: -1;
    border-left-color: #2bd0ce;
    top: calc(50% - 15px);
}
@media only screen and (max-width:790px) {
    .flowblocks{
        display: block;
    }
    .flowblocks li{
        max-width: 320px;
        width: 100%;
        height: auto;
        padding: 1em;
        margin: 0 auto 40px;
    }
    .flowblocks li:not(:last-child) {
        margin-right: auto;
    }
    .flowblocks li:not(:last-child):after {
        right: auto;
        border-color: transparent;
        border-style: solid;
        border-left-color: #2bd0ce;
        top: auto;
        left: 50%;
        bottom: -22px;
        transform: translate(-50%, 0) rotate(90deg);
    }
}


.payroll_bussinese .col {
    width: calc(15.7% - 8px);
    margin-right: 20px;
    text-align: center;
    vertical-align: middle;
    padding: 0;
    display: table;
}
.payroll_bussinese .col:nth-child(4n) {
    margin-right: 20px;
}

.payroll_bussinese .col:last-child {
    margin-right: 0px;
}

.payroll_bussinese .col a {
    color: #fff;
    width: 135px;
    height: 135px;
    display: table-cell;
    vertical-align: middle;
    padding: 0 10px;
    font-size: 18px;
    line-height: 25px;
    font-weight: bold;
    position: relative;
    z-index: 1;
    background: #2bd0ce !important;
}

.payroll_bussinese .col .arr {
    color: #fff;
    width: 135px;
    height: 135px;
    display: table-cell;
    vertical-align: middle;
    padding: 0 10px;
    font-size: 18px;
    line-height: 25px;
    font-weight: bold;
    position: relative;
    z-index: 1;
    background: #2bd0ce !important;
}



.payroll_bussinese .col a:after {
    position: absolute;
    content: "";
    border-width: 14px 20px 14px 20px;
    right: -38px;
    border-color: transparent;
    border-style: solid;
    z-index: -1;
    border-left-color: #2bd0ce;
    top: 55px;
}


.payroll_bussinese .col .arr::after {
    position: absolute;
    content: "";
    border-width: 14px 20px 14px 20px;
    right: -38px;
    border-color: transparent;
    border-style: solid;
    z-index: -1;
    border-left-color: #2bd0ce;
    top: 55px;
}


.payroll_bussinese .col a:hover:after {
    border-left-color: #68dbda;
}

.payroll_bussinese .col a:hover {
    text-decoration: none;
    background: #68dbda !important;
}

.payroll_bussinese .more_points .dlb_btn a {
    border: 2px solid #5BB0C2;
    background: none;
    color: #5BB0C2;
    font-weight: bold;
    padding: 11px;
    text-align: center;
}

.payroll_bussinese .more_points .dlb_btn a:hover {
    opacity: 0.7;
}

.payroll_bussinese .more_points .dlb_btn a:before {
    border-color: #5bb0c2;
}

.txt_bottom_03 a {
    font-size: 12px;
    font-weight: bold;
}
.txt_bottom_03 .txt_s {
    font-size: 12px;
    font-weight: bold;
	color:#333333;
	padding-top:0;
}



.payroll_bussinese .col:last-child a:after,
.payroll_bussinese .col:last-child .arr::after {
    display: none;
}



.payrole_outsourcing {
    display: block;
    margin-bottom: 65px;
}

.outsourcing_in {
    max-width: 1080px;
    margin: auto;
}

.outsourcing_in .col {
    margin: 0 15px 15px 0;
    width: calc(32% - 3px);
    padding: 0;
    background: #fff;
    border: 1px solid #5bb8bc;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

.outsourcing_in .col:nth-child(4n) {
    margin-right: 15px;
}

.outsourcing_in .col p {
    position: relative;
    overflow: hidden;
    background: url(../../dcms_media/image/outsource_bg.png) no-repeat left top;
}

.outsourcing_in .col:nth-of-type(1) a {
    background: url(../../dcms_media/image/outsource_icon_01.png) no-repeat center top;
    background-position-y: 45px;
}

.outsourcing_in .col:nth-of-type(2) a {
    background: url(../../dcms_media/image/outsource_icon_02.png) no-repeat center top;
    background-position-y: 45px;
}

.outsourcing_in .col:nth-of-type(3) a {
    background: url(../../dcms_media/image/outsource_icon_03.png) no-repeat center top;
    background-position-y: 45px;
}

.outsourcing_in .col:nth-of-type(4) a {
    background: url(../../dcms_media/image/outsource_icon_04.png) no-repeat center top;
    background-position-y: 45px;
}

.outsourcing_in .col:nth-of-type(5) a {
    background: url(../../dcms_media/image/outsource_icon_05.png) no-repeat center top;
    background-position-y: 45px;
}

.outsourcing_in .col:nth-of-type(6) a {
    background: url(../../dcms_media/image/outsource_icon_06.png) no-repeat center top;
    background-position-y: 45px;
}

.outsourcing_in .col a {
    display: block;
    padding: 190px 10px 11px 10px;
    font-size: 24px;
    color: #5bb5be;
}

.outsourcing_in .col:hover {
    background: none;
}

.outsourcing_in .col:hover a {
    text-decoration: none;
    opacity: 0.7;
    color: #5bb5be !important;
}

.payroll_contact .dlb_contact_tel .dlb_color_base_text:before {
    content: "";
    background: url(../image/common/ft_phone_icon.png) left center no-repeat;
    padding: 15px 10px 30px 24px;
    margin-top: -5px;
}

.section_box06 .col {
    width: calc(23.5% - 6px);
}


/*---------------------start henu header ----------------*/

.top_contact {
    background-image: url(../image/common/top_bg01.png);
    background-position: center 10px;
    margin: 0 auto;
    display: block;
}

.top_contact_in {
    max-width: 1320px;
    margin: 0 auto;
    display: block;
    text-align: right;
    color: #fff;
    padding: 0 0;
}

.top_contact_in p {
    font-size: 10px;
    padding-bottom: 6px;
}

.top_contact_in span {
    font-size: 21px;
    padding: 0 11px 0 29px;
    background: url(../image/common/bg_top_call.png) no-repeat left center;
    background-position: 6% 4px;
    position: relative;
    top: 3px;
}


/*...........................Start_Block05......................*/

.box05 {
    background: #f0f6fa;
    max-width: inherit;
}

.box05_in {
    max-width: 1150px;
    margin: 0 auto;
    display: block;
}

.box05 h2 {
    font-weight: bold;
    font-size: 34px;
    text-align: center;
    padding-top: 50px;
    color: #2a5288;
}

.box05 p {
    text-align: center;
    font-size: 14px;
    color: #010101;
    padding-bottom: 38px;
}

.box05_right {
    padding: 0;
    background: none;
    width: auto;
    overflow: hidden;
}

.box05_right p {
    text-align: left;
    padding-bottom: 0;
    padding-left: 80px;
}

.box05_right h2 {
    text-align: left;
    border-bottom: 2px solid #2a5288;
    padding-top: 0;
    padding-left: 80px;
    font-size: 30px;
}

.box05_more {
    text-align: left;
    padding-left: 80px;
    margin-bottom: 110px;
}

.box05_more_in a {
    display: block;
    border-radius: 30px;
    border: 0;
    color: #fff;
    padding: 15px 4em 15px 2em !important;
    font-size: 18px !important;
    font-weight: bold;
    background: #5bafc2;
    background: -webkit-linear-gradient(top, #5bafc2 0%, #5bc0b8 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#5bafc2), to(#5bc0b8));
    background: -o-linear-gradient(top, #5bafc2 0%, #5bc0b8 100%);
    background: linear-gradient(to bottom, #5bafc2 0%, #5bc0b8 100%);
    max-width: 410px;
}

.box05_more_in a:hover {
    opacity: 0.7;
}

.box05_left {
    padding: 0;
    background: none;
    float: left;
    width: auto;
    max-width: 476px;
}

.box05_left img {
    height: auto;
    max-width: 100%;
}

.box05_p1 {
    padding-top: 18px;
}

.box05_p3 {
    padding-bottom: 18px !important;
}

.box05_more_in a::after {
    content: '';
    width: 6px;
    height: 6px;
    border: 0px;
    border-width: 2px 2px 0 0;
    border-style: solid;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: calc(50% - 5px);
    right: 2em;
    -webkit-transition: all .2s ease-in 0s;
    -o-transition: all .2s ease-in 0s;
    transition: all .2s ease-in 0s;
}

.box05_more_in a::before {
    display: none;
}


/*...........................End_Block05......................*/


/*----------start payroll_box08----------*/

.payroll_box08 h2 {
    font-size: 34px;
    text-align: center;
    font-weight: bold;
    color: #2a5288;
    margin-bottom: 8px;
}

.payroll_box08 .txt_c {
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 84px;
}

.payroll_box08 .col4_m_421 {
    max-width: 1127px;
    margin: 0 auto;
}

.payroll_box08 h3 {
    margin: inherit;
    width: 100%;
    font-size: 30px;
    color: #2a5288;
    padding-left: 20px;
    border-left: 3px solid #2a5288;
    height: 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 9px;
}

.payroll_box08 {
    background: #f0f6fa;
    padding: 74px 0 50px 0;
}

.box08_02 {
    padding: 74px 0 98px 0;
}

.payroll_box08 .text_c02 {
    display: block;
    width: 100%;
    margin-bottom: 37px;
}

.payroll_box08 .col {
    background: #fff;
    margin-right: 30px;
    width: 23%;
    padding-bottom: 10px;
}

.payroll_box08 .col img {
    width: 100%;
}

.payroll_box08 .col:nth-child(4n) {
    margin-right: 2.5%;
}

.payroll_box08 .col p {
    position: relative;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 5px;
    padding-left: 15px;
    padding-right: 15px;
}

.payroll_box08 .col p span {
    position: absolute;
    top: -35px;
    right: 0px;
    background: #eb6100;
    width: 52px;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
}

.payroll_box08 .col .m25_pc {
    margin-bottom: 10px;
}

.payroll_box08 p.text_c03 {
    font-size: 15px;
    color: #2e568c;
    font-weight: bold;
    letter-spacing: -1px;
}

.payroll_box08 .dlb_btn a {
    background: none;
    border: 0;
    text-align: right;
    padding-right: 18px;
    font-size: 12px;
    color: #000000;
    display: initial;
}

.payroll_box08 .dlb_btn a:hover {
    opacity: 0.7;
}

.payroll_box08 .dlb_btn_w70 {
    max-width: inherit;
    text-align: right;
}

.payroll_box08 .col .m40_pc {
    margin-bottom: 0;
}

.payroll_box08 .dlb_btn a::before {
    display: none;
}

.payroll_box08 .box08_more a {
    display: block;
    width: 359px;
    line-height: 60px;
    text-align: center;
    margin: 0 auto;
    color: #5baec2;
    border-radius: 100px;
    border: 2px solid #5baec2;
    position: relative;
    font-size: 18px;
    margin-top: 20px;
    background: #fff;
    font-weight: bold;
}

.payroll_box08 .box08_more a:hover {
    opacity: 0.8;
    text-decoration: none;
}

.payroll_box08 .box08_more a:before {
    content: '';
    width: 9px;
    height: 9px;
    border: 0px;
    border-width: 3px 3px 0 0;
    border-style: solid;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: calc(50% - 5px);
    right: 1.5em;
    -webkit-transition: all .2s ease-in 0s;
    -o-transition: all .2s ease-in 0s;
    transition: all .2s ease-in 0s;
}

.payroll_box08 .m80_pc {
    margin-bottom: 0;
}

.col4_m_421.media_4col {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
}
.media_4col .dlb_media_time {
    display: none;
}
.media_4col .dlb_media_left_in {
    position: relative;
    width: 100%;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center;
    transition: .4s;
    margin: 20px auto;
    height: 213px;
}
.media_4col .dlb_media_cate {
    display: none;
}
.media_4col a.dlb_media_block:hover {
    text-decoration: none;
}
.media_4col .dlb_media_block:hover .dlb_media_title {
    color: #2a5288;
}

.dlb_media_block .dlb_media_right{
    padding: 15px;
}

.dlb_media_block .btn{
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    background-color: #e52929;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    width: 100%;
    height: 50px;
    line-height: 50px;
    border-radius: 25px;
    text-decoration: none;
    box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .4);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.dlb_media_block .btn:hover{
    opacity: 0.8;
}

/*----------end payroll_box08----------*/


/*...........................Start_Block06......................*/

.section_box06 {
    width: 100%;
    background: #f0f6fa;
    padding: 30px 0 0 0;
}

.section_box06_in {
    width: 1127px;
    margin: 0 auto;
}

.section_box06 h2 {
    margin: inherit;
    width: 100%;
    font-size: 30px;
    color: #2a5288;
    padding-left: 20px;
    border-left: 3px solid #2a5288;
    line-height: 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: block;
    margin-bottom: 1px;
}

.section_box06 p {
    font-size: 14px;
    color: #000000;
    padding-top: 10px;
}

.box06_in {
    background: #fff;
    position: relative;
    padding: 0 15px 0px 15px;
    width: calc(24% - 11.3px);
    margin-right: 30px !important;
}

.box06_in:nth-of-type(4) {
    margin-right: 0 !important;
}

.p_new {
    background: #eb6100;
    position: absolute;
    text-align: center;
    right: 0;
    border: 0;
    color: #FFFFFF;
    font-size: 14px;
    width: 55px;
    height: 30px;
    font-weight: bold;
}

.p_01 {
    padding-top: 35px !important;
    padding-bottom: 0 !important;
    font-size: 14px !important;
}

.p_02 {
    padding: 0 !important;
    font-size: 15px !important;
    font-weight: bold;
    color: #2e568c !important;
    padding-bottom: 10px !important;
}

.p_03 {
    padding: 0 !important;
    font-size: 12px !important;
}

.box06_more {
    margin-right: 0;
}

.box06_more a {
    background: none;
    border: 0;
    color: #333 !important;
}

.dlb_btn a::before,
.dlb_btn_inlineb a::before {
    display: none;
}

.section_box06_in .dlb_btn a {
    padding: 16px 0 16px 2.5em;
    text-align: right;
    font-size: 12px;
}

.box06_more a:hover {
    background: none;
    opacity: 0.5;
}

.btn_box06_bottom {
    width: 360px;
    height: 60px;
    border-radius: 30px;
    background: none;
    border: 2px solid #5bafc2;
    color: #5bafc2;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 9px;
    margin-top: 20px;
    position: relative;
    background: #fff;
}

.btn_box06_bottom:hover {
    opacity: 0.7;
}

.btn_box06_bottom::after {
    content: '';
    width: 9px;
    height: 9px;
    border: 0px;
    border-width: 3px 3px 0 0;
    border-style: solid;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: calc(50% - 6px);
    right: 2.5em;
    -webkit-transition: all .2s ease-in 0s;
    -o-transition: all .2s ease-in 0s;
    transition: all .2s ease-in 0s;
}


/*...........................End_Block06......................*/

#footer_nav .inner {
    max-width: 1190px;
}

.payroll_new {
    width: 1127px;
    margin: 0 auto 101px;
    padding-top: 37px;
}

.payroll_new .box_lesf_sp {
    margin-top: 35px;
}

.dlb_rss_02 .dlb_rss_02_left {
    position: relative;
    width: 100%;
}

.payroll_new .dlb_subtitle2_07 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.payroll_new .news_top_title {
    border-bottom: 0;
    padding-bottom: 6px;
}

.payroll_new .news_top_title h2 {
    margin: 0;
    color: #333;
    font-size: 30px;
}

.dlb_btn_w50 {
    max-width: 50%;
}

.payroll_new.dlb_subtitle2_07 .dlb_subtitle2_07_l {
    margin: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 30px;
    letter-spacing: -.01em;
}

.payroll_new .news_title_desc {
    font-size: 14px;
    color: #154CB5;
    font-weight: bold;
    color: #90acbb;
}

.payroll_new .dlb_subtitle2_07 .dlb_subtitle2_07_r {
    margin: 0;
    margin-left: 30px;
}

.payroll_new .page_payroll .dlb_subtitle2_07 {
    margin-bottom: 15px;
}

.page_payroll .dlb_rss dl,
#common .dlb_rss dl {
    padding: 16px 0;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    clear: both;
    position: relative;
}

.payroll_new .dlb_rss dl {
    border-color: #cccccc;
}

.payroll_new .dlb_rss dl {
    padding: 20px 0px;
    border-width: 1px 0 0 0;
    border-style: dotted;
    -webkit-transition: all .3s ease-in 0s;
    -o-transition: all .3s ease-in 0s;
    transition: all .3s ease-in 0s;
}

.page_payroll .dlb_rss .rss_date,
#common .dlb_rss .rss_date {
    float: left;
    width: auto;
    font-size: 14px;
}

.page_payroll .dlb_rss .rss_title,
#common .dlb_rss .rss_title {
    float: right;
    width: calc(100% - 86px - 16px);
    clear: both;
    font-size: 14px;
}

.payroll_new .dlb_rss .rss_title a {
    text-decoration: none;
}

.payroll_new .rss_title a {
    color: #0D3780;
}

.page_payroll .payroll_new .dlb_rss .rss_new,
#common .dlb_rss .rss_new {
    width: 80px;
    padding: 3px 8px;
    background: #1D2565;
    text-align: center;
    font-size: 12px;
    margin-left: 0px;
    margin-right: 22px;
    display: block;
    float: left;
    color: #fff;
    border-radius: 0;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.payroll_new .dlb_rss dl:nth-of-type(2) dd .rss_new {
    background: #5284B2;
}

.payroll_new .dlb_rss .rss_contents {
    display: none;
    clear: both;
}

.payroll_new .dlb_rss dl:last-child {
    border-bottom-width: 1px;
}

.dlb_btn_w50 {
    max-width: 50%;
}

.m_block_news .news_btn {
    display: block;
}

.dlb_rss_02 .dlb_btn.news_btn {
    position: absolute;
    top: 7px;
    right: 20px;
}

.ft_inner_top {
    text-align: center;
    padding-top: 60px;
}

.page_payroll .footer_lead_block.inner,
#common .footer_lead_block.inner {
    max-width: 925px;
    padding-bottom: 50px;
    margin: 0 auto;
}

footer.template_c3 .footer_lead_block {
    padding-top: 20px;
    padding-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.ft_inner_top h3 {
    font-size: 30px;
    color: #292d61;
    margin: 0;
}

.ft_inner_top p {
    font-size: 12px;
    color: #b3914a;
    font-weight: bold;
    margin: 0;
}

footer.template_c3 .footer_address02 {
    margin-left: 0;
    width: 420px;
    margin-right: auto;
}

footer.template_c3 .footer_logo {
    background: #fff;
    width: 94%;
    margin: 25px auto;
    padding: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

footer.template_c3 .footer_address01 {
    width: 420px;
    margin-left: auto;
    margin-right: 30px;
}

.page_payroll .footer_address02,
#common .footer_address02 {
    width: 420px;
}

.page_payroll .footer_address02 a,
#common .footer_address02 a {
    display: block;
    text-align: center;
    background: #1d2565;
    padding: 22px 0;
    color: #fff;
    border-radius: 2px;
    font-size: 18px;
    background-position: 27px 26px;
    text-decoration: none;
}

.page_payroll .footer_address01 a,
#common .footer_address02 a {
    display: block;
    text-align: center;
    background: #1d2565;
    padding: 22px 0;
    color: #fff;
    border-radius: 2px;
    font-size: 18px;
    background-position: 27px 26px;
    text-decoration: none;
}

.ft_left_cont p {
    margin-right: 20px;
    font-size: 35px;
    color: #1d2565;
    background-position: 0px 15px;
    padding-left: 40px;
}

.ft_left_cont {
    position: relative;
}

.ft_left_cont span {
    font-size: 12px;
    position: absolute;
    right: 0;
    top: 10px;
}

.payroll_new .dlb_color_btn_bg a {
    background: #fff;
    border: none;
    position: relative;
    padding-right: 30px;
    color: #2e568c;
    min-width: inherit !important;
}

.payroll_new .dlb_color_btn_bg a:after {
    content: '';
    width: 9px;
    height: 9px;
    border: 0px;
    border-width: 3px 3px 0 0;
    border-style: solid;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: calc(50% - 7px);
    right: 0;
    -webkit-transition: all .2s ease-in 0s;
    -o-transition: all .2s ease-in 0s;
    transition: all .2s ease-in 0s;
    left: auto;
}

.payroll_new .payroll_new_img {
    display: block;
    margin-top: 50px;
}

.payroll_new .payroll_new_img .payroll_new_img_in {
    display: inline-block;
    margin-right: 35px;
    width: 30.95%;
    border: 2px solid #6886AF;
    background: url(../image/box09_img.png) left center no-repeat;
    padding: 35px 0 15px;
    background-position-y: -85px;
}

.payroll_new .payroll_new_img .payroll_new_img_in:last-child {
    margin-right: 0;
}

.payroll_new .payroll_new_img .payroll_new_img_in h3 {
    text-align: center;
    font-weight: bold;
    font-size: 22px;
    color: #2e568c;
}

.payroll_new .payroll_new_img .payroll_new_img_in_01_img {
    margin: 0 auto;
    display: table;
    position: relative;
    margin-bottom: 45px;
}

.payroll_contact {
    background: #F5F5F5;
    padding: 50px 0 60px;
}

.payroll_contact .dlb_contact_block {
    max-width: inherit;
}

.page_payroll .dlb_area_2.dlb_contact_area {
    padding: 48px 0 69px;
}

.payroll_contact .dlb_contact_info p {
    color: #93B1BC;
}

.payroll_contact .dlb_contact_info {
    margin-bottom: 30px;
}

.payroll_contact .dlb_color_btn_bg a {
    background: #152E6D url(../image/common/download.png) left center no-repeat;
    color: #fff;
    border: none;
    padding: 20px 50px 20px 100px;
    font-size: 18px;
    font-weight: bold;
    background-position-x: 50px;
}

.payroll_contact .dlb_contact_btn .dlb_btn {
    margin: 0px 11px;
}

.payroll_contact .dlb_color_btn_bg a:hover {
    background-color: #526aa5;
}

.payroll_contact .dlb_color_btn_bg:nth-of-type(2) a {
    background: #EC8141 url(../image/common/mail.png) left center no-repeat;
    background-position-x: 40px;
    padding-left: 85px;
}

.payroll_contact .dlb_color_btn_bg:nth-of-type(2) a:hover {
    background-color: #e59f75;
}

.payroll_contact .dlb_color_btn_bg a:before {
    content: none;
}

.payroll_contact .dlb_contact_tel {
    background-color: #fff;
    padding: 20px 25px;
    width: 795px;
    max-width: inherit;
    display: inline-block;
    margin: 0 auto;
}

.payroll_contact .dlb_contact_tel_out {
    display: block;
    margin: 0 auto;
    text-align: center;
}

.payroll_contact .dlb_contact_tel p {
    display: inline-block;
    font-weight: bold;
    font-size: 18px;
}

.payroll_contact .dlb_contact_tel .dlb_contact_txt {
    margin-right: 14px;
    vertical-align: super;
    font-size: 18px;
    letter-spacing: 0;
}

.payroll_contact .dlb_contact_tel .dlb_color_base_text {
    margin-right: 14px;
    font-size: 44px;
    color: #2e323d;
}

.payroll_contact .dlb_contact_tel .dlb_contact_time {
    vertical-align: super;
    font-weight: normal;
    font-size: 16px;
    line-height: 18px;
}

.payroll_new .payroll_new_img .payroll_new_img_in h3 a {
    color: #2e568c;
    text-decoration: none;
}

.payroll_new .payroll_new_img .payroll_new_img_in:hover {
    opacity: 0.7;
}

.blockStyle01.payroll_box06 .col {
    border-right:none;
    border-bottom: none;
}