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

.sp-header { position:relative; overflow:hidden;}
.sp-header .box-red { background:rgb(234, 45, 52, 0.9); padding:30px 120px; text-align:center; position:absolute; right:0; bottom:-80px;}
.sp-header .box-red h1 {font-family: 'webfont1'; font-size:36px; line-height:40px; color:#fff; font-weight:normal; letter-spacing:1px;}
.sp-header .box-blue { background:rgb(0, 82, 164, 0.8); width:20px; height: 150px; position:absolute; right:0; bottom:-80px; z-index:1;}
.sp-header p {font-family: 'webfont2'; font-size: 18px; line-height: 24px; color: #666; margin-bottom:10px; margin-top:60px; text-align:center;}

.sp-row-map1.a {margin-top:10px;}

.sp-row-map1 {display: flex;flex-wrap: wrap; margin-top:60px;}
.sp-row-map1 .col-l { width:70%;}
.sp-row-map1 .col-r { width:30%; padding:80px; background:#d7d7d7;font-family: 'webfont4';font-weight:normal; color:#666666; letter-spacing:1px;}
.sp-row-map1 .col-r .sp-row {display: flex;flex-wrap: wrap; font-size:16px; line-height:22px; margin-bottom:10px;}
.sp-row-map1 .col-r .sp-row h2 {font-family: 'webfont1'; font-size:22px; line-height:30px; color:#ee2d24; font-weight:normal; letter-spacing:1px; margin-bottom:10px; width: 100%;}
.sp-row-map1 .col-r .sp-row .col-a { width:40%; text-align: right; padding-right: 20px;}
.sp-row-map1 .col-r .sp-row .col-b { width:60%;}


.sp-contact { background:#f2f2f2; padding-top:60px; padding-bottom:60px;}
.sp-contact  .box-form-contact { width:40%; margin:0 auto;}
.sp-contact  .box-form-contact h3 {font-family: 'webfont1'; font-size:32px; line-height:32px; color:#ee2d24; font-weight:normal; letter-spacing:1px; text-align:center; margin-bottom:40px;}
.sp-contact  .box-form-contact .box-text-title { margin-bottom:40px; text-align:center;}
.sp-contact  .box-form-contact .box-text-title p { font-family: 'webfont2'; font-size: 18px; line-height: 24px; color: #666;}
.sp-contact  .box-form-contact .box-text-title p a { font-family: 'webfont3'; color: #000;}
.sp-contact  .box-form-contact .row-form { display: flex;flex-wrap: wrap; margin-bottom:20px;}
.sp-contact  .box-form-contact .row-form.b {margin-bottom:0px;}
.sp-contact  .box-form-contact .row-form .col-l { width:50%; padding-right:10px;}
.sp-contact  .box-form-contact .row-form .col-l img { max-width:100%;}
.sp-contact  .box-form-contact .row-form .col-r { width:50%; padding-left:10px;}
.sp-contact  .box-form-contact .row-form .col-r.c { padding-left:20px; padding-top:10px; padding-right:20px;}

.sp-select { border:none; padding:15px; background:#fff; font-family: 'webfont4';font-weight:normal; color:#666666; letter-spacing:1px; font-size:16px; line-height:22px; width:100%;}
.sp-input { border:none; padding:15px; background:#fff; font-family: 'webfont4';font-weight:normal; color:#666666; letter-spacing:1px; font-size:16px; line-height:22px; width:100%;}
.sp-textarea { border:none; padding:15px; background:#fff; font-family: 'webfont4';font-weight:normal; color:#666666; letter-spacing:1px; font-size:16px; line-height:22px; width:100%; height:200px;}
.sp-button { border:none; padding:15px; background:#777777; font-family: 'webfont4';font-weight:normal; color:#fff; letter-spacing:1px; font-size:16px; line-height:16px; width:100%; text-align:center;}
.sp-remark {font-family: 'webfont4';font-weight:normal; color:#ee2d24; letter-spacing:1px; font-size:12px; line-height:16px; margin-top:2px;}
.sp-remark span {font-size:20px; line-height:16px;}

.sp-pc { display:block;}
.sp-mobi { display:none;}


@media screen and (max-width:1440px) {
.sp-contact .box-form-contact { width: 60%;}
}

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

}

@media screen and (max-width:1280px) {
.sp-row-map1 .col-r {padding: 40px;}
}

@media screen and (max-width:1024px) {
.sp-row-map1 .col-r { width:40%;}
.sp-row-map1 .col-l { width:60%;}
}

@media screen and (max-width:768px) {
.sp-container-content { width:70%;}
.sp-row-map1 .col-r { width:100%;}
.sp-row-map1 .col-l { width:100%;}
.sp-contact .box-form-contact { width: 80%;}
.sp-row-map1 .col-r .sp-row .col-a { width: 20%;}
img.a { max-width: 132%; margin-left: -20%;}
}

@media screen and (max-width:737px) {
.sp-pc { display:none;}
.sp-mobi { display:block;}
}

@media screen and (max-width:560px) {
img.a { max-width: 130%; margin-left: -14%;}
.sp-container-content { width:90%;}
.sp-row-map1 .col-r .sp-row .col-a { width: 30%;}
.sp-row-map1 .col-r {padding:20px;}
.sp-contact .box-form-contact { width: 90%;}
.sp-contact .box-form-contact .row-form .col-l {
    width: 100%;
    padding-right: 0px;
    margin-bottom: 20px;
}
.sp-contact .box-form-contact .row-form .col-l.a { margin-bottom:20px;}
.sp-contact .box-form-contact .row-form .col-r {
    width: 100%;
    padding-left: 0px;
    margin-bottom:0px;
}
.sp-contact .box-form-contact .row-form .col-r.c { padding-left: 0px;padding-right: 0px;}
}

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

}

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