.sp-container-cac.a { width:50%; 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;width: 100%;}
.sec1 h1 { font-family: 'webfont1'; font-size:24px; line-height:36px; color:#000; font-weight:normal; letter-spacing:1px; margin-bottom:10px; text-transform:uppercase;}
.sec1 h1 span {font-family: 'webfont1'; font-size: 28px; color: #ee2d24;}


.sec2 { text-align:center; padding-top:60px; padding-bottom:60px; background:#fff; width: 100%;}
.sec2 p {font-family: 'webfont2'; font-size: 18px; line-height: 28px; color: #666;}
.sec2 p span {font-family: 'webfont1'; font-size: 18px; color: #000;}


.sec3 { text-align:center; padding-top:60px; padding-bottom:60px; background:#fff; width: 100%;}
.sec3 p {font-family: 'webfont2'; font-size: 18px; line-height: 28px; color: #666;}
.sec3 p span {font-family: 'webfont1'; font-size: 18px; color: #000;}


.sec4 { background:#ebebeb;width: 100%;}
.sec4 .sp-row {display: flex;flex-wrap: wrap; align-items: center;}
.sec4 .sp-row .col-a { width:45%; order:2; text-align:left;}
.sec4 .sp-row .col-a .box-content { margin-left:12%; margin-right:12%;}
.sec4 .sp-row .col-a .box-content ul { margin-left:40px; padding:0;}
.sec4 .sp-row .col-a .box-content ul li { font-family: 'webfont1'; font-size: 18px; line-height: 28px; color:#ee2d24; margin-bottom:30px;}
.sec4 .sp-row .col-a .box-content ul li p {font-family: 'webfont2'; font-size: 18px; line-height: 28px; color: #666; margin-left:-20px; margin-top:10px;}
.sec4 .sp-row .col-a .box-content ul li p span {font-family: 'webfont1'; font-size: 18px; color: #000;}
.sec4 .sp-row .col-b { width:55%; 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: 18px; line-height: 28px; color:#666;}


.sec6 { background:#f8f8f8; width: 100%;}
.sec6 .sp-row {display: flex;flex-wrap: wrap; align-items: center;}
.sec6 .sp-row .col-a { width:45%; order:2;}
.sec6 .sp-row .col-a .box-text { padding-right:40px; padding-top:40px; padding-bottom:80px;position:relative;border-right:10px solid #ee2d24;}
.sec6 .sp-row .col-a .box-text .sp-row { margin-bottom:20px;}
.sec6 .sp-row .col-a .box-text .sp-row h4 {font-family: 'webfont1'; font-size:22px; line-height:28px; color:#ee2d24; font-weight:normal; letter-spacing:1px;}
.sec6 .sp-row .col-a .box-text .sp-row .sp-line-landscape {right:-20px;top: 68px; border-top:2px solid #ee2d24; position:absolute; width:103%;}
.sec6 .sp-row .col-a .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;}
.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: 'webfont2'; font-size: 18px; line-height: 28px; color:#666; margin-bottom:10px;}
.sec6 .sp-row .col-a .box-text .sp-row ul li span { font-family: 'webfont1'; display:block;}
.sec6 .sp-row .col-b { width:55%; order:1;padding-right: 40px}
.sec6 .sp-row .col-b img { max-width:100%;}


.sec7 {  width: 100%;}
.sec7 .box-text { padding-left:40px; padding-top:100px;  padding-bottom:40px;position:relative;border-left:10px solid #ee2d24;}
.sec7 .box-text .sp-row { margin-bottom:20px;}
.sec7 .box-text .sp-row h4 {font-family: 'webfont1'; font-size:22px; line-height:28px; color:#ee2d24; font-weight:normal; letter-spacing:1px;}
.sec7 .box-text .sp-row .sp-line-landscape {left:-20px; border-top:2px solid #ee2d24; position:absolute; width:20%;}
.sec7 .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;}
.sec7 .box-text .sp-row ul { margin-left:40px; padding:0;}
.sec7 .box-text .sp-row ul li { font-family: 'webfont2'; font-size: 18px; line-height: 28px; color:#666;}


.sec8 { background:#d7d7d7; text-align:center; padding:40px 0; width: 100%;}
.sec8 p {font-family: 'webfont2'; font-size: 18px; line-height: 32px; color: #000;}
.sec8 p span.a {font-family: 'webfont1'; font-size: 18px; color: #000;}
.sec8 p span.b {font-family: 'webfont1'; font-size: 24px; color: #ee2d24;}
.sec8 p span.c {font-family: 'webfont1'; font-size: 24px; color: #000;}


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

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

.sec4 .sp-row .col-a .box-content {
    margin-left: 5%;
    margin-right: 5%;
}
.sec4 .sp-row .col-a .box-content ul {
    margin-left: 20px;
}
.sec5 .box-text {
    padding-right: 20px;
}
.sec6 .sp-row .col-b {
    width: 95%;
	margin:0 auto;
    order: 1;
    padding-right:0px;
}
.sec6 .sp-row .col-a {
    width: 95%;
	margin:0 auto;
    order: 2;
}
}

@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: 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;}
.sec2 p {
	text-align:left;
}
.sec3 p span {
    font-size: 18px;
}
.sec5 .box-text {
    padding-left: 20px;
}
.sec5 .box-text .sp-row h4 {
    font-size: 18px;
}
.sec5 .box-text .sp-row h5 {
    font-size: 18px;
    line-height: 22px;
}
.sec5 .box-text {
    padding-right: 0px;
}
.sec6 .sp-row .col-a .box-text .sp-row h4 {
    font-size: 18px;
}
.sec6 .sp-row .col-a .box-text .sp-row h5 {
    font-size: 18px;
    line-height: 22px;
}
.sec6 .sp-row .col-a .box-text {
    padding-right: 20px;
    border-right: 5px solid #ee2d24;
}
.sec5 .box-text .sp-line-vertical {
    border-left: 5px solid #ee2d24;
}
.sec7 .box-text {
    padding-left: 20px;
    padding-top: 40px;
    border-left: 5px solid #ee2d24;
}
.sec7 .box-text .sp-row h4 {
    font-size: 18px;
}
.sec7 .box-text .sp-row h5 {
    font-size: 18px;
    line-height: 22px;
}
.sec3 {
    padding-top: 40px;
    padding-bottom: 40px;
}
}

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

}

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