@media screen and (max-width: 818px ) {
footer p {
    padding: 10px 0;
    font-size: 14px;
}
.sp li:nth-child(1) {
    margin-right: 48px;
}
img.bl {
    width: 144px;
}
.main-center {
    width: 672px;
}
.hed {
    margin-top: -6px;
}
.sp {
    margin-top: 70px;
}

}
@media screen and (max-width: 670px ) {
header h1 {
    font-size: 20px;
    padding-top: 10px;
}
img.logo {
    width: 200px;
    margin-bottom: 14px;
}
.sp li h2 {
    margin-bottom: 9px;
    font-size: 32px;
}
img.point {
    width: 35px;
}
.sp li p {
    font-size: 19px;
    margin-left: 11px;
}
.con:before {
    height: 2px;
    top: 93px;
}
.main-center {
    width: 464px;
}
.hed {
    margin-top: -6px;
}
}
@media screen and (max-width: 464px) {
.main-center {
    width: 390px;
}
.sp li h2 {
    margin-bottom: 9px;
    font-size: 20px;
}
img.logo {
    width: 154px;
    margin-bottom: 14px;
}
.con:before {
    height: 2px;
    top: 69px;
}
} 
@media screen and (max-width: 413px) {
.main-center {
    width: 350px;
}
.sp {
    margin-top: 85px;
}
.sp li:nth-child(1) {
    margin-right: 19px;
}
img.point {
    width: 27px;
}
.sp li p {
    font-size: 13px;
    margin-left: 4px;
}
}
@media screen and (max-width: 350px) {
.main-center {
    width: 310px;
}
header h1 {
    font-size: 16px;
    padding-top: 10px;
}
.sp li:nth-child(1) {
    margin-right: 10px;
}
img.logo {
    width: 128px;
    margin-bottom: 14px;
}
.sp {
    margin-top: 34px;
}
.con:before {
    height: 2px;
    top: 62px;
}
footer p {
    padding: 2px 0;
    font-size: 10px;
}
img.bl {
    width: 117px;
}
.main {
    padding-bottom: 87px;
}
}