@charset "utf-8";
.gray_area {
	background: #f9f9f9;
	padding: 20px 10px;
}
.white_area {
	background: #fff;
	padding: 20px 10px;
}
.bnr_list {
	border-top: solid 1px #e8e8e8;
}
.bnr_list01 li {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	width: 48.5%;
}
.bnr_list02 li {
	float: left;
	margin-right: 8px;
	width: 31.5%;
}

@media (max-width: 321px) {
	.bnr_list01 li {
		float: left;
		margin-right: 10px;
		margin-bottom: 10px;
		width: 48%;
	}
}
/*=====================================about=============================================*/
.about01_upper_left {
	float:left;
	width:48%;
	margin: 20px 2px 0px;
}
.about01_upper_left .about01_whitebox {
	background: #fff;
	text-align: center;
	padding: 15px 0;
	border-bottom: solid 1px #cccccc;
    border-left: solid 1px #cccccc;
    border-right: solid 1px #cccccc;
}
.about_box03  h4 {
	font-size: 17px;
	padding: 15px 0;
	text-align: center;
}
.about_box03 .streng_box {
	background: #fff;
	background-image: url(../about/images/strengths.png);
	background-repeat: no-repeat;
	background-position: top left;
	background-size: 15%;
	padding: 10% 5% 2%;
	font-size: 13px;
	margin-bottom: 2%;
}
.about_box03 .streng_box h5 {
	color: #ff9600;
	font-size: 14px;
	margin-bottom: 10px;
}
@media (max-width: 321px) {
	.about01_upper_left {
		margin-top: 10px;
	}
	.about01_upper_left .about01_whitebox p {
		font-size: 12px;
	}
}

/*=====================================bosyu=============================================*/

.bosyu_tbl {
	width: 100%;
	margin-right: 20px;
}
.bosyu_tbl th {
	background: #444444;
    text-align: left;
    color: #ffffff;
    font-weight: normal;
    padding: 5px 10px;
}
.bosyu_tbl td {
	background: #ffffff;
    color: #333333;
    padding: 5px 10px;
}
.bosyu_tbl td p{
    line-height: 1.8;
}
.bosyu_tbl td .box_orange {
	background: #ffd19a;
	padding: 5px 10px;
	display: inline-block;
	margin: 5px 0;
	text-align: center;
}
.bosyu_tbl td h4.tit_h4 {
	color: #1369a8;
	border-bottom: 1px dotted #ccc;
	padding-top: 5px; margin-bottom: 5px;
}

.bosyu_box01 .banner h2{
	 border-bottom: 3px solid #d7304c;
    color: #444444;
    font-size: 160%;
    font-weight: bold;
    margin: 0 auto;
    width: 100%;
}
/*=====================================branch=============================================*/

#branch_map {
	position: relative;
	margin: 10px;
}
.branch_posi01 {
	position: absolute;
	top: 5.1%;
	right: 30%;
	width: 30%;
}
.branch_posi02 {
	position: absolute;
	top: 37%;
	right: 4%;
	width: 34%;
}
.branch_posi03 {
	position: absolute;
	bottom: 27%;
	right: 10%;
	width: 38%;
}
.branch_posi04 {
	position: absolute;
	bottom: 13%;
	right: 2.5%;
	width: 30%;
}
.branch_posi05 {
	position: absolute;
	bottom: 13%;
	width: 45%;
	left: 21%;
}
.branch_posi06 {
	position: absolute;
	bottom: 3%;
	left: 14%;
	width: 45%;
}
.branch_posi07 {
	position: absolute;
	bottom: 36%;
	left: 6%;
	width: 30%;
}
.branch_posi08 {
	position: absolute;
	top: 37%;
	left: 2%;
	width: 29%;
}
.branch_posi09 {
	position: absolute;
	top: 27%;
	right: 24%;
	width: 48%;
}
.branch_posi10 {
	position: absolute;
	bottom: 35%;
	right: 10%;
	width: 38%;
}


.brand_box_map {
	background: #f9f9f9;
	padding: 10px;
	margin-bottom: 15px;
}
.brand_box_map .bg_map_red {
	background: url(../branch/images/map_red.png) no-repeat left 2px;
	background-size: 14px;
	padding-left: 20px;
	font-size: 15px;
	color: #413838;
}
.brand_box_map .bg_map_orange {
	background: url(../branch/images/map_orage.png) no-repeat left 2px;
	background-size: 14px;
	padding-left: 20px;
	font-size: 15px;
	color: #413838;
	position: relative;
}
.brand_box_map .bg_map_orange.opened:after {
    background: url(../branch/images/down.png) no-repeat;
    background-size: 100%;
    content: "";
    width: 14px;
    height: 7px;

}
.brand_box_map .bg_map_orange:after {
    background: url(../branch/images/up.png) no-repeat;
    background-size: 100%;
    content: "";
    width: 14px;
    height: 7px;
    position: absolute;
    right: 0;
    top: 5px;
}
.brand_box_map  .bg_white {
	padding: 10px;
	margin: 10px 0;
	background: #fff;
}
.brand_box_map a {
	color: #413838;
	text-decoration: none;
}
.brand_box_map .map iframe {
	width: 100%;
}
.brand_box_map .add2 {
	float: left;
	margin-left: 10px;
}
.brand_box_map .brand_fax {
	float: left;
	margin-left: 10px;
}
@media (max-width: 376px) {
	.brand_box_map .add2 {
		float: left;
		width: 100%;
		margin-left: 0;
	}
}
@media (max-width: 321px) {
	.brand_box_map .add2 {
		float: left;
		width: 100%;
		margin-left: 0;
	}
	.brand_box_map .brand_fax {
	float: left;
	width: 100%;
	margin-left: 0;
}
}

/*=====================================Company=============================================*/

.comp_tbl {
	width: 100%;
}
.comp_tbl th {
	border-bottom: 2px solid #d7304c;
	padding: 5px 10px;
	text-align: left;
}
.comp_tbl td {
	border-bottom: 1px solid #cccccc;
	padding: 5px 10px;
	text-align: left;
}

.comp_tbl01 {
	width: 100%;
}
.comp_tbl01 th {
	padding: 5px 10px;
	text-align: left;
}
.comp_tbl01 th span {
	color: #9c9c9c;
	font-size: 11px;
}
.comp_tbl01 td {
	border-bottom: 2px dotted #d2d2d2;
	padding: 5px 10px;
	font-size: 13px;
}
.comp_tbl01 td li {
	list-style-type: decimal;
    margin: 0 0 0 20px;
}

/*=====================================message=============================================*/

.message_box01 h3{
 border-bottom: 3px solid #d7304c;
    color: #444444;
    font-size: 160%;
    font-weight: bold;
}


.message_box02 .message01 {
	position: relative;
	margin: 0 10px;
}
.message_box02 .message01 .message01_txt01 {
	position: absolute;
	left: 0;
	top: 14%;
	width: 100%;
	padding: 0 10px;
	line-height: 1.8;
	color: #fff;
	font-weight: bold;
	text-align: center;
	font-size: 10px;
}
.message_box02 .message01 .message01_txt02 {
	position: absolute;
	left: 0;
	bottom: 30%;
	width: 100%;
	padding: 0 10px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	font-size: 10px;
}
.message02 dl {
	margin-bottom: 40px;
}
.message02 dl dt {
	background: #1369a8;
	position: relative;
	color: #fff;
	font-weight: bold;
	line-height: 1.8;
	padding: 20px 10px 10px;
}
.message02 dl dt .mes_number {
	position: absolute;
	top: -30px;
	left: 20px;
	color: #1369a8;
	font-weight: bold;
	font-size: 20px;
	background: url(../message/images/bg_circle.png) no-repeat;
	background-size: 100%;
	width: 44px;
	padding: 10px 0px;
	text-align: center;
}
.message02 dl dd {
	background: #f8f8f8;
	padding: 10px;
}

/*=====================================news=============================================*/
.news_tt {
	font-size:16px;
	font-weight:bold;
	color:#444444;
	padding-bottom: 5px;
	margin-bottom: 15px;
	border-bottom:2px solid #17915e;
}
#nProgram {
	padding: 10px;
}
#nProgram dl {
	padding:10px 0;
	border-bottom: 1px dotted #b8dece;
}

#nProgram dl dt {
	float:left;
	width: 32%;
}

#nProgram dl dd {
	float:left;
	width: 67%;
}
@media (max-width: 376px) {
	#nProgram dl dt {
		float:left;
		width: 35%;
	}

	#nProgram dl dd {
		float:left;
		width: 65%;
	}
}
@media (max-width: 321px) {
	#nProgram dl dt {
		float:left;
		width: 100%;
	}
	#nProgram dl dd {
		float:left;
		width: 100%;
	}
}
#nProgram a,
#nProgram a:link,
#nProgram a:visited {
	color:#333333;
	text-decoration:none;
}

#nProgram a:hover,
#nProgram a:active {
	color:#333333;
	text-decoration:underline;
}
.news_derect div {
	width: 25%;
}
.news_detail .date {
	background: url(../news/images/bg_date.png) no-repeat;
	background-size: 100%;
	width: 30%;
	text-align: center;
	padding: 5px 0;
	margin-bottom: 10px;
	color: #fff;
	font-weight: bold;
}

/*=====================================Privacy=============================================*/
.privacy h2{
	border-bottom: 3px solid #d7304c;
    color: #444444;
    font-size: 160%;
    font-weight: bold;
    margin: 0 0 30px;
}

.privacy h4.pri_tt {
	background: url(../privacy/images/privacy_list.png) no-repeat left 3px;
	color: #c2324a;
	font-weight: normal;
	font-size: 16px;
	background-size: 16px;
	padding-left: 25px;
	margin-bottom: 10px;
	position: relative;
}

.privacy_list li {
    list-style-type: decimal;
     margin: 0 0 0 20px;
     margin-bottom: 5px;
     font-size: 13px;
}
.privacy  a {
	color: #333;
	text-decoration: none;
}
.privacy h4.pri_tt02 {
	background: #e5e5e5;
	padding: 10px;
	background-image: url(../privacy/images/privacy_list.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	color: #c2324a;
	font-weight: normal;
	font-size: 16px;
	background-size: 16px;
	padding-left: 35px;
	padding-right: 50px;
	margin-bottom: 10px;
	position: relative;
}
.privacy h4.pri_tt02.opened:after {
    background: url(../privacy/images/down.png) no-repeat;
    background-size: 100%;
    content: "";
    width: 14px;
    height: 14px;

}
.privacy h4.pri_tt02:after {
    background: url(../privacy/images/up.png) no-repeat;
    background-size: 100%;
    content: "";
    width: 14px;
    height: 14px;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -7px;
}
.privacy  .pp_hyo { width: 100%; }
.privacy .pp_hyo th {
	background:#444444;
	text-align:center;
	color:#ffffff;
	padding: 10px 0;
	border: 1px solid #fff;
	font-size: 12px;
}

.privacy .pp_hyo td {
	background:#e5e5e5;
	color:#333333;
	padding: 10px 5px;
	border: 1px solid #fff;
	font-size: 12px;
}

/*=====================================recruit=============================================*/
.recruit_box01 dd {
	background: #fff;
	padding: 10px;
}
.recruit_tt {
	background: url(../recruit/images/bg_circle.png) no-repeat left 3px;
	color: #0f5da9;
	font-weight: normal;
	font-size: 16px;
	background-size: 4%;
	padding-left: 25px;
	margin-bottom: 20px;
	position: relative;
}
.recruit_list01 li {
	float: left;
	width: 49%;
	margin-right: 5px;
	padding: 10px 13px 10px 5px;
	margin-bottom: 10px;
	text-align: center;
}
.recruit_list01 li h4 {
	padding-bottom: 5px;
}
.recruit_list01 li .flow_text {
	color: #fff;
	text-align: left;
	font-size: 12px;
	margin-bottom: 5px;
}
.recruit_list01 li.bg01 {
	background: url(../recruit/images/bg_step01.png) no-repeat;
	background-size: 100%;
}
.recruit_list01 li.bg02 {
	background: url(../recruit/images/bg_step02.png) no-repeat;
	background-size: 100%;
	margin-right: 0px;
}
.recruit_list01 li.bg03 {
	background: url(../recruit/images/bg_step03.png) no-repeat;
	background-size: 100%;
}
.recruit_list01 li.bg04 {
	background: url(../recruit/images/bg_step04.png) no-repeat;
	background-size: 100%;
	margin-right: 0px;
}
.recruit_list02 li {
	margin-bottom: 20px;
	position: relative;
}
.recruit_list02 li .recruit_list02_box {
	font-size: 12px;
}
.recruit_list02 li  .recruit_posi {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 31%;
}
.recruit_box01 li , .recruit_box02 li{
	position: relative;
	border: #ccc 1px solid;
	background: #fff;
	margin-bottom: 10px;
}

.recruit_box01 li a:after, .recruit_box02 li a:after { content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 2; }
.recruit_box01 li img {
	float: left;
	width: 30%;
}
.recruit_box01 li .recruit_txt {
	float: right;
	width: 65%;
	padding-top: 5%;
}
.recruit_box02 li img {
	float: left;
    width: 50%;
}
.recruit_box02 li .recruit_txt {
	float: right;
    padding-top: 5%;
    width: 45%;
}
.recruit_box01 li .recruit_txt h5 {
    font-size: 18px;
    margin-bottom: 0.3em;
    color: #C2324A;
}

.recruit_box02 li .recruit_txt h5 {
    font-size: 15px;
    line-height: 1.2;
    color: #C2324A;
}
@media (max-width: 376px) {
	.recruit_list01 li .flow_text {
		color: #fff;
		text-align: left;
		font-size: 10px;
		margin-bottom: 5px;
	}
	.recruit_box02 li .recruit_txt h5 {
	    font-size: 14px;
	    line-height: 1.2;
	    color: #C2324A;
	}
}
@media (max-width: 321px) {
	.recruit_list01 li .flow_text {
		color: #fff;
		text-align: left;
		font-size: 8px;
		margin-bottom: 5px;
	}
	.recruit_list02 li  .recruit_posi {
		text-align: center;
		padding-top: 10px;
		width: 40%;
		position: relative;
		display: inline-block;
	    left: 50%;
	    margin-left: -70px;
	}
	.recruit_box02 li .recruit_txt h5 {
	    font-size: 12px;
	    line-height: 1.2;
	    color: #C2324A;
	}
}
/*=====================================Service=============================================*/
.service_over01 li {
	position: relative;
	color: #ffffff;
	overflow: hidden;
	width: 32%;
	float: left;
	margin-right: 7px;
	margin-bottom: 10px;
}
.service_over01 li a { color: #fff; text-decoration: none;}
.service_over01 li a:after { content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 222; }
.service_over01 li .caption {
	transition: all 0.8s;
	position: absolute;
	left: 0;
	right: 0;
	bottom:0;
	z-index: 1;
}
.service_over01 li.opened .caption{
	top:0%;
	text-decoration:none;
	cursor:pointer;
}
.service_over01 li .banner_title {
	background-color: rgba(117,146,50,0.8);
	color:#fff;
	font-weight:bold;
	padding:10px 0;
	text-align: left;
	font-size: 13px;
	padding-left: 5px;
}
/*.service_over01 li .service_over_text {
	text-align: left;
	font-size:11px;
	line-height: 1.3;
	padding: 0 5px 5px;
	position: relative;
}*/

.service_over01 li.last { margin-right: 0; }
#service02 {
	position: relative;
	text-align: center;
	width: 100%;
}
#service02 p.ser_txt {
	position: absolute;
	text-align: center;
	color: #fff;
	top: 0;
	left: 0;
	width: 100%;
	padding: 5px 10px;
	font-weight: bold;
	font-size: 13px;
}
#service02 p.ser_tel {
	position: absolute;
	bottom: 7%;
	left: 2%;
	width: 47%;
}
#service02 p.ser_btn {
	position: absolute;
	bottom: 5%;
	right: 2%;
	width: 43%;
}
@media (max-width: 376px) {
	.service_over01 li {
		width: 48%;
		float: left;
		margin-right: 10px;
	}
	.service_over01 li.last_respon {
		margin-right: 0;
	}
	.service_over01 li.last { margin-right: 10px; }
	.service_over01 li .caption {
		top:82%;
	}
	#service02 p.ser_txt {
		font-size: 12px;
	}
}
@media (max-width: 321px) {
	#service02 p.ser_txt {
		font-size: 10px;
		padding: 5px 10px;
	}
}

/*=====================================Callcenter=============================================*/
.call_list01 {
	margin-left: 20%;
	width: 60%;
}
.call_list01 li {
	margin-bottom: 20px;
	position: relative;
}
.call_list01 li .callcenter01_text {
	position: absolute;
	bottom: 7%;
	width: 92%;
	left: 4%;
	background-color: rgba(0,0,0,0.7);
	border: 1px solid #fff;
	padding: 7px 0;
	color: #fff;
	font-size: 12px;
	text-align: center;
}
.call_list01 li .callcenter01_text h3 { font-size: 14px; padding-bottom: 5px; }
.callcenter02_border {
	background: url(../callcenter/images/bg_box.jpg);
	background-size: 5px;
	padding: 5px;
}
.callcenter02_border .callcenter02_bg {
	background: #fff;
	padding: 10px 15px;
}
.callcenter02_border .callcenter02_bg .callcenter02_box01 {
	border-bottom: 1px solid #aeaeae;
	margin-bottom: 15px;
	padding: 10px 0 15px;
}
.green { color: #7aa11e; }
.call_list_staff li {
	width: 32%;
	background: #fff;
	float: left;
	margin-right: 6px;
	font-size: 12px;
}
.call_list_staff li h4 { margin-top: 5px; font-size: 14px; }
.call_flow dl {
	margin: 10px;
}
.call_flow dl dt {
	background: #232323;
	text-align: center;
	color: #fff;
	padding: 10px 0;
}
.call_flow dl dd {
	background: #f8f8f8;
	padding: 10px;
}
.skill_box {
	background: #fff;
	background-image: url(../callcenter/images/bg_skill.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	background-size: 20%;
	padding: 5% 2%;
	margin: 3% 0;
}
.skill_box .list_skill {
	text-align: center;
}
.skill_box .list_skill li {
	text-align: center;
	margin-top: 5%;
	margin-bottom: 5%;
	float: left;
	margin-right: 5%;
	width: 45%;
}
.skill_box .list_skill li:last-child {
	margin-right: 0%;
}
.skill_box .list_skill p {
	text-align: left;
	margin-top: 10px;
}
.call_list_ico li {
	float: left;
	margin-right: 5%;
	width: 30%;
}
.call_list_ico li p {
	padding: 1% 0;
    text-align: center;
    border: solid 1px #333333;
    margin-top: 2%;
}
.call_list02 dd {
	margin-bottom: 10px;
	padding: 10px;
	background: #fff;
	border: 1px solid #ddd;
}
.call_box04 .call_trai01 {
	float: left;
	width: 49%;
	background: #f9f9f9;
	background-image: url(../callcenter/images/training01.png);
	background-repeat: no-repeat;
	background-position: top left;
	background-size: 25%;
	padding: 3%;
	padding-top: 5%;
	font-size: 12px;
}
.call_box04  h4 {
	color: #567a00;
	text-align: center;
	margin-bottom: 5%;
}
.call_box04 .call_trai02 {
	float: right;
	width: 49%;
	background: #f9f9f9;
	background-image: url(../callcenter/images/training02.png);
	background-repeat: no-repeat;
	font-size: 12px;
	background-position: top left;
	background-size: 25%;
	padding: 3%;
	padding-top: 5%;
}
.call_box05 ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	justify-content: space-between;
}
@media (max-width: 321px) {
	.call_list01 li .callcenter01_text h3 { font-size: 12px; }
	.call_list01 li .callcenter01_text {
		font-size: 10px;
		padding: 5px 0;
	}
	.call_list_staff li { margin-right: 6px; }
}

.call .ml140{
	margin-left:140px;
	}
	
.dis_table{
	display:table;
}
.green_border{
	border: 3px solid #7db100;
}

/*=====================================Cellphone=============================================*/
#cellphone01_area {
	background: url(../cellphone/images/cellphone01_box01.png) no-repeat;
	background-size: 100%;
	padding: 30px 5px 10px;
	margin-top: 10px;
}
#cellphone01_area h3 {
	text-align: center;
	font-size: 15px;
	margin-bottom: 5px;
}
#cellphone01_area .txt_green li {
	color: #7aa11e;
	font-weight: bold;
	font-size: 13px;
	margin-bottom: 2px;
}
#cellphone01_area p {
	width: 60%;
	font-size: 12px;
	padding-left: 5px;
	padding-top: 5px;
}
.cell_box02 .cell_list01 { border-top: 1px dotted #000; margin: 2% 0; padding-top: 2%; }
.cell_box02 .cell_list01 li {
	margin-bottom: 10px;
	background: #f9f9f9;
	color: #666666;
	padding: 1% 2%;
}
.cell_box02 .cell_list02 {
	width: 49%;
	margin-bottom: 10px;
}
.cell_box02 .cell_list02 dd {
	background: #7aa11e;
	color: #fff;
	padding: 10px;
	font-size: 13px;
}
.cell_box02 .cell_list02 dd h4 {
	padding-bottom: 10px;
	font-size: 14px;
	text-align: center;
}
.cell_tbl {
	width: 100%;
}
.cell_tbl th {
	background: #7ea423;
	vertical-align: middle;
	color: #fff;
	text-align: center;
}
.cell_tbl td {
	background: #f9f9f9;
	padding: 2%;
}


.cell_box03 dd {
	background: #fff;
	border: 1px solid #ccc;
	padding: 2%;
	margin-bottom: 2%;
}
.cellphone05_area {
	background:url(../cellphone/images/cellphone06_bg.gif) left top repeat;
	padding: 1%;
}
#cellphone05 {
	display:block;
	background:#ffffff;
	padding: 2%;
}

.cell_tbl dt {
	background: #7ea423;
	vertical-align: middle;
	color: #fff;
	padding: 2%;
}
.cell_tbl dd {
	background: #f9f9f9;
	padding: 2%;
	border: none;
}

@media (max-width: 376px) {
	#cellphone01_area {
		padding-top: 25px;
	}
	#cellphone01_area h3 {
		font-size: 13px;
	}
	#cellphone01_area .txt_green li {
		font-size: 12px;
	}
	#cellphone01_area p {
		font-size: 11px;
		padding-top: 0;
	}
}
@media (max-width: 321px) {
	#cellphone01_area {
		padding: 20px 5px 10px;
		margin-top: 10px;
	}
	#cellphone01_area h3 {
		font-size: 11px;
	}
	#cellphone01_area .txt_green li {
		font-size: 10px;
	}
	#cellphone01_area p {
		font-size: 10px;
		padding-top: 0;
	}
}

/*=====================================profile=============================================*/
.profile_tt {
	font-size:16px;
	font-weight:bold;
	color:#444444;
	padding-bottom: 5px;
	margin-bottom: 15px;
	border-bottom:2px solid #d7304c;
}
.profile_box01 li {
	position: relative;
	border: #ccc 1px solid;
	background: #fff;
	margin-bottom: 10px;
}

.profile_box01 li a:after { content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 2; }
.profile_box01 li img {
	float: left;
	width: 50%;
}
.profile_box01 li .profile_txt {
	float: right;
	width: 45%;
	padding-top: 5%;
}
.profile_box01 li .profile_txt h5 {
    font-size: 18px;
    margin-bottom: 0.3em;
    color: #C2324A;
}

.profile_over01 li {
	position: relative;
	color: #ffffff;
	overflow: hidden;
	width: 48.5%;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.profile_over01 li a { color: #fff; text-decoration: none;  }
.profile_over01 li a:after { content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 2; }
.profile_over01 li .caption {
	position: absolute;
	left: 0;
	right: 0;
	bottom:0;
	transition: all 0.8s;
	z-index: 1;
}
.profile_over01 li.top01 .caption {
	top:80%;
}
.profile_over01 li.opened .caption{
	top:0%;
	text-decoration:none;
	cursor:pointer;
}
.profile_over01 li .banner_title {
	color:#fff;
	font-weight:bold;
	padding:10px 0;
	text-align: left;
	font-size: 13px;
	padding-left: 5px;
	background-color: rgba(196,51,74,0.8);
}
/*.profile_over01 li .service_over_text {
	text-align: left;
	font-size:11px;
	line-height: 1.3;
	padding: 0 5px 5px;
	position: relative;
}*/
.profile_over01 li.last { margin-right: 0; }
.service_box01 .list_service01 li {
	width: 49%;
	margin-bottom: 10px;
	font-size: 13px;
	margin-bottom: 10px;
}
.service_box01 .list_service01 li h4 {
	border-bottom: 1px dotted #000;
	padding-bottom: 1%;
	margin-bottom: 3%;
	text-align: center;
	font-size: 14px;
}
@media (max-width: 321px) {
	.profile_over01 li {
		width: 48%;
		float: left;
	}
	.profile_over01 li .caption {
		top:70%;
	}
	.profile_over01 li.top01 .caption {
		top:75%;
	}
	.profile_box01 li .profile_txt h5 {
	    font-size: 15px;
	    margin-bottom: 0.3em;
	    color: #C2324A;
	}
}

/*=====================================welfare=============================================*/
.welfare_box01 .text_line {
	font-weight: bold;
	text-align: center;
	font-size: 16px;
}

.welfare02 dl {
	margin: 10px 0;
}
.welfare02 dl dt {
	background: #ff9600;
	padding: 2px 0px 0px;
	text-align: center;
	color: #fff;
}
.welfare02 dl dd {
	background: #fff;
	background-size: 1px solid #c4c4c4;
	padding: 10px;
}
.welfare02 dl dd li {
	list-style: disc;
	margin-left: 20px;
}
.welfare_staff {
	position: relative;
	background: #f9f9f9;
	padding: 30px 10px 20px 20px;
}
.welfare_staff .flg {
	display: inline-block;
	position: absolute;
	top: 0; left: 0;
	z-index: 10;
	width: 10%;
}
.orange {
	color: #ff8400;
}
.welfare_staff_img {
	float: left;
	width: 30%;
}
.welfare04_text {
	float: right;
	width: 65%;
}
.welfare_flow .welfare_flow_tbl {
	width: 100%;
}
.welfare_flow .welfare_flow_tbl td {
	vertical-align: middle;
	padding-left: 5%;
}
/*.welfare_box03 .welfare_flow dl img{
	float: left;
}
.welfare_box03 dl {
    float: right;
    margin: 10px;
    vertical-align: middle;
    width: 70%;
}*/
.welfare_box03 dl dt {
    background: #232323 none repeat scroll 0 0;
    color: #fff;
    padding: 10px 0;
    text-align: center;
}
.welfare_box03 dd {
    background: #fff none repeat scroll 0 0;
    color: #000;
    padding: 10px 0;
    text-align: center;
}

.welfare07_left {
	background:#ffffff;
	float:left;
	width: 31%;
	padding: 1% 2%;
	margin-right: 2%;
}

.welfare07_right {
	background:#ffffff;
	float:right;
	width: 32%;
	padding: 1% 2%;
}

.welfare07_area2 ul {
	display:block;
}

.welfare07_area2 li {
	list-style-type:decimal;
	margin:0 0 0 25px;
	/*border-bottom:1px dotted #666666;*/
	padding:10px 0;
}

.welfare07_area2 .li_line {
	list-style-type:decimal;
	margin:0 0 0 25px;
	border-bottom:1px dotted #666666;
	padding:10px 0;
}

@media (max-width: 376px) {
	.welfare_box01 .text_line {
		font-size: 15px;
	}
}
@media (max-width: 321px) {
	.welfare_box01 .text_line {
		font-size: 13px;
	}
}

/*=====================================contact01=============================================*/

.contact_tt_h3 {
	font-size:16px;
	font-weight:bold;
	color:#444444;
	padding-bottom: 5px;
	margin-bottom: 15px;
	border-bottom:2px solid #d7304c;
}
.contact01 h4, .contact03_h4 {
    font-size: 16px;
    font-weight: bold;
    color: #444444;
    padding: 0 0 5px 0;
    margin: 10px 0;
    border-bottom: 1px solid #d7304c;
}
.contact01 a,
.contact01 a:link,
.contact01 a:visited {
    color: #d7304c;
}

/*=====================================apparel=============================================*/
.apparel_box02 h3 {
	text-align: center;
	border-bottom: dotted 1px #666666;
	padding-bottom: 5px;
	margin-bottom: 10px;
	font-size: 18px;
}
.apparel_box02 h3 span {
	font-size: 14px;
	font-weight: normal;
}
.apparel_box02 li {
	width: 49%;
	float: left;
	background: #f9f9f9;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 5px;
	font-size: 12px;
}
.apparel_box03_list dd {
	background: #fff;
	border: 1px solid #ddd;
	padding: 2%;
	margin-bottom: 10px;
}
.apparel_tbl {
	width: 100%;
}
.apparel_tbl th {
	vertical-align: middle;
	padding-right: 2%;
}
.apparel_tbl td dt {
	background: #232323;
    text-align: center;
    color: #fff;
    padding: 10px 0;
}
.apparel_tbl td dd {
	background: #f8f8f8;
    padding: 10px;
}
/*.apparel_box03_01, .apparel_box03_02  {
	position: relative;
	color: #fff;
}
.apparel_box03_01 .apparel_box03_txt01 {
	position: absolute;
	top: 23%;
	left: 25%;
	width: 50%;
	text-align: center;
	font-size: 11px;
}
.apparel_box03_01 .apparel_box03_txt02 {
	position: absolute;
	top: 40%;
	left: 27%;
	width: 47%;
	text-align: center;
	font-weight: bold;
}
.apparel_box03_01 .apparel_box03_txt02 span, .apparel_box03_txt03 span  {
	font-size: 12px;
	font-weight: normal;
}
.apparel_box03_01 .apparel_box03_txt03 {
	position: absolute;
	top: 33%;
	left: 27%;
	width: 47%;
	font-weight: bold;
	text-align: center;
}
.apparel_box03_01 .apparel_box03_txt04 {
	position: absolute;
	top: 5%;
	left: 8%;
	width: 84%;
	text-align: center;
}
.apparel_box03_01 .apparel_box03_txt04 span {
	font-weight: bold;
	font-size: 15px;
}*/
.apparel_box04_circle {
	margin-bottom: 10px;
	position: relative;
	text-align: center;
}
.apparel_box04_circle .number {
	position: absolute;
	top: 2%;
	left: 31%;
	color: #fff;
	font-size: 30px;
	font-weight: bold;
}
.apparel_box04_circle h4 {
	color: #7aa11e;
	font-size: 18px;
	position: absolute;
	top: 30%;
	left: 30%;
	line-height: 1.3;
	width: 40%;
	text-align: center;
}
.apparel_box04_circle h4.tit_03 {
	top: 18%;
}
.apparel_box04_circle .txt {
	position: absolute;
	top: 55%;
	left: 12%;
	color: #7aa11e;
	font-size: 12px;
	width: 80%;
}
.apparel_box05_01 {
	background: url(../apparel/images/aparel04_bg01.png) no-repeat;
	background-size: 100%;
	padding: 3px 20px 20px;
	margin: 10px -20px;
}
.apparel_box05_01 dd {
	background: #fff;
	padding: 10px;
	font-size: 12px;
	margin-bottom: 3px;
}
@media (max-width: 321px) {
	.apparel_box02 li {
		font-size: 10px;
		text-indent: -10px;
		padding-left: 10px;
	}
	.apparel_box04_circle .number {
		font-size: 25px;
		font-weight: bold;
	}
	.apparel_box04_circle h4 {
		font-size: 15px;
	}
	.apparel_box04_circle .txt {
		font-size: 10px;
	}
}


/*=====================================Retail=============================================*/



.retail_box01 dt {
	background: #689200 none repeat scroll 0 0;
    color: #fff;
    padding: 10px 0;
    text-align: center;
}
.retail_box01 dd {
	background: #fff none repeat scroll 0 0;
    padding: 10px 10px;
    text-align: center;
	display:table-cell;
	vertical-align: middle;
}
.retail_box03 {
	position: relative;
}
.retail_box03 p {
	position: absolute;
	top: 25%;
	right: 7%;
	width: 35%;
	color: #fff;
	text-align: center;
	font-size: 13px;
}
.service_flow {
	width: 100%;
}
.service_flow td {
	vertical-align: middle;
	padding-left: 5%;
}
.service_flow dl dt {
	background: #232323;
	text-align: center;
	color: #fff;
	padding: 10px 0;
}
.service_flow dl dd {
	background: #fff;
	padding: 10px;
			display: table-cell;
		vertical-align: middle;
}
.service_flow dl .img_area{
	vertical-align: top;
}
.service_flow .flow_arrow{
	text-align: center;
	margin: 10px;
}
@media (max-width: 376px) {
	.retail_box03 p {
		top: 23%;
		text-align: center;
		font-size: 10px;
	}
}


/*=====================================Clerical=============================================*/
.clerical_box01 dl {
	width: 40%;
	margin-left: 7%;
	float: left;
}
.clerical_box01 dt {
	text-align: center;
}
.clerical_box01 dd {
	padding: 10px 0;
}
.call_list_staff_white li {
	/*width: 32%;*/
	background: #f9f9f9;
	float: left;
	margin-right: 6px;
	font-size: 12px;
}
.call_list_staff_white li h4 { margin-top: 5px; font-size: 14px; }
@media (max-width: 321px) {
	.call_list_staff_white li { margin-right: 6px; }
}


.clerical .jimu_btn {
	background-color: #7bb700;
	box-shadow: 0px 2px 0px #405b00;
    -webkit-box-shadow: 0px 2px 0px #405b00;
	-moz-box-shadow: 0px 2px 0px #405b00;
    color: #FFF;
    font-weight: bold;
	display: inline-block;
	width: 200px;
	height: 54px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
	 border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}

/*=====================================Matching=============================================*/
.matching_box01_bg {
	background: url(../matching/images/bg_01.png) no-repeat top center;
	background-size: 40%;
}
.matching_box01_bg .matching01_upper {
	width: 42%;
}

.matching_box02 dl{
	margin-top: 5%;
}
/*.matching_box02 dl img{
	width: 30%;
	float: left;
}*/

.matching_box02 dt {
	background: #ff9600 none repeat scroll 0 0;
    color: #fff;
    padding: 2px 0;
    text-align: center;
}
.matching_box02 dd {
	background: #fff none repeat scroll 0 0;
    padding: 10px 10px;
	display:table-cell;
	vertical-align:middle;
}


/*.matching_box01_bg .matching01_upper dd, .matching_box02 dd {
	background: #fff;
	padding: 10px;
	border: solid 1px #cccccc;
}*/
.knowhow_box02 {
	background: url(../matching/images/bg_box.jpg);
	background-size: 100%;
	border: 1px solid #ff8400;
	padding: 2% 1%;
	margin: 2% 0;
	color: #fff;
	font-weight: bold;
}
.knowhow07 dl {
    background: #EADDC3;
    padding: 2%;
}
.knowhow07 dl dt {
    border-bottom: #AE8242 1px solid;
    color: #AE8242;
    font-weight: bold;
    margin-bottom: 1%;
}
.knowhow07 dl dd {
    font-size: 12px;
}
.matching_box dt {
	display: block;
	background: #3e3e3e;
	text-align: center;
	color: #fff;
	padding: 2px 0;
	margin-bottom: 10px;
	text-align: center;
}

.human_box01_list {
	background: #fff;
	border: solid 1px #cccccc;
	padding: 10px;
	margin-bottom: 10px;
}
.human_box01_list .human01_title {
	position: relative;
	font-size:16px;
	font-weight:bold;
	border-bottom: dotted 1px #7ea423;
	border-top: solid 1px #7ea423;
	padding: 5px 0;
	margin-bottom: 10px;
	padding-right: 10%;
}
.human_box01_list .human01_title.opened:after {
    background: url(../human/images/down.png) no-repeat;
    background-size: 100%;
    width: 18px;
    height: 10px;
    content: "";
}
.human_box01_list .human01_title:after {
    background: url(../human/images/up.png) no-repeat;
    background-size: 100%;
    width: 18px;
    height: 10px;
    content: "";
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -5px;
}
.human_box03_staff {
	background: #fff;
	background-image: url(../human/images/bg_cosul.png);
	background-size: 15%;
	background-position: top left;
	background-repeat: no-repeat;
	padding: 10% 6% 5%;
}
.human_box03_staff .photo {
	float: left;
	width: 24%;
}
.human_box03_staff .staff_txt {
	float: right;
	width: 72%;
}
.human_box03_staff .staff_txt h4 {
	color: #ff9227;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 10px;
}
.human_case { margin-bottom: 10px; }
.human_case dt {
	background: #0a0a0a;
	color: #fff;
	text-align: center;
	float: left;
	padding: 5px 0;
	width: 18%;
}
.human_case dd {
	float: left;
	margin-left: 10%;
	padding-top: 10px;
}
.human_success {
	background: #fff;
	background-image: url(../human/images/bg_success.png);
	background-size: 15%;
	background-position: top left;
	background-repeat: no-repeat;
	padding: 10% 6% 5%;
	margin-bottom: 10px;
	border: 1px solid #ccc;
}
.human_success .photo {
	float: left;
	width: 24%;
}
.human_success .success_txt {
	float: right;
	width: 72%;
}