@charset "UTF-8";
/* CSS Document */

@media screen and (min-width: 500px) {
.link_box_service li{
height: 3.2vh;
line-height: 3.2vh;
font-size: 15px;
}
}

@media screen and (min-width: 768px) {
	
.content_wrap{
margin-bottom: 50px;
}

/*topV*/
.top_header_img {
height: 615px;
}
.top_header_img h1 {
font-size: 3.0vw;
padding: 50px;
}	
.top_service{
display: flex;
justify-content: center;
align-items: center;
}	
.service_box img {
height: 100%;
}
.service_box h3 {
font-size: 20px;
color: #fff;
margin-bottom: 10px;
}
.service_box{
width: 50%;
line-height: normal;
}
.top_service{
background: no-repeat left center url("../images/top/service.jpg");
background-size: auto 100%;
}
.top_service .service_box:nth-child(2){
padding: 5.5%;
}
.btn_wrap {
display: flex;
justify-content: space-between;
}
.btn_list {
width: 100%;
margin: 0 15px;
}
.btn_list a {
height: 260px;
font-size: 25px;
}	
.top_iso h2 {
font-size: 20px;
}
.iso_wrap{
display: flex;
justify-content: space-between;
}
.iso_item {
width: 100%;
margin: 0 15px;
}

/*Company*/
.company_table {
width: 100%;
}
.company_table td, .company_table th {
display: table-cell;
padding-bottom: 20px;
padding-top: 20px;
}
.company_table th {
border-bottom: 1px solid #e6e6e6;
width: 195px;
}
.company_table td {
width: calc(100% - 195px)!important;
}
	
/*about*/
.table_box{
display: flex;
justify-content: space-around;
}
.about_box{
width:48%;
}
.about_box:first-child{
margin-right: 4%;
}
.about_box{
margin-top: 50px;
}
.about h3{
font-size: 22px;
margin-bottom: 15px;
padding-bottom: 15px;
}

/*services*/
.point_font{
font-size: 20px;
}
.blue_line{
padding: 30px;
}
.service_link_box h3{
font-size: 22px;
}
.service_link_box{
display: flex;
}
.service_link_box div{
width: 30%;
margin-right: 5%;
}
.service_link_box div:last-child{
margin-right: 0;
}

/*service*/
.service_icon_wrap th,.service_icon_wrap td{
display: table-cell;
}
.service_icon_wrap th{
width: 140px;
}
.service_icon_wrap td{
width: calc(100% - 140px)!important;
}
.link_box_service{
border-radius:15px;
}
.link_box_service p a {
font-size: 22px;
}
.link_box_service li{
height: 2.5vh;
line-height: 2.5vh;
}
.link_box_service li img{
width: auto;
}

/*capitec*/
.capitec_wrap{
display: flex;
justify-content: space-around;
}
.right h3{
font-size: 22px;
}
.capitec_wrap .left{
width: 330px;
}
.capitec_wrap .right{
width: calc(100% - 400px)!important;
}
.blue_table td, .blue_table th,.ora_table td, .ora_table th {
display: table-cell;
padding: 10px;
}
.blue_table th,.ora_table th{
width: 195px;
}
.blue_table td,.ora_table td{
width: calc(100% - 195px)!important;
}

/*recruit*/
.recruit h3{
font-size: 18px;
padding: 12px 15px;
}
.recruit .blue_tit{
font-size: 35px;
}
.recruit .person{
padding-bottom: 50px;
}
.gray_table td, .gray_table th {
display: table-cell;
padding: 10px;
}
.gray_table th{
width: 195px;
}
.gray_table td{
width: calc(100% - 195px)!important;
}
.contact_info{
padding: 20px;
}
	
/*sitepolicy*/
.sitepolicy li{
margin-top: 40px;
}

}

@media screen and (min-width: 1120px) {
.link_box_service li{
height: 35px;
line-height: 34px;
font-size: 18px;
}
}

@media screen and (min-width: 1300px) {
.top_service{
background-size: 50% auto; 
}
}