@charset "UTF-8";
/* ===================================================================
CSS information

 file name  : access.css
 author     : Ability Consultant
 style info : コピー
=================================================================== */
.con_map .box_map, .con_root .inner {
  max-width: 950px;
  margin: auto;
}
@media only screen and (max-width: 1100px) {
  .con_map .box_map, .con_root .inner {
    width: 95%;
  }
}

.con_map .box_map:after, .con_root .inner:after, .con_root .inner .box_info:after, .con_root .inner .box_info .wrp_info .inn_s .textbox:after {
  content: "";
  display: table;
  clear: both;
}

/* -----------------------------------------------------------
	header
----------------------------------------------------------- */
#header .tmp_title {
  background: transparent url("../access/images/bg_title.jpg") center top no-repeat;
}

#contents {
  background: #FFF;
  padding: 20px;
}

/* -----------------------------------------------------------
	con_intro
----------------------------------------------------------- */
.con_map {
  margin-top: 40px;
}
@media only screen and (max-width: 767px) {
  .con_map {
    margin-top: 5%;
  }
}
.con_map .box_map {
  margin-top: 32px;
}
@media only screen and (max-width: 767px) {
  .con_map .box_map {
    margin-top: 1em;
  }
}
.con_map #gmap {
  height: 540px;
}
.con_map .box_map .img {
  width: 38%;
  max-width: 400px;
  float: left;
}
.con_map .box_map .wrp_tbl {
  width: 58%;
  float: right;
}
.con_map .box_map .wrp_tbl .tbl_basic {
  width: 100%;
}
.con_map .box_map .wrp_tbl .tbl_basic tbody tr th {
  padding: 0.5em 3%;
}
.con_map .box_map .wrp_tbl .tbl_basic tbody tr td {
  padding: 0.5em 3%;
}
.con_map .box_map .wrp_tbl .tmp_bt {
  margin-top: 1em;
  float: right;
}
.con_map .box_map .wrp_tbl .tmp_bt a {
  padding: 1em 2em 1em 1.5em !important;
}

/* -----------------------------------------------------------
	con_root
----------------------------------------------------------- */
.con_root {
  margin-top: 64px;
  padding-bottom: 64px;
  border-bottom: 1px solid #c6c6c6;
}
@media only screen and (max-width: 767px) {
  .con_root {
    margin-top: 8%;
  }
}
@media only screen and (max-width: 767px) {
  .con_root {
    padding-bottom: 8%;
  }
}
.con_root .inner .img {
  margin-top: 24px;
  text-align: center;
}
.con_root .inner .box_r_sp .wrp_root {
  margin-top: 3%;
}
.con_root .inner .box_r_sp .wrp_root dt a {
  display: block;
  padding: 0.6em 1em;
  text-decoration: none;
  font-size: 1.2em;
  line-height: 1.4em;
  text-align: center;
  position: relative;
  color: #FFF;
  background-color: #000;
  font-family: "Sawarabi Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "Yu Mincho", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", Times, Garamond, Georgia, serif;
}
.con_root .inner .box_r_sp .wrp_root dt a:before, .con_root .inner .box_r_sp .wrp_root dt a:after {
  font-family: FontAwesome;
  vertical-align: middle;
}
.con_root .inner .box_r_sp .wrp_root dt a > * {
  vertical-align: middle;
  display: inline;
}
.con_root .inner .box_r_sp .wrp_root dt a:after {
  content: "";
  margin-left: .5em;
  font-size: 16px;
  position: absolute;
  right: 5%;
  top: 50%;
  margin-top: -8px;
  -moz-transition: -moz-transform 300ms ease-out;
  -o-transition: -o-transform 300ms ease-out;
  -webkit-transition: -webkit-transform 300ms ease-out;
  transition: transform 300ms ease-out;
}
.con_root .inner .box_r_sp .wrp_root dt a.active:before, .con_root .inner .box_r_sp .wrp_root dt a.active:after {
  font-family: FontAwesome;
  vertical-align: middle;
}
.con_root .inner .box_r_sp .wrp_root dt a.active > * {
  vertical-align: middle;
  display: inline;
}
.con_root .inner .box_r_sp .wrp_root dt a.active:after {
  content: "";
  margin-left: .5em;
  transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -webkit-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
}
.con_root .inner .box_r_sp .wrp_root dd {
  background-color: #fbfaf6;
  overflow: hidden;
  padding: 0 3%;
  height: 0;
}
.con_root .inner .box_r_sp .wrp_root dd .sst {
  font-size: 1.2em;
  line-height: 1.4em;
  margin-top: 0.5em;
}
.con_root .inner .box_r_sp .wrp_root dd .textbox {
  text-align: center;
  padding: 0.3em 0.5em;
  font-size: 1.2em;
  line-height: 1.2em;
  background-color: #333;
  font-family: "Sawarabi Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "Yu Mincho", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", Times, Garamond, Georgia, serif;
  color: #FFF;
}
.con_root .inner .box_r_sp .wrp_root dd .textbox.main {
  margin-top: 1em;
}
.con_root .inner .box_r_sp .wrp_root dd .text {
  margin-left: 10%;
  padding: 0.6em 0.5em;
  border-left: 3px solid #888;
  text-align: left;
}
.con_root .inner .box_r_sp .wrp_root dd .text.ic_jr {
  background: transparent url("../images/common/ic_jr.png") 10px center no-repeat;
  padding-left: 60px;
}
.con_root .inner .box_r_sp .wrp_root dd .text.ic_train {
  background: transparent url("../images/common/ic_train.png") 10px center no-repeat;
  padding-left: 40px;
}
.con_root .inner .box_r_sp .wrp_root dd .text.ic_walk {
  background: transparent url("../images/common/ic_walk.png") 10px center no-repeat;
  padding-left: 40px;
}
.con_root .inner .box_r_sp .wrp_root dd .text.ic_car {
  background: transparent url("../images/common/ic_car.png") 10px center no-repeat;
  padding-left: 50px;
}
.con_root .inner .box_r_sp .wrp_root dd .text.ic_bus {
  background: transparent url("../images/common/ic_bus.png") 10px center no-repeat;
  padding-left: 50px;
}
.con_root .inner .box_r_sp .wrp_root dd .text.ic_plane {
  background: transparent url("../images/common/ic_plane.png") 10px center no-repeat;
  padding-left: 60px;
}
.con_root .inner .box_r_sp .wrp_root dd .prace {
  color: #000;
  border: 1px solid #CCC;
  padding: 1.2em 0;
  font-size: 1em;
  letter-spacing: -0.05em;
  line-height: 1.4em;
  margin-bottom: 1em;
  font-family: "Sawarabi Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "Yu Mincho", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", Times, Garamond, Georgia, serif;
  background: transparent url("../access/images/ic_hotel.png") 3% center no-repeat;
  background-size: auto 60%;
  padding-left: 18%;
}
.con_root .inner .box_info {
  margin-top: 64px;
}
@media only screen and (max-width: 767px) {
  .con_root .inner .box_info {
    margin-top: 8%;
  }
}
.con_root .inner .box_info .wrp_info {
  border: 1px solid #333;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 48%;
  float: left;
}
.con_root .inner .box_info .wrp_info.sec {
  margin-left: 4%;
}
.con_root .inner .box_info .wrp_info .inn_s {
  padding: 0 24px 24px;
}
@media only screen and (max-width: 767px) {
  .con_root .inner .box_info .wrp_info .inn_s {
    padding: 0 3% 3%;
  }
}
.con_root .inner .box_info .wrp_info .inn_s h4 {
  font-weight: normal;
  font-family: "Sawarabi Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "Yu Mincho", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", Times, Garamond, Georgia, serif;
  text-align: center;
  position: relative;
  font-size: 1.8em;
  line-height: 1.2em;
  padding-top: 0.8em;
}
.con_root .inner .box_info .wrp_info .inn_s h4:before {
  content: '';
  position: absolute;
  width: 60px;
  height: 3px;
  background-color: #000;
  top: 0;
  left: 50%;
  margin-left: -30px;
}
.con_root .inner .box_info .wrp_info .inn_s .textbox {
  margin-top: 24px;
}
@media only screen and (max-width: 767px) {
  .con_root .inner .box_info .wrp_info .inn_s .textbox {
    margin-top: 1em;
  }
}
.con_root .inner .box_info .wrp_info .inn_s .textbox .text {
  width: 46%;
  float: left;
}
.con_root .inner .box_info .wrp_info .inn_s .textbox .text .red {
  color: #ca0000;
  font-weight: bold;
}
.con_root .inner .box_info .wrp_info .inn_s .textbox .img_s {
  width: 50%;
  float: right;
  max-width: 218px;
}
.con_root .inner .box_info .wrp_info .inn_s .wrp_tbl {
  margin-top: 32px;
}
@media only screen and (max-width: 767px) {
  .con_root .inner .box_info .wrp_info .inn_s .wrp_tbl {
    margin-top: 1.5em;
  }
}
.con_root .inner .box_info .wrp_info .inn_s .wrp_tbl table {
  width: 100%;
}
.con_root.car {
  margin-top: 80px;
}
@media only screen and (max-width: 767px) {
  .con_root.car {
    margin-top: 10%;
  }
}
.con_root.plane {
  border-bottom: 0;
  padding-bottom: 0;
}