.sp-container-cs01 { width:90%; margin:0 auto;}

.sec1 { text-align:center; margin-top:40px; margin-bottom:40px;}
.sec1 .sp-text-title { font-family: 'webfont1'; font-size:36px; line-height:52px; color:#ee2d24; font-weight:normal; letter-spacing:1px; margin-bottom:5px;}
.sec1 .sp-text-title-h1 { font-family: 'webfont1'; font-size:28px; line-height:46px; color:#000; font-weight:normal; letter-spacing:1px;}
.sec1 .sp-text-title-h1 h1 { font-family: 'webfont1'; font-size:28px; line-height:46px; color:#000; font-weight:normal; letter-spacing:1px; display:inline;}
.sec1 .line-red { width:4px; height:70px; background:#ee2d24; margin:0 auto;}
.sec1 p {
    font-family: 'webfont2';
    font-size: 16px;
    line-height: 28px;
    color: #666;
	margin:10px 0;
}
.sec1 p span {font-family: 'webfont1';color: #000;}


.sec2 { background:#f7f7f7; padding:60px 0; text-align:center;}
.sec2 p {font-family: 'webfont2'; font-size: 16px; line-height: 28px; color: #666;}


.sec3 { text-align:center; padding:40px 0;}
.sec3 .sp-container-cs { width:90%; margin:0 auto;}
.sec3 .sp-container-cs .sp-row { display: flex; align-items:center; justify-content: center;}
.sec3 .sp-container-cs .sp-row .col-a { padding:10px; background:#ee2d24; margin:5px; text-align:left;}
.sec3 .sp-container-cs .sp-row .col-a .row-a { width:180px; height: 110px; display: flex; align-items:center; justify-content: center;}
.sec3 .sp-container-cs .sp-row .col-a .row-a .number-a { font-family: 'webfont1'; font-size:60px; line-height:60px; color: #fff; display: inline-block; vertical-align: middle; padding-right:10px;}
.sec3 .sp-container-cs .sp-row .col-a .row-a .text-a { font-family: 'webfont2'; font-size: 16px; line-height: 20px; color: #fff; display: inline-block; vertical-align: middle;}
.sec3 .sp-container-cs .sp-row .col-a .row-a .text-a ul { padding:0; margin:0; margin-left:20px;}
.sec3 .sp-container-cs .sp-row .col-a .row-a .text-a ul li { }
.sec3 .sp-container-cs .sp-row .col-b { width:100px;}


.sec4 { margin-top:60px;}
.sec4 .sp-row {display: flex;flex-wrap: wrap; align-items:center;}
.sec4 .sp-row .col-a { width:45%;}
.sec4 .sp-row .col-a .sp-content { border-left:3px solid #ee2d24; padding:20px 0; padding-left:40px; margin-left:17%;}
.sec4 .sp-row .col-a .sp-content h2 { font-family: 'webfont1'; font-size:20px; line-height:24px; color:#ee2d24; font-weight:normal; letter-spacing:1px; margin-bottom:5px;}
.sec4 .sp-row .col-a .sp-content p {font-family: 'webfont2'; font-size: 16px; line-height: 28px; color: #666; padding-left:25px; margin-bottom:20px;}
.sec4 .sp-row .col-a .sp-content p.a {margin-bottom:0px;}
.sec4 .sp-row .col-a .sp-content ul { margin:0; margin-left:60px; padding:0;}
.sec4 .sp-row .col-a .sp-content ul li { font-family: 'webfont2'; font-size: 16px; line-height: 26px; color: #666;}
.sec4 .sp-row .col-b {width:55%;}
.sec4 .sp-row .col-b img { max-width:100%;}


.sec5 { margin-top:20px; margin-bottom:60px;}
.sec5 .sp-row {display: flex;flex-wrap: wrap; align-items:center;}
.sec5 .sp-row .col-a { width:55%; order:2;}
.sec5 .sp-row .col-a .sp-content { border-left:3px solid #ee2d24; padding:20px 0; padding-left:40px; margin-left:8%; margin-right:14%;}
.sec5 .sp-row .col-a .sp-content h2 { font-family: 'webfont1'; font-size:20px; line-height:24px; color:#ee2d24; font-weight:normal; letter-spacing:1px; margin-bottom:5px;}
.sec5 .sp-row .col-a .sp-content p {font-family: 'webfont2'; font-size: 16px; line-height: 28px; color: #666; padding-left:25px; margin-bottom:20px;}
.sec5 .sp-row .col-a .sp-content p.a {margin-bottom:0px;}
.sec5 .sp-row .col-a .sp-content ul { margin:0; margin-left:60px; padding:0;}
.sec5 .sp-row .col-a .sp-content ul li { font-family: 'webfont2'; font-size: 16px; line-height: 26px; color: #666;}
.sec5 .sp-row .col-b {width:45%; order:1; text-align:right;}
.sec5 .sp-row .col-b img { max-width:100%;}


.sec3 .sp-container-cs .sp-row .col-c { display:none;}


.sec6 { text-align:center; margin-top:40px; background:#f7f7f7; position:relative; padding-top:20px; padding-bottom:50px;}
.sec6 h3 { font-family: 'webfont1'; font-size:36px; line-height:52px; color:#ee2d24; font-weight:normal; letter-spacing:1px; margin-bottom:5px;}
.sec6 h4 { font-family: 'webfont1'; font-size:28px; line-height:46px; color:#000; font-weight:normal; letter-spacing:1px;}
.sec6 .line-red { width:4px; height:70px; background:#ee2d24; position:absolute; right:50%; margin-top:15px;}


.sec7 {}
.sec7 .sp-row {display: flex;flex-wrap: wrap; align-items:center;}
.sec7 .sp-row .col-a { width:55%; order:2;}
.sec7 .sp-row .col-a .sp-content { padding:20px 0; padding-left:40px; margin-left:8%; margin-right:14%;}
.sec7 .sp-row .col-a .sp-content h3 { font-family: 'webfont1'; font-size:36px; line-height:36px; color:#ee2d24; font-weight:normal; letter-spacing:1px; margin-bottom:30px;}
.sec7 .sp-row .col-a .sp-content p {font-family: 'webfont2'; font-size: 16px; line-height: 28px; color: #666; margin-bottom:60px; text-indent:40px;}
.sec7 .sp-row .col-a .sp-content ul { margin:0; margin-left:60px; padding:0;}
.sec7 .sp-row .col-a .sp-content ul li { font-family: 'webfont2'; font-size: 16px; line-height: 26px; color: #666; margin-bottom:7px;}
.sec7 .sp-row .col-b {width:45%; order:1; text-align:right;}
.sec7 .sp-row .col-b img { max-width:100%;}


.sec8 {margin-bottom:60px;}
.sec8 .sp-row {display: flex;flex-wrap: wrap;}
.sec8 .sp-row .col-a { width:55%; order:2;}
.sec8 .sp-row .col-a .sp-content { padding:20px 0; padding-left:40px; margin-left:8%; margin-right:14%;}
.sec8 .sp-row .col-a .sp-content img { max-width:100%;}
.sec8 .sp-row .col-b {width:45%; order:1;}




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

@media screen and (max-width:1366px) {
.sec7 .sp-row .col-a .sp-content h3 { font-size: 34px;}
}

@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%;}
.sec7 .sp-row .col-a .sp-content h3 { font-size: 32px;}
.sec7 .sp-row .col-a .sp-content p { margin-bottom: 40px;}
}

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

.sec3 .sp-container-cs .sp-row {flex-wrap: wrap;}
.sec4 {
    margin-top: 0;
}
.sec1 h2 br { display:none;}
.sec6 h4 br { display:none;}
.sec7 h3 {
    font-size: 24px;
    line-height: 42px;
}
}

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

.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%;}


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

.sec3 .sp-container-cs .sp-row .col-a {
	width:40%;
}
.sec3 .sp-container-cs .sp-row .col-b { display:none;}

.sec4 .sp-row .col-a {
	order: 2;
}
.sec4 .sp-row .col-b {
	order: 1;
	margin-bottom:20px;
}

.sec5 .sp-row .col-a {
    width: 100%;
}
.sec5 .sp-row .col-b {
    width:100%;
}
.sec5 .sp-row .col-a .sp-content {
    margin-left: 0;
}
.sec7 .sp-row .col-a {
    width: 100%;
}
.sec7 .sp-row .col-b {
    width: 100%;
}

.sec7 .sp-row .col-a .sp-content {
    padding: 40px 0;
    padding-left: 0px;
    margin-left: 8%;
    margin-right: 8%;
}
.sec8 .sp-row .col-a {
    width: 100%;
}

}

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

.sec1 h2 {
    font-size: 20px;
    line-height: 32px;
}
.sec3 .sp-container-cs .sp-row {display: block;}
.sec3 .sp-container-cs .sp-row .col-a .row-a { margin: 0 auto; justify-content:flex-start;width: 166px;}
.sec3 .sp-container-cs .sp-row .col-a { width:70%; margin: 0 auto;}
.sec3 .sp-container-cs .sp-row .col-c { display:block; text-align:center; width:100%; padding:5px;}
.sec3 .sp-container-cs .sp-row .col-c img { width:25px;}

.sec4 .sp-row .col-a .sp-content h2 {
    font-size: 18px;
}
.sec4 .sp-row .col-a .sp-content {
    padding-left: 20px;
}
.sec5 .sp-row .col-a .sp-content {
    padding-left: 20px;
}
.sp-ad { display:block; text-align:center; width:100%;}

.sec6 h3 {
    font-size: 22px;
    line-height: 42px;
}
.sec6 h4 {
    font-size: 20px;
    line-height: 34px;
}
.sec7 .sp-row .col-a .sp-content h3 {
    font-size: 22px;
}
}

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

}

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