@charset "UTF-8";
/* アンカーリンク
------------------------------------------------------------------------- */
.ul_anchor_link li {
  width: 100%;
}

/* 地図
------------------------------------------------------------------------- */
.map_contents {
  margin-bottom: 6.4vw;
}
.map_contents:last-child {
  margin-bottom: 0;
}
.map_contents .ttl_heading03_lower {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.0666666667vw;
}
.map_contents .ttl_heading03_lower::before {
  content: "";
  display: block;
  width: 6.4vw;
  height: 6.4vw;
  background-repeat: no-repeat;
  background-size: contain;
}
.map_contents .ttl_map_address::before {
  background-image: url(../images/access/icon_map.svg);
}
.map_contents .ttl_map_tel::before {
  background-image: url(../images/access/icon_tel.svg);
}
.map_contents p {
  margin-top: 2.1333333333vw;
}

.google_map {
  margin-top: 6.4vw;
}
.google_map iframe {
  display: block;
  width: 100%;
  height: 50.9333333333vw;
}

.city_bus .lead_text ul {
  margin-top: 4.2666666667vw;
}
.city_bus .lead_text ul li {
  margin-bottom: 2.1333333333vw;
}

.hover_orange {
  color: #008094;
  text-decoration: underline;
}

/* 大阪シティバスをご利用の方へ
------------------------------------------------------------------------- */
.city_bus .ttl_heading02_lower {
  position: relative;
}
.city_bus .ttl_heading02_lower::after {
  content: "";
  display: block;
  width: 30.4vw;
  height: 17.0666666667vw;
  background: url(../images/access/icon_car.svg) no-repeat;
  background-size: contain;
  position: absolute;
  bottom: -4.2666666667vw;
  right: -4.2666666667vw;
}

/* 電車をご利用の方へ
------------------------------------------------------------------------- */
.ul_access li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 2.1333333333vw;
}
.ul_access li:last-child {
  margin-bottom: 0;
}
.ul_access li::before {
  content: "・";
}

.img_detail {
  margin-top: 6.4vw;
}

/* オンデマンドバスをご利用の方へ
------------------------------------------------------------------------- */
.on_demand_bus .ttl_heading02_lower {
  position: relative;
}
.on_demand_bus .ttl_heading02_lower::after {
  content: "";
  display: block;
  width: 34.1333333333vw;
  height: 23.2vw;
  background: url(../images/access/bus_img.png) no-repeat;
  background-size: contain;
  position: absolute;
  bottom: -9.0666666667vw;
  right: -4.2666666667vw;
}
.on_demand_bus .ul_access {
  margin: 4.2666666667vw 0;
}

/* お車をご利用の方へ
------------------------------------------------------------------------- */
.ol_access {
  margin-bottom: 4.2666666667vw;
}
.ol_access li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.0666666667vw;
  margin-bottom: 2.1333333333vw;
}
.ol_access li:last-child {
  margin-bottom: 0;
}

@media (min-width: 769px) {
  /* アンカーリンク
  ------------------------------------------------------------------------- */
  .ul_anchor_link {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .ul_anchor_link li {
    width: min(14.1176470588vw, 192px);
  }
  .ul_anchor_link li a::after {
    top: auto;
    bottom: min(0.6617647059vw, 9px);
  }
  /* 地図
  ------------------------------------------------------------------------- */
  .wrap_map_contents {
    width: min(68.2352941176vw, 928px);
    margin: 0 auto;
  }
  .map_contents {
    margin-bottom: min(1.7647058824vw, 24px);
  }
  .map_contents .ttl_heading03_lower {
    gap: min(0.5882352941vw, 8px);
  }
  .map_contents .ttl_heading03_lower::before {
    width: min(1.7647058824vw, 24px);
    height: min(1.7647058824vw, 24px);
  }
  .map_contents p {
    margin-top: min(0.5882352941vw, 8px);
  }
  .google_map {
    width: min(68.2352941176vw, 928px);
    margin: min(1.7647058824vw, 24px) auto 0;
  }
  .google_map iframe {
    height: min(29.7058823529vw, 404px);
  }
  .hover_orange {
    color: #008094;
    text-decoration: underline;
  }
  /* 大阪シティバスをご利用の方へ
  ------------------------------------------------------------------------- */
  .city_bus .ttl_heading02_lower::after {
    width: min(17.7941176471vw, 242px);
    height: min(10vw, 136px);
    bottom: max(-2.5vw, -34px);
    right: 0;
  }
  .city_bus .lead_text ul {
    margin-top: min(0.5882352941vw, 8px);
  }
  .city_bus .lead_text ul li {
    margin-bottom: min(0.5882352941vw, 8px);
  }
  /* 電車をご利用の方へ
  ------------------------------------------------------------------------- */
  .ul_access {
    width: min(68.2352941176vw, 928px);
    margin: 0 auto;
  }
  .ul_access li {
    margin-bottom: min(0.5882352941vw, 8px);
  }
  .img_detail {
    margin-top: min(2.3529411765vw, 32px);
  }
  /* オンデマンドバスをご利用の方へ
  ------------------------------------------------------------------------- */
  .on_demand_bus .ttl_heading02_lower::after {
    width: min(18.8235294118vw, 256px);
    height: min(12.7205882353vw, 173px);
    bottom: max(-8.3088235294vw, -113px);
    right: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  .on_demand_bus .ul_access {
    margin: min(0.5882352941vw, 8px) 0;
  }
  /* お車をご利用の方へ
  ------------------------------------------------------------------------- */
  .ol_access {
    margin-bottom: min(1.1764705882vw, 16px);
  }
  .ol_access li {
    gap: min(0.2941176471vw, 4px);
    margin-bottom: min(0.5882352941vw, 8px);
  }
}/*# sourceMappingURL=style_access.css.map */