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

.sp-header { position:relative;}
.sp-header .box-red { width:6px; height:90px; background:#ee2d24; margin:0 auto; margin-bottom:-50px; position:relative; z-index:1;}

.sec1 { text-align:center; margin-top:40px; margin-bottom:40px;}
.sec1 h1 { font-family: 'webfont1'; font-size:36px; line-height:46px; color:#211d1e; font-weight:normal; letter-spacing:1px;}
.sec1 h1 span { font-family: 'webfont4'; color:#211d1e; display:block;}


.sec2 { text-align:center; padding-top:60px; padding-bottom:60px; background:#f2f2f2;}
.sec2 h2 { font-family: 'webfont3'; font-size:24px; line-height:40px; color:#666; font-weight:normal; letter-spacing:1px;margin-top:20px; margin-bottom:30px;}
.sec2 h2 span { font-size:40px; color:#ee2d24;}
.sec2 p {font-family: 'webfont2'; font-size: 18px; line-height: 28px; color: #666;}


.sec3 { background:#fff;}
.sec3 .sp-row {display: flex;flex-wrap: wrap; align-items: center;}
.sec3 .sp-row .col-a { width:50%;}
.sec3 .sp-row .col-a .box-content { margin-left:15%; margin-right:40px; margin-top:18%;}
.sec3 .sp-row .col-a .box-content h3 { font-family: 'webfont3'; font-size:40px; line-height:50px; color:#ee2d24; font-weight:normal; letter-spacing:1px;margin-bottom:40px;}
.sec3 .sp-row .col-a .box-content h4 { font-family: 'webfont3'; font-size:24px; line-height:30px; color:#000; font-weight:normal; letter-spacing:1px; margin-bottom:10px;}
.sec3 .sp-row .col-a .box-content p {font-family: 'webfont2'; font-size: 18px; line-height: 28px; color: #666;}
.sec3 .sp-row .col-b { width:50%; background:#ebebeb;}
.sec3 .sp-row .col-b img { max-width:100%;}


.sec4 { background:#fff;}
.sec4 .sp-row {display: flex;flex-wrap: wrap; align-items: center;}
.sec4 .sp-row .col-a { width:50%;}
.sec4 .sp-row .col-a img { max-width:100%;}
.sec4 .sp-row .col-b { width:50%;}
.sec4 .sp-row .col-b .box-content { margin-left:40px; margin-right:15%; margin-top:13%;}
.sec4 .sp-row .col-b .box-content h3 { font-family: 'webfont3'; font-size:40px; line-height:50px; color:#ee2d24; font-weight:normal; letter-spacing:1px;margin-bottom:40px;}
.sec4 .sp-row .col-b .box-content h4 { font-family: 'webfont3'; font-size:24px; line-height:30px; color:#000; font-weight:normal; letter-spacing:1px; margin-bottom:10px;}
.sec4 .sp-row .col-b .box-content p {font-family: 'webfont2'; font-size: 18px; line-height: 28px; color: #666; margin-bottom:20px;}
.sec4 .sp-row .col-b .box-content p strong.a {color:#ee2d24; font-style:italic;}


.sec5 { background:#fff;}
.sec5 .sp-row {display: flex;flex-wrap: wrap; align-items: center;}
.sec5 .sp-row .col-a { width:50%;}
.sec5 .sp-row .col-a .box-content { margin-left:15%; margin-right:40px; margin-top:20%;}
.sec5 .sp-row .col-a .box-content h3 { font-family: 'webfont3'; font-size:40px; line-height:50px; color:#ee2d24; font-weight:normal; letter-spacing:1px;margin-bottom:40px;}
.sec5 .sp-row .col-a .box-content p {font-family: 'webfont2'; font-size: 18px; line-height: 28px; color: #666; margin-bottom:20px;}
.sec5 .sp-row .col-b { width:50%;}
.sec5 .sp-row .col-b img { max-width:100%;}


@media screen and (max-width:1440px) {
.sec3 .sp-row .col-a .box-content {  margin-top: 10%}
.sec4 .sp-row .col-b .box-content { margin-top: 10%;  margin-bottom: 10%;}
.sec5 .sp-row .col-a .box-content { margin-top: 7%;}
}

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

}

@media screen and (max-width:1280px) {
.sec3 .sp-row .col-a .box-content { margin-top: 5%; margin-left: 7%;}
.sec4 .sp-row .col-b .box-content { margin-right: 7%;}
.sec5 .sp-row .col-a .box-content { margin-top: 2%; margin-left: 7%;}
}

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

}

@media screen and (max-width:768px) {
.sp-container-cac { width: 90%;}

.sec3 .sp-row .col-a { width: 100%; order:2;}
.sec3 .sp-row .col-a .box-content { margin-top: 5%; margin-left: 5%; margin-bottom: 5%;}
.sec3 .sp-row .col-b { width: 100%; order:1;}

.sec4 .sp-row .col-a { width: 100%;}
.sec4 .sp-row .col-b { width: 100%;}
.sec4 .sp-row .col-b .box-content { margin-top: 5%; margin-left: 5%; margin-right: 5%; margin-bottom: 5%;}

.sec5 .sp-row .col-a { width: 100%; order:2;}
.sec5 .sp-row .col-a .box-content { margin-top: 5%; margin-left: 5%; margin-bottom: 5%;}
.sec5 .sp-row .col-b { width: 100%; order:1;}

.sp-header .box-red { display:none;}

}

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

}

@media screen and (max-width:560px) {
.sec1 h1 { font-size:22px; line-height: 36px; padding-left: 5%;  padding-right: 5%;}
.sec2 { padding-top: 20px; padding-bottom: 20px;}
.sec2 h2 {  font-size: 18px; line-height: 33px;}
.sec2 h2 span {  font-size: 24px;}

.sec3 .sp-row .col-a .box-content h3 {  font-size: 24px; line-height: 30px; margin-bottom: 20px;}
.sec3 .sp-row .col-a .box-content h4 { font-size: 20px;}

.sec4 .sp-row .col-b .box-content h3 {  font-size: 24px; line-height: 30px; margin-bottom: 20px;}

.sec5 .sp-row .col-a .box-content h3 {  font-size: 24px; line-height: 30px; margin-bottom: 20px;}
}

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

}

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