@charset "UTF-8";
/* Scss Document
*****************************************************************/
/* mixin
*********************************************************************/
/* カラー */
/* media query */
/* SP縦から */
/* SP横から */
/* タブレット縦から */
/* 1280 */
/* フルワイド */
/* フルワイド */
/* ACCESS
*****************************************************************/
.column_area {
  background-image: url(../../common/images/bg_column.jpg);
  padding: 0 10px;
}

.gmap_block {
  padding: 0 10px 5vw;
  width: auto;
  max-width: 1200px;
  margin: 0 auto;
}
.gmap_block .gmap_box {
  width: 100%;
  position: relative;
}
.gmap_block .gmap_box iframe {
  aspect-ratio: 16/9;
}
@media all and (max-width: 480px) {
  .gmap_block .gmap_box iframe {
    aspect-ratio: 5/4;
  }
}

.access_block {
  max-width: 1000px;
  height: auto;
  margin: 0 auto;
  padding: 40px 0;
}
.access_block h2 {
  width: auto;
  height: auto;
  text-align: center;
  font-size: 3rem;
  line-height: 1.5em;
}
@media all and (max-width: 896px) {
  .access_block {
    padding: 30px 0 0;
  }
}

.car_box,
.bus_box,
.train_box {
  padding: 20px 0;
  position: relative;
  text-align: left;
  width: auto;
}

.access_ttl {
  border-bottom: #666 dotted 1px;
  padding: 0 0 5px;
  width: 100%;
  display: flex;
}
.access_ttl .access_pict {
  display: table-cell;
  width: 46px;
}
.access_ttl h3 {
  display: table-cell;
  vertical-align: middle;
  font-size: 2rem;
  line-height: 1em;
}

.flow {
  padding: 10px 0;
  text-align: center;
  position: relative;
}
.flow img {
  width: 100%;
  max-width: 999px;
  height: auto;
}

.bus_box .flow {
  padding-bottom: 50px;
}
.bus_box .flow .sogei {
  position: absolute;
  top: 120px;
  right: 0px;
}
.bus_box .flow .sogei p {
  text-align: left;
  font-size: 1.4rem;
  line-height: 1.4em;
  padding: 3px 0;
}
@media all and (max-width: 896px) {
  .bus_box .flow {
    padding-bottom: 10px;
  }
  .bus_box .flow .sogei {
    position: relative;
    top: auto;
    right: 0px;
  }
}

.train_box .flow {
  padding-bottom: 60px;
}
.train_box .flow .sogei {
  position: absolute;
  top: 120px;
  right: 0px;
}
.train_box .flow .sogei p {
  text-align: left;
  font-size: 1.4rem;
  line-height: 1.4em;
  padding: 3px 0;
}
@media all and (max-width: 896px) {
  .train_box .flow {
    padding-bottom: 10px;
  }
  .train_box .flow .sogei {
    position: relative;
    top: auto;
    right: 0px;
  }
}

.car_link {
  position: absolute;
  top: 210px;
  left: 716px;
  font-size: 108%;
}
.car_link ul li {
  background-repeat: no-repeat;
  background-image: url(../../common/images/arrow02.png);
  background-position: 0 8px;
  padding: 4px 0 4px 10px;
  line-height: 1.3em;
  font-size: 1.4rem;
}
@media all and (max-width: 896px) {
  .car_link {
    position: relative;
    top: auto;
    left: auto;
  }
}

.bus_link,
.bus_link dl,
.bus_link dd ul {
  display: flex;
  flex-wrap: wrap;
}

.bus_link {
  line-height: 1.3em;
}
.bus_link dl {
  padding: 6px 0;
  font-size: 1.4rem;
  flex-wrap: nowrap;
}
.bus_link dl dt {
  padding: 2px 0;
  white-space: nowrap;
}
.bus_link dl dd ul li {
  background-repeat: no-repeat;
  background-image: url(../../common/images/arrow02.png);
  background-position: 0 6px;
  padding: 3px 0 3px 10px;
  margin: 0 0 0 10px;
}
.bus_link dl dd ul li a::before {
  content: "> ";
}

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

.hiway {
  width: 453px;
  height: auto;
  display: block;
  position: relative;
  padding: 24px 0;
}

.hiway a:hover img {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}

.hiwayTxt {
  width: 280px;
  height: auto;
  float: left;
}

.hanedaCopy {
  padding: 0 0 7px;
}

.hiwayBtn {
  width: 158px;
  height: auto;
  float: right;
}

.ji_t {
  width: 158px;
  height: 22px;
  padding: 0 0 7px;
}

.ji_b {
  width: 158px;
  height: 22px;
}