@charset "utf-8";

.sbc_tit { font-size: 24px; font-weight:600; padding:5px 0 20px;}

.cb_conts{padding: 30px 0 30px;}

.sbc3_tit {background: url("../sp_images/10_sub/ic_tit.png") left top no-repeat;	font-size:18px; font-weight: 500; padding-left: 25px; margin-bottom: 15px; }
.num { color:#fd5d06;}
.sbc3_h{font-size:22px; font-weight: 500; padding-bottom:7px;}
.sbc4_h{font-size:20px; font-weight: 500; padding-bottom:7px;}
.con_list{}
.con_list li {padding-bottom: 20px; font-size:15px; }
.con_list li:after{display:block; clear:both; content:'';}
.con_list li > div {display: inline-block; float: left; }
.con_list li > div:nth-child(1){ width:100px; vertical-align:middle; }
.con_list li > div:nth-child(2){ width:auto;  padding-top:10px;}
.con_list2{font-size:14px;}
.con_list2 li {padding-bottom: 30px; }
.con_list2 li:after{display:block; clear:both; content:'';}
.con_list2 li > div {display: inline-block; float: left; }
.con_list2 li > div:nth-child(1){ width:100px; vertical-align:middle; }
.con_list2 li > div:nth-child(2){ width:auto; }

.service_steps{padding-top:10px;}
.service_steps:after{display:block; clear:both; content:'';}
.service_steps li {display: inline-block; float: left; width:220px; height:100px; background: url("../sp_images/10_sub/steps_arr.png") 91% 38% no-repeat; }
.service_steps li:last-child{background: none; width:180px;}
.service_steps li .step01, .service_steps li .step02 {width:160px;height: 50px; border-radius: 0 15px 0 15px; -webkit-box-shadow: 2px 5px 10px 0px rgb(0 0 0 / 20%);
-moz-box-shadow: 2px 5px 10px 0px rgb(0 0 0 / 20%);
box-shadow: 2px 5px 10px 0px rgb(0 0 0 / 20%); }
.service_steps li .step01{background: linear-gradient(120deg, rgba(59,178,227,1) 0%, rgba(59,178,227,1) 40%, rgba(78,144,231,1) 100%);}
.service_steps li .step02{background: linear-gradient(120deg, rgba(78,144,231,1) 0%, rgba(59,178,227,1) 60%, rgba(59,178,227,1) 100%);}
.service_steps li div{padding:15px 0; text-align: center;}
.service_steps li div span{display:block; width:100%; clear:both;}
.steps_num {color: #1e4674; font-size:16px; font-weight: 600;}
.steps_con { color:#fff; font-size:20px; font-weight:500; padding-top: 8px; }

.service_guide {padding-top:5px;}
.service_guide li {font-size:15px; background: url("../sp_images/10_sub/bullet.png") 0 5px no-repeat; padding-left: 10px; padding-bottom:5px;}

.charge {width:100%; }
.charge > thead {background:#535353; }
.charge > thead th{padding: 12px; color: #fff; background: url("../sp_images/10_sub/th_line.png") right 50% no-repeat; }
.charge > thead th:last-child{background-image: none;}
.ch_tit {font-size:15px; color:#000; font-weight: 500; text-align: center; vertical-align: middle; }
.charge > tbody td {border-bottom: 1px solid #d1d1d1; border-left:1px solid #d1d1d1; padding: 15px; }
.charge > tbody td:first-child{border-left:none;}

.sample {width:100%; }
.sample > thead {background: linear-gradient(120deg, rgba(59,178,227,1) 0%, rgba(59,178,227,1) 40%, rgba(78,144,231,1) 100%); }
.sample > thead th{padding: 12px; color: #fff; background: url("../sp_images/10_sub/th_line.png") right 50% no-repeat; }
.sample > thead th:last-child{background-image: none;}
.sample > tbody td {border: none; padding: 8px; }
.sample > tbody td:first-child{border-left:none;}

.charge_info {text-align: center; padding:10px; border:1px solid #333; margin: 10px 0 20px; }
.charge_info th {background: #c2e7f6; color:#333; padding: 10px; border-bottom: 1px solid #333; border-left:1px solid #b2b2b2; }
.charge_info th:first-child{background: #FFF; border-left:none;}
.charge_info  td {border-bottom: 1px solid #d1d1d1; border-left:1px solid #d1d1d1; }
.ch_cell{display: table-cell; }
.ch_cell:nth-child(1){width:75%; padding-right: 15px;}
.ch_cell:nth-child(2){width:auto; }

.btn_area{width:100%; padding: 30px 0; text-align: center;}
.btn01{width:152px; height:72px; padding: 10px; color:#fff; font-size: 15px;border-radius:10px; text-align: left; 
background:url("../sp_images/10_sub/btn_go.png") 90% 50% no-repeat, linear-gradient(120deg, rgba(240,147,72,1) 0%, rgba(247,44,82,1) 50%, rgba(247,44,82,1) 100%); }
.btn01:hover{background:url("../sp_images/10_sub/btn_go.png") 90% 50% no-repeat, #f20f3a; -webkit-box-shadow: 2px 5px 10px 0px rgb(0 0 0 / 20%);
-moz-box-shadow: 2px 5px 10px 0px rgb(0 0 0 / 20%);
box-shadow: 2px 5px 10px 0px rgb(0 0 0 / 20%); }
.btn02{width:320px; height:56px; padding: 10px;  text-indent: 20px;  color:#fff; font-size:18px; font-weight: 600;  border-radius:10px;  text-align: left; 
background: url("../sp_images/10_sub/btn_go.png") 92% 50% no-repeat, linear-gradient(120deg, rgba(247,44,82,1) 0%, rgba(247,44,82,1) 42%, rgba(240,147,72,1) 100%);}
.btn02:hover{background:url("../sp_images/10_sub/btn_go.png") 92% 50% no-repeat, #f20f3a; -webkit-box-shadow: 2px 5px 10px 0px rgb(0 0 0 / 20%);
-moz-box-shadow: 2px 5px 10px 0px rgb(0 0 0 / 20%);box-shadow: 2px 5px 10px 0px rgb(0 0 0 / 20%); }

.btn03{width:320px; height:56px; padding: 10px;  text-indent: 20px;  color:#fff; font-size:18px; font-weight: 600;  border-radius:10px;  text-align: left; 
background: url("../sp_images/10_sub/btn_go.png") 92% 50% no-repeat, linear-gradient(120deg, rgba(59,178,227,1) 0%, rgba(59,178,227,1) 40%, rgba(78,144,231,1) 100%);}
.btn03:hover{background:url("../sp_images/10_sub/btn_go.png") 92% 50% no-repeat, #4e90e7; -webkit-box-shadow: 2px 5px 10px 0px rgb(0 0 0 / 20%);
-moz-box-shadow: 2px 5px 10px 0px rgb(0 0 0 / 20%);box-shadow: 2px 5px 10px 0px rgb(0 0 0 / 20%); }

.contact{padding: 20px 30px; margin: 10px 0 40px; border:1px solid #4e90e7; }
.contact ul {}
.contact ul:after{display:block; clear:both; content:'';}
.contact ul li { display:inline-block; float:left; width:50%;}
.contact ul li div { display: table-cell; font-size:16px; padding-right: 20px; vertical-align:middle;}
.contact_info { font-size:20px; folor:#000; font-weight:600; padding-top:5px;}

.info_str{font-size:16px; color:#000;  font-weight:500; padding-top:5px;}