@charset "utf-8";

.map-info .info-box dt { width: 190px; }
.map-info .info-box dd { width: calc(100% - 190px); }

@media screen and (max-width:1200px) {
    .greeting__content .text__area .box { margin-top: 12%; }
}

@media screen and (max-width:1024px) {
    .greeting__content .text__area .box { margin-top: 7.56%; }
}
@media screen and (max-width: 500px) {
    .greeting__content .text__area .box {  margin-top: 20%; }
    .map-info .info-box dl { flex-direction: column; align-items: flex-start; gap: 6px; }
    .map-info .info-box dd { width: 100%; padding-left: 40px; }
}