/*@mixin font-size($size: 24, $base: 10) {
  font-size: ($size / $base) * 1rem;
}*/
/* cleafix
------------------------------------------------------------ */
.u_cf {
  *zoom: 1;
}

.u_cf:after {
  display: block;
  clear: both;
  content: "";
}

/***************************************************
  access.css
***************************************************/
/* #access.index
------------------------------------------------------------ */
#access.index .googleMap {
  border: 10px solid #fbf8f3;
}

#access.index .googleMap iframe {
  display: block;
  width: 100%;
}

#access.index .accessBlock .c_media01_right {
  width: 896px;
  width: 56rem;
  margin-left: 48px;
  margin-left: 3rem;
}

#access.index .accessBlock .c_media01_content .title {
  margin-bottom: 32px;
  margin-bottom: 2rem;
  font-size: 32px;
  font-size: 2rem;
  font-weight: bold;
}

#access.index .accessBlock .c_media01_content .title::before {
  display: inline-block;
  width: 96px;
  width: 6rem;
  height: 96px;
  height: 6rem;
  margin-right: 16px;
  margin-right: 1rem;
  background: url(/assets/img/access/icon_train.png) 50% 50% no-repeat;
  background-size: contain;
  vertical-align: middle;
  content: "";
}

#access.index .accessBlock .c_media01_content .title.is_car {
  margin-top: 64px;
  margin-top: 4rem;
}

#access.index .accessBlock .c_media01_content .title.is_car::before {
  background-image: url(/assets/img/access/icon_car.png);
}

#access.index .accessBlock .c_media01_content .root dt {
  margin-bottom: 8px;
  margin-bottom: .5rem;
}

#access.index .accessBlock .c_media01_content .root dt span {
  display: inline-block;
  padding: 4.8px 24px;
  padding: .3rem 1.5rem;
  border-radius: 2rem;
  background-color: #e8f6ec;
  font-weight: bold;
}

#access.index .accessBlock .c_media01_content .root dd + dt {
  margin-top: 32px;
  margin-top: 2rem;
}

@media only screen and (max-width: 767px) {
  #access.index .googleMap {
    border: 6px solid #fbf8f3;
  }
  #access.index .googleMap iframe {
    width: 100%;
    height: 25rem;
  }
  #access.index .accessBlock .c_media01_right {
    width: 100%;
    margin-left: 0;
  }
  #access.index .accessBlock .c_media01_content .title {
    margin-bottom: 1rem;
    font-size: 1.5rem;
  }
  #access.index .accessBlock .c_media01_content .title::before {
    width: 4.5rem;
    height: 4.5rem;
    margin-right: .5rem;
  }
  #access.index .accessBlock .c_media01_content .title.is_car {
    margin-top: 2rem;
  }
  #access.index .accessBlock .c_media01_content .root {
    font-size: 1.2rem;
  }
  #access.index .accessBlock .c_media01_content .root dt span {
    padding: .3rem 1.5rem;
  }
  #access.index .accessBlock .c_media01_content .root dd + dt {
    margin-top: 1rem;
  }
}

/*# sourceMappingURL=maps/access.css.map */