img.a { max-width:100%;}
.sp-container-content { width:60%; margin:0 auto;}
.sp-container-content01 { width:90%; margin:0 auto;}


.sp-header {text-align:center; padding:60px 0; background:#f7f7f7;}
.sp-header h1 {font-family: 'webfont1'; font-size:32px; line-height:52px; color:#000; font-weight:normal; letter-spacing:1px; margin-bottom:10px; margin-top:20px;}
.sp-header p {font-family: 'webfont2'; font-size: 16px; line-height: 28px; color: #666; font-weight:normal; letter-spacing:1px; margin-bottom:20px;}


.sec1 { text-align:left; margin-bottom:60px;}
.sec1 p.a1 {font-family: 'webfont2'; font-size: 16px; line-height: 24px; color: #666; font-weight:normal; letter-spacing:1px; margin-bottom:40px; margin-top:40px; text-align: center;}


.sec2 { text-align:left; margin-bottom:60px;}
.sec2 h2 {font-family: 'webfont1'; font-size:26px; line-height:30px; color:#ee2d24; font-weight:normal; letter-spacing:1px; margin-bottom:5px; margin-top:20px; padding-left:20px;}
.sec2 p {font-family: 'webfont2'; font-size: 16px; line-height: 24px; color: #666; font-weight:normal; letter-spacing:1px; padding-left:20px; margin-bottom:20px;}

.sp-h2 {font-family: 'webfont1'; font-size: 40px;  line-height: 50px;  color: #ee2d24;  font-weight: normal; letter-spacing: 1px; margin-bottom: 40px; margin-top:40px; text-align:center;}


.sp-box-title { text-align:left; font-family: 'webfont1'; font-size: 48px; line-height:56px; color:#666; margin-bottom:40px;}
.sp-box-title span.a {font-size:76px; color:#ee2d24;}


.sec3 { margin-top:80px;}
.sec3 .box-container {width:90%; margin:0 auto;  display: flex;flex-wrap: wrap;  align-items: center;}
.sec3 .box-container .col-l { width:50%; padding-left: 40px;}
.sec3 .box-container .col-l ul { margin:0; padding:0; list-style:none; padding-right:40px;}
.sec3 .box-container .col-l ul li { border-bottom:1px solid #ddd; padding-bottom:20px; margin-bottom:20px;}
.sec3 .box-container .col-l ul li .sp-row {display: flex;flex-wrap: wrap; align-items: center;}
.sec3 .box-container .col-l ul li .sp-row .col-a {width:10%;font-family: 'webfont1'; font-size:80px; line-height:80px; color:#ee2d24; font-weight:normal; text-align:center;}
.sec3 .box-container .col-l ul li .sp-row .col-b {width:90%; padding-left:20px; font-family: 'webfont1'; font-size:20px; line-height:26px; color:#000; font-weight:normal; letter-spacing:1px;}
.sec3 .box-container .col-l ul li .sp-row .col-b p {font-family: 'webfont2'; font-size: 16px; line-height: 24px; color:#666; margin-top: 10px;}


.sec4 { margin-top:60px;}
.sec4 .sp-row {display: flex;flex-wrap: wrap;}
.sec4 .sp-row .col { width:33.33%;}


.sec5 {text-align:center; padding:60px 0;}
.sec5 h3 {font-family: 'webfont1'; font-size:34px; line-height:54px; color:#000; font-weight:normal; letter-spacing:1px; margin-bottom:10px; margin-top:20px;}
.sec5 p {font-family: 'webfont2'; font-size: 16px; line-height: 28px; color: #666; margin-bottom:20px;}


@media screen and (max-width:1440px) {
.sp-container-content { width:75%;}
}

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

}

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

}

@media screen and (max-width:1024px) {
.sp-container-content { width:80%;}
.sp-box-title span.a { font-size: 60px; display: block;}
.sec3 .box-container .col-l ul li .sp-row .col-a { font-size: 54px;}
}

@media screen and (max-width:768px) {
.sp-container-content { width:90%;}
.sec3 .box-container .col-l { width: 100%; padding-left: 0px;}
.sec3 .box-container .col-l ul { padding-right: 0px;}
.sp-box-title { font-size: 36px;}
}

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

}

@media screen and (max-width:560px) {
.sp-header { padding: 30px 0;}
.sp-header h1 { font-size: 28px; line-height: 38px;}
.sp-header p { font-size: 15px;}
.sec1 { margin-bottom: 40px;}
.sec2 { margin-bottom: 40px;}
.sec3 { margin-top: 50px;}
.sec3 .box-container .col-l ul li .sp-row .col-a {  font-size: 46px;}

.sp-box-title { font-size: 30px;line-height:38px;}
.sp-box-title span.a {  font-size: 42px;}

.sec4 .sp-row .col { width:100%;}
.sec4 { margin-top: 40px;}
.sec5 h3 { font-size: 26px;  line-height: 42px;}
.sec5 { padding: 20px 0;}
}

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

}

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