img.a { max-width:100%;}

.sec01 {display: flex;flex-wrap: wrap;}
.sec01 .col-l { width:35%;}
.sec01 .col-l img {width:100%;}

.sec01 .col-r { width:65%; background:#959597; background-size:50%; position:relative;}
/*.sec01 .col-r .box-red { background:rgb(234, 45, 52, 0.8);width:160px; height:100px;  position: absolute; z-index:1; left: -70px; top: 30px;}*/
.sec01 .col-r .box-red01 { background:rgb(234, 45, 52, 0.9);width:10px; height:100px;  position: absolute; left:25%; bottom: -40px;}
/*.sec01 .col-r .box-bule { background: rgb(0, 82, 164, 0.8); width:40px; height:40px;  position: absolute; left: -88px; top: 108px;}*/
.sec01 .col-r .box-text { padding-left:60px; width:78%; padding-top:80px; padding-bottom:60px; text-align:left; font-family: 'webfont2'; letter-spacing:1px; font-weight:normal;}
/*.sec01 .col-r .box-text h1 {font-size:36px; line-height:40px; color:#fff; margin-bottom:7px;}
.sec01 .col-r .box-text h1 span.a {font-family: 'webfont4'; color:#0078ae; display:block;}
.sec01 .col-r .box-text h1 span.b {color:#ea2d34;}*/
.sec01 .col-r .box-text h1 {font-family: 'webfont1'; font-size:24px; line-height:38px; color:#211d1e; margin-bottom:20px; margin-top:20px;}
.sec01 .col-r .box-text p {font-family: 'webfont2'; font-size:18px; line-height:24px; color:#fff; margin-bottom:20px;}
.sec01 .col-r .box-text p strong {color:#fff;}


.sec02 { margin-top:60px; margin-bottom:40px;}
.sec02 .box-text {text-align:center; font-family: 'webfont2'; letter-spacing:1px; font-weight:normal; width:70%; margin:0 auto;}
.sec02 .box-text h2 {font-family: 'webfont1'; font-size:24px; line-height:38px; color:#211d1e; margin-bottom:10px;}
.sec02 .box-text h2 span { color:#211d1e; display:block;}
.sec02 .box-text p {font-family: 'webfont2'; font-size:18px; line-height:24px; color:#7f7f83; margin-bottom:20px;}
.sec02 .box-text p strong.a {color:#ea2d34;}
.sec02 .box-text p span.b {color:#0078ae;}


.sec03 { background:#fff url(../img/business-compliance/trace02.jpg) right top no-repeat; padding-top:12%; background-size:70%; position:relative;}
.sec03 .box-black { width:37%; height:550px; background:#211d1e; background-size:85%; position:relative;}
/*.sec03 .box-black .box-red { background:rgb(234, 45, 52, 0.8);width:100px; height:50px;  position: absolute; z-index:1; left: 0; bottom:0;}
.sec03 .box-black .box-bule { background:rgb(0, 82, 164, 0.8);width:20px; height:20px;  position: absolute; z-index:1; left:100px; bottom:50px;}*/
.sec03 .box-text { width:55%; position:absolute; left:20%; top:45%; border-left:6px solid #ee2d24; padding-left:20px;  font-family: 'webfont4'; letter-spacing:1px; font-weight:normal;}
.sec03 .box-text h2 {font-size:48px; line-height:48px; color:#fff; margin-bottom:15px;}
.sec03 .box-text h2 span {color:#ea2d34;}
.sec03 .box-text p {font-family: 'webfont2'; font-size:18px; line-height:28px; color:#fff;}
.sec03 .box-text01 { width:60%; margin-left:40%; padding-right:7%; font-family: 'webfont2'; letter-spacing:1px; font-weight:normal; margin-top:-5%;padding-bottom: 20px;font-size:18px; line-height:24px; color:#7f8083;}
.sec03 .box-text01 em {color:#211d1e;}


.sec04 {}
.sec04 ul {padding:0; margin:0; list-style:none; display: flex;flex-wrap: wrap;padding-top:60px; padding-bottom:60px;}
.sec04 ul li {width:20%; text-align:center;}
.sec04 ul li img { max-width:100%;}
.sec04 .box-text { text-align:center; font-family: 'webfont2'; letter-spacing:1px; font-weight:normal; font-size:18px; line-height:24px; color:#7f7f83; margin-bottom:40px;}
.sec04 .box-text em { color:#1f1e1f;}
.sec04 .box-text01 { text-align:center; font-family: 'webfont2'; letter-spacing:1px; font-weight:normal; font-size:18px; line-height:28px; color:#7f7f83; margin-bottom:40px;}
.sec04 .box-text01 h3 {font-family: 'webfont4'; letter-spacing:1px; font-weight:normal; font-size:30px; line-height:42px; color:#ea2d34; margin-bottom:7px; margin-top:10px;}
.sec04 .box-text01 h3 span.a { color:#1f1e1f;}
.sec04 .box-text01 h3 span.b { display:block; color:#0078ae;}

.sec06 { background:#f1f2f2;}


@media screen and (max-width:1440px) {
.sec03 .box-text01 { font-size: 19px;}
.sec03 .box-text h2 { font-size: 42px;}
.sec03 { padding-top: 3%;}
}

@media screen and (max-width:1366px) {

}

@media screen and (max-width:1280px) {
.sec03 .box-text01 { margin-top: -8%;}
.sec02 .box-text { width: 80%;}
.sec01 .col-r .box-text { width: 84%;}
.sec01 .col-l { width: 40%;}
.sec01 .col-r { width: 60%;}
}

@media screen and (max-width:1024px) {
img.a { max-width:60%;}
.sec03 .box-text { width: 70%;  left: 20%; top: 45%;}
.sec01 .col-r .box-text {padding-left: 40px; padding-top: 40px;}
.sec01 .col-r .box-red01 {  left: 13%;}
.sec03 .box-text {  top: 20%;}
.sec03 .box-text01 {  margin-top: -14%;}
}

@media screen and (max-width:768px) {
.sec01 .col-l { width: 100%;}
.sec01 .col-r { width: 100%;}
.sec01 .col-r .box-text { width: 100%; padding:40px;}
.sec01 .col-r .box-red01 { left: 50%;}
.sec02 .box-text { width:90%;}
.sec03 { background-size: 100%;  padding-top: 49%;}
.sec03 .box-black { width: 100%; height: 250px;}
.sec03 .box-text {  width: 80%;  left: 10%;  top: 56%;}
.sec03 .box-text01 { margin-top: 5%;}
.sec03 .box-text01 { width: 80%;  margin-left: 10%; padding-right: 0;  margin-top: 40px;}
.sec04 ul { padding-top: 40px;  padding-bottom: 40px;}
}

@media screen and (max-width:737px) {

}

@media screen and (max-width:560px) {
.sec01 .col-r .box-text { padding: 20px;}
.sec01 .col-r .box-red01 {height: 65px;bottom: -40px; width:5px;}
.sec02 .box-text h2 {  font-size: 22px;  line-height: 32px;}
.sec03 .box-text h2 { font-size: 32px;}
.sec03 .box-text { width: 89%; left: 5%; top: 35%;}
.sec03 .box-black { height: 200px;}
.sec03 .box-text01 { width: 90%; margin-left: 5%;}
.sec04 ul li {  width: 50%; margin-bottom: 10px;}
.sec04 ul li img { max-width: 84%;}
}

@media screen and (max-width:414px) {

}

@media screen and (max-width:375px) {
 
}