@media screen and (min-width: 768px), print {
    main {
        width: 100% !important; }
    h2.main-title {
        background: url("../images/public-works/housing-h2.jpg") top center no-repeat !important; }
    #project.wide .project-ttl {
        background: url("../images/public-works/project-img01.jpg") no-repeat center top;
        background-size: cover; }
    }

@media screen and (max-width: 767px) {
    h2.main-title {
        background: url("../images/public-works/sp-housing-h2.jpg") top center no-repeat !important; }
    #lead .lead-ttl .en img {
        max-width: 170px; }
    #project.wide .project-ttl {
        background: url("../images/public-works/sp-project-img01.jpg") no-repeat center top;
        background-size: cover; }
}