.mb-xl {
    margin-bottom: 70px !important;
}
@media screen and (max-width: 767px) {
    .mb-xl {
        margin-bottom: 40px !important;
    }
}

.section .ttl-uline {
    margin-bottom: 20px;
}
.section #map-canvas {
    width: 100%;
    height: 460px;
    border: 0;
    margin-bottom: 40px;
}


.section .streetview-canvas {
    display: block;
    width: 660px;
    margin: 0 auto;
    margin-bottom: 20px;
}

.section .photo-row-wrap {
    width: 660px;
    margin: 0 auto;
}
.section .photo-row-wrap.photo-1 {
    width: 310px;
}

@media screen and (max-width: 767px) {
    .section #map-canvas,
    .section .streetview-canvas {
        width: 100%;
        height: 200px;
    }
    .section .photo-row-wrap {
        width: 100%;
    }
}


@media print {
    #gnav-pc,
    #snav,
    .breadcrumb,
    .section-ttl {
        display: none;
    }
    
    #header #logo {
        position: static;
    }
    .section #map-canvas,
    .section .streetview-canvas {
        width: 100%;
    }
    
    footer {
        display: none;
    }
}