body {
    font-family: 'Roboto', 'Noto Sans JP', sans-serif;
}

.hero {
    height: auto;
}

@media (min-width: 768px) {
    .hero {
        height: 25rem;
    }
}

@media (min-width: 1024px) {
    .hero {
        height: 40rem;
    }
}

.concept-hero {
    height: auto;
}

@media (min-width: 1024px) {
    .concept-hero {
        width: 550px;
        height: 400px;
    }
}

.googlemaps iframe,
.googlemaps object,
.googlemaps embed {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease;
}

.googlemaps iframe:hover,
.googlemaps object:hover,
.googlemaps embed:hover {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
}