@import url("https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@300;500&display=swap");
#page-title {
  margin: 0;
  background: none; }
  #page-title h1 {
    color: #a08543;
    font-size: 1.25rem; }
    #page-title h1 span {
      font-family: 'Chakra Petch', sans-serif;
      font-weight: 300; }
    @media screen and (min-width: 480px) {
      #page-title h1 {
        font-size: 2rem; } }

.guide-map {
  width: 90%;
  max-width: 800px;
  margin: 0 auto 1.5rem auto; }
  .guide-map img {
    border: solid 1px #222; }
  .guide-map.mg {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    line-height: 1.5; }
    .guide-map.mg img {
      padding: 0;
      border: none; }
    .guide-map.mg .map_img {
      width: 50%; }
      .guide-map.mg .map_img img {
        width: 100%;
        height: auto; }
    .guide-map.mg .mg_address {
      width: 50%;
      background: #002870;
      text-align: center;
      color: #fff;
      padding: 1.5rem; }
      .guide-map.mg .mg_address .address1 {
        font-size: 1rem;
        margin-bottom: 1rem; }
        .guide-map.mg .mg_address .address1 span {
          display: inline-block;
          vertical-align: middle;
          margin: 0 0.5rem;
          text-align: left; }
        .guide-map.mg .mg_address .address1 img {
          height: 50px;
          width: auto; }
      .guide-map.mg .mg_address .address2 {
        background: #fff;
        color: #002870;
        margin-bottom: 1rem;
        padding: 5px 0;
        font-size: 1.2rem; }
      .guide-map.mg .mg_address .address3 {
        text-align: left;
        margin-bottom: 1rem; }
    @media screen and (max-width: 480px) {
      .guide-map.mg .map_img {
        width: 100%; }
      .guide-map.mg .mg_address {
        width: 100%; } }
  .guide-map.bus img {
    width: 100%;
    height: auto;
    padding: 0;
    border: none; }
  .guide-map.bus .txt {
    padding: 1rem;
    text-align: center;
    color: #fff;
    line-height: 1.4;
    background: #c4986e; }
  .guide-map.bus .txtbox {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1rem; }
    .guide-map.bus .txtbox .txt {
      width: 49%; }
    .guide-map.bus .txtbox .taxi {
      background: #990000; }
    .guide-map.bus .txtbox .car {
      background: #253f77; }
  @media screen and (max-width: 480px) {
    .guide-map.bus .txtbox {
      flex-direction: column; }
      .guide-map.bus .txtbox .txt {
        width: 100%; } }

#print-btn li {
  width: 90%;
  margin: 1rem auto 0 auto; }
  #print-btn li a {
    padding: .75rem; }
@media screen and (min-width: 480px) {
  #print-btn li {
    width: auto;
    margin: auto; } }

@media print {
  .guide-map {
    width: 60%;
    margin-right: auto;
    margin-left: auto; }
    .guide-map a {
      padding: .5rem 2.5rem; } }