.sp-container-cac.a { width:50%; margin:0 auto;}

.sp-header { position:relative;width: 100%;}
.sp-header .box-red { width:6px; height:90px; background:#ee2d24; margin:0 auto; margin-bottom:-50px; position:relative; z-index:3;}
.sp-header .box-l { width:70%; float:left;}
.sp-header .box-r { width:40%; position:absolute; right:0; bottom:0; background:#211d1e;}
.sp-header .box-r .box-content {font-family: 'webfont1'; font-size:24px; line-height:36px; color:#fff; font-weight:normal; letter-spacing:1px; border-right:6px solid #ee2d24; padding:40px 0; margin:15% 20%;}
.sp-header .box-r .box-content span {font-size:30px;}


.sp-title { text-align:center; margin-bottom:30px;position:relative;display: flex;flex-wrap: wrap; justify-content:center; width:100%;}
.sp-title .box-title { width:100%;}
.sp-title .box-title h2 {font-family: 'webfont1'; font-size:28px; line-height:42px; color:#000; font-weight:normal; letter-spacing:1px;background:#fff; padding:0 10px;position:relative; display:inline-block}
.sp-title .box-title h2 span.a {font-family: 'webfont1'; font-size:34px; line-height:34px; color:#000; font-weight:normal; letter-spacing:1px; }
.sp-title .box-title h2 span.b {font-size:34px; line-height:34px; color:#ee2d24; font-weight:normal; letter-spacing:1px;display:block;}
.sp-title .box-title .sp-solid { width:70%; border-bottom:2px solid #ececec; margin:0 auto; margin-top:-46px; }


.sec1 { text-align:center; margin-top:40px; margin-bottom:40px;width: 100%;}
.sec1 h1 { font-family: 'webfont1'; font-size:30px; line-height:36px; color:#000; font-weight:normal; letter-spacing:1px; margin-bottom:10px;}
.sec1 h1 span {font-family: 'webfont1'; font-size: 30px; color: #ee2d24;}
.sec1 img { margin-bottom:20px;}
.sec1 p {font-family: 'webfont2'; font-size: 20px; line-height: 28px; color: #000;}


.sec2 { text-align:center; padding-top:40px; padding-bottom:40px; background:#ee2d24; width: 100%;}
.sec2 h2 {font-family: 'webfont1'; font-size: 30px; line-height: 30px; color: #fff;}
.sec2 h2 br { display:none;}
.sec2 p { font-family: 'webfont2'; font-size: 16px; line-height: 28px; color:#fff;}

.sec3 { text-align:center; padding-top:60px; padding-bottom:60px; padding-left:12%; padding-right:4%; background:#fff; width: 100%; position:relative;}
.sec3 .sp-line-vertical { left:0; bottom:20px; background:#363636; width:16px; position:absolute; height:60%;}


.sec4 { background:#fff;width: 100%;}
.sec4 .sp-row {display: flex;flex-wrap: wrap; align-items: center;}
.sec4 .sp-row .col-a { width:70%; order:2; text-align:left; position:relative;}
.sec4 .sp-row .col-a .sp-line-vertical { left:40px; top:-100px; background:#ee2d24; width:6px; position:absolute; height:210%;z-index: 2;}
.sec4 .sp-row .col-a .box-content { margin-left:6%; margin-right:16%;}
.sec4 .sp-row .col-a .box-content ol { margin-left:40px; padding:0;}
.sec4 .sp-row .col-a .box-content ol li { font-family: 'webfont2'; font-size: 16px; line-height: 28px; color:#666; margin-bottom:10px;}
.sec4 .sp-row .col-b { width:30%; order:1;}
.sec4 .sp-row .col-b img { width:100%;}


.sec5 { background:none; padding-top:40px; width: 100%;}
.sec5 .box-text { padding-left:40px; padding-top:20px; padding-bottom:80px;position:relative;}
.sec5 .box-text .sp-line-vertical { left:0; top:-80px; border-left:10px solid #ee2d24; position:absolute; height:110%;}
.sec5 .box-text .sp-row { margin-bottom:20px;}
.sec5 .box-text .sp-row h4 {font-family: 'webfont1'; font-size:22px; line-height:28px; color:#ee2d24; font-weight:normal; letter-spacing:1px;}
.sec5 .box-text .sp-row .sp-line-landscape {left:-20px; border-top:2px solid #ee2d24; position:absolute; width:20%;}
.sec5 .box-text .sp-row h5 {font-family: 'webfont1'; font-size:18px; line-height:26px; color:#000; font-weight:normal; letter-spacing:1px;margin-top:10px;}
.sec5 .box-text .sp-row ul { margin-left:40px; padding:0;}
.sec5 .box-text .sp-row ul li { font-family: 'webfont2'; font-size: 16px; line-height: 28px; color:#666;}


.sec6 { width: 100%; margin-top:60px;}
.sec6 .sp-row {display: flex;flex-wrap: wrap; align-items: center;}
.sec6 .sp-row .col-a { width:50%; order:2;}
.sec6 .sp-row .col-a .box-text { padding-right:8%; padding-left:12%; padding-top:40px; padding-bottom:80px;position:relative;}
.sec6 .sp-row .col-a .box-text .sp-row { margin-bottom:20px;}
.sec6 .sp-row .col-a .box-text .sp-row ul { margin-left:40px; padding:0;}
.sec6 .sp-row .col-a .box-text .sp-row ul li { font-family: 'webfont1'; font-size: 18px; line-height: 28px; color:#000; margin-bottom:30px;}
.sec6 .sp-row .col-a .box-text .sp-row ul li span { font-size: 18px; color:#ee2d24;}
.sec6 .sp-row .col-a .box-text .sp-row ul li p{font-family: 'webfont2'; font-size: 16px; margin-left:-20px; color:#666;}
.sec6 .sp-row .col-b { width:50%; order:1;}
.sec6 .sp-row .col-b img {width:100%;}


.sec7 { width: 100%; background:#f2f2f2;}
.sec7 .sp-row {display: flex;flex-wrap: wrap; align-items: center;}
.sec7 .sp-row .col-a { width:50%; order:1;}
.sec7 .sp-row .col-a .box-text { padding-right:8%; padding-left:12%; padding-top:40px; padding-bottom:80px;position:relative;}
.sec7 .sp-row .col-a .box-text .sp-row { margin-bottom:20px;}
.sec7 .sp-row .col-a .box-text .sp-row ul { margin-left:40px; padding:0;}
.sec7 .sp-row .col-a .box-text .sp-row ul li { font-family: 'webfont1'; font-size: 18px; color:#ee2d24; line-height: 28px; margin-bottom:20px;}
.sec7 .sp-row .col-a .box-text .sp-row ul li span { font-size: 18px; color:#ee2d24;}
.sec7 .sp-row .col-a .box-text .sp-row ul li span.a {  font-family: 'webfont2';font-size: 16px; color:#666;}
.sec7 .sp-row .col-a .box-text .sp-row ul li p{ font-family: 'webfont2'; font-size: 16px; margin-left:-20px; color:#666;}
.sec7 .sp-row .col-b { width:50%; order:2;}
.sec7 .sp-row .col-b img {width:100%;}


.sec8 { text-align:center; padding:40px 0; width: 100%;}
.sec8 img { margin-bottom:20px;}
.sec8 h4 {font-family: 'webfont1'; font-size:32px; line-height:32px; color:#000; font-weight:normal; letter-spacing:1px; margin-bottom:10px;}
.sec8 h5 {font-family: 'webfont1'; font-size:36px; line-height:36px; color:#ee2d24; font-weight:normal; letter-spacing:1px;}
.sec8 h5 span {color:#000;}


.sec9 { width: 100%;}
.sec9 img { 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) {
.sec3 .sp-row .col-a .box-content h3 {  font-size: 34px; margin-bottom: 20px;}
.sec4 .sp-row .col-b .box-content h3 {  font-size: 34px; margin-bottom: 20px;}
.sec5 .sp-row .col-a .box-content h3 {  font-size: 34px; margin-bottom: 20px;}

.sp-header .box-r .box-content {
    padding: 12px 0;
    margin: 15% 14%;
}
.sp-header .box-r .box-content span {
    font-size: 24px;
}
.sp-header .box-r .box-content {
    font-size: 18px;
}
.sec4 .sp-row .col-a .box-content {
    margin-right: 8%;
}
}

@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;}

.sec3 .sp-row .col-a .box-content h3 { font-size: 32px;}
.sec4 .sp-row .col-b .box-content h3 { font-size: 32px;}
.sec5 .sp-row .col-a .box-content h3 { font-size: 32px;}

.sec1 h1 {
    font-size: 26px;
    line-height: 30px;
}
.sec1 p {
    font-size: 16px;
}
.sp-header .box-l {
    width: 100%;
    float: none;
}
.sp-header .box-r .box-content {
    padding:40px 0;
    margin:0 30%;
}
.sp-header .box-r {
    width: 100%;
    position: relative;
}
.sec2 h2 {
    font-size: 26px;
}
.sec4 .sp-row .col-a .box-content {
    margin-right: 5%;
}
.sec4 .sp-row .col-a .box-content {
    margin-left: 5%;
}
.sec3 {
    padding-right: 0%;
}
.sp-title .box-title h2 span.a {
    font-size: 28px;
}
.sp-title .box-title h2 {
    font-size: 24px;
}
.sp-title {
    margin-bottom: 90px;
}
.sec6 .sp-row .col-a .box-text {
    padding-right: 5%;
    padding-left: 5%;
    padding-top: 0;
    padding-bottom: 0;
}
.sec7 .sp-row .col-a {
    width: 100%;
    order: 2;
}
.sec7 .sp-row .col-b {
    width: 100%;
    order: 1;
}
.sec7 .sp-row .col-a .box-text .sp-row {
    margin-bottom: 0;
}
.sec7 .sp-row .col-a .box-text {
    padding-right: 5%;
    padding-left: 5%;
    padding-bottom: 40px;
}
.sec8 h4 {
    font-size: 24px;
}
.sec8 h5 {
    font-size: 30px;
}
}

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

}

@media screen and (max-width:560px) {
.sec1 h1 { font-size:28px; line-height: 36px; padding-left: 5%;  padding-right: 5%;}
.sec2 { padding-top: 40px; padding-bottom: 40px;}
.sec2 h2 br { display: block;}

.sec3 .sp-row .col-a .box-content h3 {  font-size: 24px; line-height: 40px; 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: 40px; margin-bottom: 20px;}

.sec5 .sp-row .col-a .box-content h3 {  font-size: 24px; line-height: 40px; margin-bottom: 20px;}
.sp-header .box-r .box-content {
    margin: 0 11%;
}
.sec4 .sp-row .col-a .sp-line-vertical {
    width: 5px;
	left: 20px;
}
.sp-title .box-title h2 span.a {
    font-size: 24px;
}
.sp-title .box-title h2 span.b {
    font-size: 28px;
}
.sec6 .sp-row .col-a {
    width:100%;
    order: 2;
}
.sec6 .sp-row .col-b {
    width:100%;
    order: 1;
}
.sec6 .sp-row .col-a .box-text .sp-row ul {
    margin-left: 20px;
}
.sec6 .sp-row .col-a .box-text .sp-row {
    margin-bottom: 0px;
    margin-top: 20px;
}
.sec7 .sp-row .col-a .box-text {
    padding-bottom: 0px;
	padding-top:20px;
}
.sec7 .sp-row .col-a .box-text .sp-row ul {
    margin-left: 20px;
}
.sec8 h5 {
    font-size: 26px;
}
.sec4 .sp-row .col-a .sp-line-vertical {
    top: -55px;
}
}

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

}

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