.map_area{
  width: 100%;
  height: 400px;
}
.access_info{
align-items: start;
}
.info-txt{
flex: 1 0 50%; 
}
.info-map{
flex: 0 0 45%;
}
.info-txt--ttl{
 flex: 1 0 80px;  
}
.info-txt--txt{
flex: 0 0 calc(100% - 100px);
}
.tranport_list{
gap: 10px 0;
}
.tranport_list dt{
  flex: 0 0 14%; 
}
.tranport_list dd{
  flex: 1 0 85%; 
}

@media (max-width: 768px) {
.info-txt,.info-map,.info-txt--ttl,.info-txt--txt{
  flex:1 100%;
}
.info-txt.u-flex{
gap: 0;
}
.info-txt--txt + .info-txt--ttl{
  margin-top: var(--gap-x1-5);
}
.tranport_list dt{
  flex: 0 0 20%; 
}
.tranport_list dd{
  flex: 1 0 80%; 
}

}