img.a { max-width:75%;}
.sp-container-cac { width:65%; margin:0 auto;}

.sp-header { position:relative; overflow:hidden;}
.sp-header img.b { max-width:100%;}
.sp-header h1 {font-family: 'webfont1'; font-size:48px; line-height:66px; color:#fff; font-weight:normal; letter-spacing:1px; text-align:center; position:absolute; width:100%; top:36%;}
.sp-header h1 div { background:rgb(0, 0, 0, 0.6); padding:10px 20px; display: inline-block;}
.sp-header .box-pic { width:100%; margin:0 auto; margin-top:-70px; position:relative; z-index:1; text-align:center;}
.sp-header .box-pic img { max-width:100%;}
.mobi { display:none;}

.sec1 { text-align:center; margin-top:60px;}
.sec1 h2 { font-family: 'webfont1'; font-size:30px; line-height:40px; color:#211d1e; font-weight:normal; letter-spacing:1px; margin-bottom:20px;}
.sec1 h2 span {color:#211d1e;}
.sec1 p {font-family: 'webfont2'; font-size: 18px; line-height: 28px; color: #666;}
.sec1 p span {font-family: 'webfont1';color:#211d1e;}


.logo-affiliates { padding-top:60px; padding-bottom:60px;}
.logo-affiliates ul {padding:0; margin:0; list-style:none; display: flex; flex-wrap: wrap; width:85%; margin:0 auto; text-align: center;}
.logo-affiliates ul li.logo01 { width:23%;}
.logo-affiliates ul li.logo02 { width:16%;}
.logo-affiliates ul li.logo03 { width:15%;}
.logo-affiliates ul li.logo04 { width:23%;}
.logo-affiliates ul li.logo05 { width:23%;}


.txt-h2 {font-family: 'webfont1'; font-size:48px; line-height:66px; color:#ee2d24; font-weight:normal; letter-spacing:1px; text-align:center;}

.sec2 { display: flex;flex-wrap: wrap;}
.sec2 .col-l { width:35%;background:url(../img/business-compliance/cac-certification01.jpg) no-repeat top center; background-size: cover;}
.sec2 .col-r { width:65%;}
.sec2 .col-r .box-text { padding:40px; padding-right:18%;}
.sec2 .col-r .box-text .box-red { background:rgb(234, 45, 52, 0.9); width:10px; height:120px; margin-top:-45px; position:relative; z-index:1; margin-left:120px; margin-bottom:40px;}
.sec2 .col-r .box-text h3 { font-family: 'webfont1'; font-size:24px; line-height:32px; color:#ee2d24; font-weight:normal; letter-spacing:1px; margin-bottom:20px;}
.sec2 .col-r .box-text h3 span {color:#211d1e; display:block;}
.sec2 .col-r .box-text p {font-family: 'webfont2'; font-size: 18px; line-height:28px; color: #666;}
.sec2 .col-r .box-text p span {font-family: 'webfont1'; font-style:italic; color:#211d1e;}


.sec3 { display: flex;flex-wrap: wrap;}
.sec3 .col-l { width:40%; background:url(../img/business-compliance/cac-certification02.jpg) no-repeat top center; background-size: cover;}
.sec3 .col-r { width:60%; background:#e8e8e8;}
.sec3 .col-r .box-text { padding:40px; padding-right:15%; padding-left:15%; text-align:left;}
.sec3 .col-r .box-text .txt { font-family: 'webfont1'; font-size: 18px; line-height: 28px; color: #666; text-align:right;}
.sec3 .col-r .box-text .sp-row {display: flex;flex-wrap: wrap;}
.sec3 .col-r .box-text .sp-row .col-a { width:33.33%; padding-right:20px;}
.sec3 .col-r .box-text .sp-row .col-a .aa {font-family: 'webfont4'; font-size: 20px; line-height: 28px; color: #666; margin-bottom:10px;}
.sec3 .col-r .box-text .sp-row .col-a .bb {font-family: 'webfont2'; font-size: 18px; line-height: 22px; color: #666;}
.sec3 .col-r .box-text .sp-row .col-a button { border: none; background: #ee2d24; font-family: 'webfont2'; font-size: 14px;line-height: 14px; color: #fff;cursor: pointer; padding: 15px 12px; font-weight: normal; letter-spacing: 1px; margin-top:60px;}
.sec3 .col-r .box-text .sp-row .col-a .box-pdf { height:300px; width: 216px; background:url(../img/business-compliance/paper.png) no-repeat top center; background-size:100%; padding-left:20px; padding-right:20px; padding-top:40px;}
.sec3 .col-r .box-text .sp-row .col-a .box-pdf h4 { font-family: 'webfont2';  font-size: 18px; line-height: 28px; color:#ee2d24; font-weight:normal; letter-spacing:1px; margin-bottom:10px;}
.sec3 .col-r .box-text .sp-row .col-a .box-pdf p {font-family: 'webfont2'; font-size: 18px; line-height: 24px; color: #666; padding-left:0px;}
.sec3 .col-r .box-text .sp-row .col-a .box-pdf ul.sp-kb { list-style:none; padding:0; margin:0; display: flex;flex-wrap: wrap; align-items: baseline; justify-content: flex-start; margin-top:10px; margin-bottom:20px;}
.sec3 .col-r .box-text .sp-row .col-a .box-pdf ul.sp-kb li { margin:0 1px; width:auto; font-family: 'webfont2'; font-size:12px; line-height:16px; font-weight:normal;letter-spacing:1px; color:#666; padding:2px;}
.sec3 .col-r .box-text .sp-row .col-a .box-pdf ul.sp-kb li::after {content: "/"; font-family: 'webfont2'; font-weight:normal; color:#666; letter-spacing:1px; font-size:12px; padding-left:5px;}
.sec3 .col-r .box-text .sp-row .col-a .box-pdf ul.sp-kb li.none::after {content: none;}
.sec3 .col-r .box-text .sp-row .col-a .box-pdf a {font-size:24px; color:#999;}
.sec3 .col-r .box-text h3 { font-family: 'webfont2'; font-size:34px; line-height:50px; color:#666; font-weight:normal; letter-spacing:1px; margin-bottom:40px; text-transform:uppercase;}
.sec3 .col-r .box-text p {font-family: 'webfont2'; font-size: 18px; line-height: 28px; color: #666; padding-left:30px;}
.sec3 .col-r .box-text p span {font-family: 'webfont1'; font-style:italic;}


.sp-pc { display:block;}
.sp-mobi { display:none;}


@media screen and (max-width:1600px) {
.sp-container-cac { width: 78%;}
.sec2 .col-r .box-text { padding-right: 8%;}
.sec3 .col-r .box-text { padding-right: 8%; padding-left: 8%;}
}

@media screen and (max-width:1366px) {
.sec3 .col-r .box-text .sp-row .col-a .box-pdf {background-size:90%;}
.sp-container-cac {  width: 83%;}
}

@media screen and (max-width:1280px) {
.sec3 .col-r .box-text { padding-right: 5%; padding-left: 5%;}
.txt-h2 img { width:10%;}
.sp-container-cac {  width:90%;}
}

@media screen and (max-width:1024px) {
.sp-container-cac { width:80%;}
.sec3 .col-r .box-text .sp-row .col-a .box-pdf {height: 260px; width: 188px;}
}

@media screen and (max-width:768px) {
.sp-container-cac { width:90%;}
.sp-header .box-pic img { max-width: 33%;}
.sp-header .box-pic { margin-top: -47px;}
.sp-header h1 {  font-size: 34px;  top: 30%;}
.txt-h2 { font-size: 38px;  margin-bottom: 20px;}
.sec2 .col-l {width: 100%;height: 400px;}
.sec2 .col-r {width: 100%;}
.sec2 .col-r .box-text { padding-right:40px;}
.sec2 .col-r .box-text .box-red { width: 6px; height: 75px;margin: 0 auto; margin-top: -78px; margin-bottom: 40px; }

.sec3 .col-l {  width: 100%; height: 400px; background-position-y: -100px;}
.sec3 .col-r {  width: 100%;}

.sec3 .col-r .box-text .sp-row .col-a .box-pdf { height: 286px; width: 200px;}
.sec3 .col-r .box-text h3 { font-size: 28px; line-height: 36px;}

.sp-header img.b { max-width: 140%; margin-left:-10%;}
}

@media screen and (max-width:737px) {
.sp-pc { display:none;}
.sp-mobi { display: block;}
}

@media screen and (max-width:560px) {
.sec1 { margin-top: 40px;}
.sp-header img.b { max-width: 150%; margin-left: 0%; margin-top: -53px;}
.sp-header h1 { line-height: 43px;}
.sp-header .box-pic img { max-width: 62%;}
.logo-affiliates ul li.logo01 {width: 50%;}
.logo-affiliates ul li.logo02 {width: 50%;}
.logo-affiliates ul li.logo03 {width: 50%;}
.logo-affiliates ul li.logo04 {width: 50%;}
.logo-affiliates ul li.logo05 {width: 50%;}
img.a { max-width: 88%;}
.txt-h2 img {width: 20%;}
.logo-affiliates { padding-top: 40px; padding-bottom: 40px;}
.sec2 .col-r .box-text { padding: 20px;}
.sec3 .col-r .box-text h3 {  font-size: 24px;  margin-bottom: 20px;}
.sec3 .col-r .box-text .sp-row .col-a { width: 100%;padding-right: 0px; margin-bottom:10px;}
.sec3 .col-r .box-text .sp-row .col-a button { margin-top: 20px;}
.sec3 .col-r .box-text .sp-row .col-a .box-pdf {  height: 268px; width: 189px;}
.sec3 .col-l {  background-position-y: 0;}

.sec3 .col-r .box-text .sp-row .col-a .box-pdf {background-size:100%;}

.mobi { display: block;}
}

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

}

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