@media screen and (width <=1023px) {

  .bl_access {
    width: 100%;
    margin: 0px auto;
  }

  .bl_access__map {
    width: 100%;
  }

  .bl_access iframe {
    display: block;
    width: 300px;
    height: 300px;
    margin:10px auto;
  }

  .bl_access__info {
    width: 90%;
    margin: 10px auto;
  }

  .bl_access__info dt {
    margin-bottom: 5px;
  }

  .bl_access__info dd {
    border-bottom: #ccc 1px dotted;
    margin-bottom: 10px;
    padding-bottom: 5px;
  }

}

@media print,
screen and (width >=1024px) {

  .bl_access {
    display: flex;
    width: 80%;
  }

  .bl_access__map {
    width: 50%;
  }

  .bl_access iframe {
    width: 480px;
    height: 300px;
  }

  .bl_access__info {
    width: 50%;
    padding-left: 20px;
  }

  .bl_access__info dt {
    margin-bottom: 5px;
  }

  .bl_access__info dd {
    margin-bottom: 20px;
    padding-bottom: 5px;
    border-bottom: #ccc 1px dotted;
  }
}