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

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

.con_map .root_area:after, .con_train .box_graf:after, .con_air .box_graf:after, .con_access .inner .box_ac .wrp_text:after, .con_play ul:after, .con_spot .box_spot ul:after, .con_spot .box_spot ul li:after {
  content: "";
  display: table;
  clear: both;
}

#footer {
  margin: 64px auto 0;
}
@media only screen and (max-width: 767px) {
  #footer {
    margin: 8% auto 0;
  }
}

/* -----------------------------------------------------------
	tmp_title
----------------------------------------------------------- */
.tmp_title {
  background: transparent url("../../access/images/img_title.jpg") center center no-repeat;
  background-size: cover;
  text-align: center;
}

/* -----------------------------------------------------------
	con_map
----------------------------------------------------------- */
.con_map {
  margin: 64px auto 0;
}
@media only screen and (max-width: 767px) {
  .con_map {
    margin: 8% auto 0;
  }
}
.con_map .map {
  margin: 24px auto 0;
}
@media only screen and (max-width: 767px) {
  .con_map .map {
    margin: 3% auto 0;
  }
}
.con_map .root_area {
  margin: 40px auto 0;
}
@media only screen and (max-width: 767px) {
  .con_map .root_area {
    margin: 5% auto 0;
  }
}
.con_map .root_area .box_root {
  text-align: center;
}
.con_map .root_area .box_root .inn .list {
  text-align: left;
  margin: 1em;
}
.con_map .root_area .box_root .inn .list li {
  padding-left: 1.3em;
  text-indent: -1.3em;
  line-height: 1.6em;
}
.con_map .root_area .box_root .inn .list li:nth-child(1):before {
  content: '①';
  padding-right: 0.3em;
}
.con_map .root_area .box_root .inn .list li:nth-child(2):before {
  content: '②';
  padding-right: 0.3em;
}
.con_map .root_area .box_root.root1 {
  background-color: #faecec;
  width: 47.1%;
  margin: 17px;
}
.con_map .root_area .box_root.root1 .inn .tit {
  color: #890000;
  font-weight: bold;
}
.con_map .root_area .box_root.root2 {
  background-color: #faf0e3;
  width: 47%;
  margin: 17px;
}
.con_map .root_area .box_root.root2 .tit {
  color: #89510f;
  font-weight: bold;
}
.con_map .root_area .box_root.root3 {
  background-color: #ecf0f5;
}
.con_map .root_area .box_root.root3 .tit {
  color: #001a43;
  font-weight: bold;
}
@media only screen and (min-width: 768px) {
  .con_map .root_area .box_root {
    width: 32%;
    float: left;
  }
  .con_map .root_area .box_root.root2 {
    margin-left: 0 2%;
  }
  .con_map .root_area .box_root .inn {
    padding: 16px;
  }
  .con_map .root_area .box_root .inn .tit {
    font-size: 1.2em;
    line-height: 1.4em;
  }
}
@media print {
  .con_map .root_area .box_root {
    width: 32%;
    float: left;
  }
  .con_map .root_area .box_root.root2 {
    margin-left: 0 2%;
  }
  .con_map .root_area .box_root .inn {
    padding: 16px;
  }
  .con_map .root_area .box_root .inn .tit {
    font-size: 1.2em;
    line-height: 1.4em;
  }
}
.ie8 .con_map .root_area .box_root {
  width: 32%;
  float: left;
}
.ie8 .con_map .root_area .box_root.root2 {
  margin-left: 0 2%;
}
.ie8 .con_map .root_area .box_root .inn {
  padding: 16px;
}
.ie8 .con_map .root_area .box_root .inn .tit {
  font-size: 1.2em;
  line-height: 1.4em;
}
@media only screen and (max-width: 767px) {
  .con_map .root_area .box_root {
    margin-bottom: 3%;
  }
  .con_map .root_area .box_root.root1 {
    width: 100%;
    margin: 0 auto;
  }
  .con_map .root_area .box_root.root2 {
    width: 100%;
    margin: 4% auto;
  }
  .con_map .root_area .box_root .inn {
    padding: 3%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1160px) {
  .con_map .root_area .box_root.root1 {
    width: 100%;
    margin: 0 auto;
  }
  .con_map .root_area .box_root.root2 {
    width: 100%;
    margin: 2% auto;
  }
}

/* -----------------------------------------------------------
	con_train
----------------------------------------------------------- */
.con_train, .con_air {
  margin: 64px auto 0;
}
@media only screen and (max-width: 767px) {
  .con_train, .con_air {
    margin: 8% auto 0;
  }
}
.con_train .sst, .con_air .sst {
  font-size: 1.4em;
  line-height: 1.4em;
}
.con_train .sst span, .con_air .sst span {
  display: inline-block;
}
.con_train .sst span.ic, .con_air .sst span.ic {
  padding-right: 0.3em;
  font-size: 1.2em;
  line-height: 1em;
}
.con_train .graf, .con_air .graf {
  margin-top: 24px;
  text-align: center;
}
.con_train .box_graf .graf, .con_air .box_graf .graf {
  float: left;
  width: 48%;
}
.con_train .box_graf .graf.haneda, .con_air .box_graf .graf.haneda {
  margin-right: 4%;
}
.con_train .box_r_sp .wrp_root, .con_air .box_r_sp .wrp_root {
  margin-top: 3%;
}
.con_train .box_r_sp .wrp_root dt a, .con_air .box_r_sp .wrp_root dt a {
  display: block;
  padding: 0.6em 1em;
  text-decoration: none;
  font-size: 0.9em;
  line-height: 1.4em;
  background-color: #4c6da2;
  text-align: center;
  position: relative;
  color: #FFF;
}
.con_train .box_r_sp .wrp_root dt a:before, .con_train .box_r_sp .wrp_root dt a:after, .con_air .box_r_sp .wrp_root dt a:before, .con_air .box_r_sp .wrp_root dt a:after {
  font-family: FontAwesome;
  vertical-align: middle;
}
.con_train .box_r_sp .wrp_root dt a > *, .con_air .box_r_sp .wrp_root dt a > * {
  vertical-align: middle;
  display: inline;
}
.con_train .box_r_sp .wrp_root dt a:after, .con_air .box_r_sp .wrp_root dt a:after {
  content: "";
  margin-left: .5em;
  position: absolute;
  top: 50%;
  right: 3%;
  font-size: 24px;
  line-height: 1em;
  margin-top: -12px;
  -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_train .box_r_sp .wrp_root dt a.active:before, .con_train .box_r_sp .wrp_root dt a.active:after, .con_air .box_r_sp .wrp_root dt a.active:before, .con_air .box_r_sp .wrp_root dt a.active:after {
  font-family: FontAwesome;
  vertical-align: middle;
}
.con_train .box_r_sp .wrp_root dt a.active > *, .con_air .box_r_sp .wrp_root dt a.active > * {
  vertical-align: middle;
  display: inline;
}
.con_train .box_r_sp .wrp_root dt a.active:after, .con_air .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_train .box_r_sp .wrp_root dd, .con_air .box_r_sp .wrp_root dd {
  border: 1px solid #4c6da2;
  overflow: hidden;
  padding: 0 3%;
  height: 0;
}
.con_train .box_r_sp .wrp_root dd .sst, .con_air .box_r_sp .wrp_root dd .sst {
  font-size: 1.2em;
  line-height: 1.4em;
  margin-top: 0.5em;
}
.con_train .box_r_sp .wrp_root dd .textbox, .con_air .box_r_sp .wrp_root dd .textbox {
  text-align: center;
  padding: 0.3em 0.5em;
  font-size: 1.2em;
  line-height: 1.2em;
  border: 1px solid #333;
}
.con_train .box_r_sp .wrp_root dd .textbox.main, .con_air .box_r_sp .wrp_root dd .textbox.main {
  margin-top: 1em;
  background-color: #cbd8ed;
  border: 1px solid #cbd8ed;
  color: #001a43;
}
.con_train .box_r_sp .wrp_root dd .text, .con_air .box_r_sp .wrp_root dd .text {
  margin-left: 10%;
  padding: 0.6em 0.5em;
  border-left: 3px solid #333;
  text-align: left;
}
.con_train .box_r_sp .wrp_root dd .text.ic_jr, .con_air .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_train .box_r_sp .wrp_root dd .text.ic_train, .con_air .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_train .box_r_sp .wrp_root dd .text.ic_walk, .con_air .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_train .box_r_sp .wrp_root dd .text.ic_car, .con_air .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_train .box_r_sp .wrp_root dd .text.ic_bus, .con_air .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_train .box_r_sp .wrp_root dd .text.ic_plane, .con_air .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_train .box_r_sp .wrp_root dd .prace, .con_air .box_r_sp .wrp_root dd .prace {
  color: #FFF;
  text-align: center;
  padding: 0.5em;
  font-size: 1.2em;
  line-height: 1.4em;
  background-color: #001a43;
  margin-bottom: 1em;
}
.con_train .atn, .con_air .atn {
  margin: 2em auto 0;
  text-align: right;
}
@media only screen and (max-width: 767px) {
  .con_train .atn, .con_air .atn {
    margin: 1em auto 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_train .atn, .con_air .atn {
    text-align: left;
    font-size: 0.9em;
    line-height: 1.4em;
  }
}

/* -----------------------------------------------------------
	con_access
----------------------------------------------------------- */
.con_access {
  background: transparent url("../images/home/bg_ac.jpg") center center no-repeat;
  background-size: cover;
  margin: 112px auto 0;
  padding: 80px 0;
}
@media only screen and (max-width: 767px) {
  .con_access {
    margin: 8% auto 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_access {
    padding: 8% 0;
  }
}
.con_access .inner .sst {
  font-size: 1.4em;
  line-height: 1.4em;
  font-weight: normal;
}
.con_access .inner .sst span {
  display: inline-block;
  font-size: 0.8em;
  line-height: 1.4em;
  padding-left: 1em;
}
.con_access .inner .text {
  text-align: center;
  margin-top: 1em;
}
.con_access .inner .box_ac {
  background-color: rgba(51, 51, 51, 0.75);
  border: 1px solid #CCC;
  padding: 32px 0;
  margin: 24px auto 0;
}
@media only screen and (max-width: 767px) {
  .con_access .inner .box_ac {
    padding: 5% 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_access .inner .box_ac {
    margin: 5% auto 0;
  }
}
.con_access .inner .box_ac .map {
  width: 95%;
  max-width: 1088px;
  margin: 0 auto;
}
.con_access .inner .box_ac .wrp_text {
  margin: 1em auto 0;
  width: 95%;
  max-width: 1088px;
}
.con_access .inner .box_ac .wrp_text .add_area {
  color: #FFF;
}
.con_access .inner .box_ac .wrp_text .add_area .name {
  font-size: 1.2em;
  line-height: 1.4em;
  font-weight: bold;
}
.con_access .inner .box_ac .wrp_text .add_area .t {
  padding-left: 1em;
  text-indent: -1em;
}
.con_access .inner .box_ac .wrp_text .bt {
  display: inline-block;
}
.con_access .inner .box_ac .wrp_text .bt a {
  display: inline-block;
  text-decoration: none;
  -moz-transition: color 300ms ease-out, background 300ms ease-out;
  -o-transition: color 300ms ease-out, background 300ms ease-out;
  -webkit-transition: color 300ms ease-out, background 300ms ease-out;
  transition: color 300ms ease-out, background 300ms ease-out;
  background: transparent url("../images/common/ic_map_g.png") 94% center no-repeat;
  background-color: #FFF;
  border: 1px solid #333;
  padding: 0.5em 3em 0.5em 1.5em;
}
@media only screen and (min-width: 768px) {
  .con_access .inner .box_ac .wrp_text .add_area {
    width: 65%;
    float: left;
  }
  .con_access .inner .box_ac .wrp_text .bt {
    width: 30%;
    float: right;
    text-align: right;
  }
  .con_access .inner .box_ac .wrp_text .bt a:hover {
    color: #FFF;
    background: transparent url("../images/common/ic_map_w.png") 94% center no-repeat;
    background-color: #333;
  }
}
@media print {
  .con_access .inner .box_ac .wrp_text .add_area {
    width: 65%;
    float: left;
  }
  .con_access .inner .box_ac .wrp_text .bt {
    width: 30%;
    float: right;
    text-align: right;
  }
  .con_access .inner .box_ac .wrp_text .bt a:hover {
    color: #FFF;
    background: transparent url("../images/common/ic_map_w.png") 94% center no-repeat;
    background-color: #333;
  }
}
.ie8 .con_access .inner .box_ac .wrp_text .add_area {
  width: 65%;
  float: left;
}
.ie8 .con_access .inner .box_ac .wrp_text .bt {
  width: 30%;
  float: right;
  text-align: right;
}
.ie8 .con_access .inner .box_ac .wrp_text .bt a:hover {
  color: #FFF;
  background: transparent url("../images/common/ic_map_w.png") 94% center no-repeat;
  background-color: #333;
}
@media only screen and (max-width: 767px) {
  .con_access .inner .box_ac .wrp_text .bt {
    margin-top: 1em;
    display: block;
  }
  .con_access .inner .box_ac .wrp_text .bt a {
    display: block;
    text-align: center;
    padding: 0.8em 0;
  }
}

/* -----------------------------------------------------------
	con_ss
----------------------------------------------------------- */
.con_ss {
  margin: 64px auto 0;
}
@media only screen and (max-width: 767px) {
  .con_ss {
    margin: 8% auto 0;
  }
}
.con_ss .text {
  text-align: center;
  margin-top: 1em;
}
.con_ss .box_map {
  margin: 24px auto 0;
  position: relative;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .con_ss .box_map {
    margin: 5% auto 0;
  }
}
.con_ss .box_map .map {
  position: relative;
  z-index: 10;
}
@media only screen and (min-width: 768px) {
  .con_ss .box_map:before {
    content: '';
    width: 100%;
    height: 450px;
    position: absolute;
    z-index: 0;
    top: 50%;
    left: 0;
    margin-top: -225px;
    background: transparent url("../images/home/pat_map.png") left top repeat;
  }
}
@media print {
  .con_ss .box_map:before {
    content: '';
    width: 100%;
    height: 450px;
    position: absolute;
    z-index: 0;
    top: 50%;
    left: 0;
    margin-top: -225px;
    background: transparent url("../images/home/pat_map.png") left top repeat;
  }
}
.ie8 .con_ss .box_map:before {
  content: '';
  width: 100%;
  height: 450px;
  position: absolute;
  z-index: 0;
  top: 50%;
  left: 0;
  margin-top: -225px;
  background: transparent url("../images/home/pat_map.png") left top repeat;
}

/* -----------------------------------------------------------
	con_spot
----------------------------------------------------------- */
.con_play {
  margin: 64px auto 0;
}
@media only screen and (max-width: 767px) {
  .con_play {
    margin: 5% auto 0;
  }
}
.con_play .box_st {
  background: transparent url("../images/home/pat_spot.png") left top repeat;
  padding: 8px 24px;
}
@media only screen and (max-width: 767px) {
  .con_play .box_st {
    padding: 0.3em 1em;
  }
}
.con_play .box_st h4 {
  font-weight: normal;
  text-align: left;
}
@media only screen and (max-width: 767px) {
  .con_play .box_st h4 {
    text-align: center;
  }
}
.con_play .box_st h4 span {
  display: inline-block;
}
.con_play .box_st h4 span.s {
  font-size: 18px;
  line-height: 1.4em;
}
@media only screen and (max-width: 767px) {
  .con_play .box_st h4 span.s {
    font-size: 1em;
  }
}
.con_play .box_st h4 span.b {
  font-size: 36px;
  line-height: 1.4em;
  padding-left: 0.1em;
  color: #001a43;
}
@media only screen and (max-width: 767px) {
  .con_play .box_st h4 span.b {
    font-size: 1.4em;
  }
}
.con_play ul li {
  width: 32%;
  float: left;
  margin: 24px auto 0;
}
@media only screen and (max-width: 767px) {
  .con_play ul li {
    width: 48%;
  }
}
@media only screen and (max-width: 767px) {
  .con_play ul li {
    margin: 3% auto 0;
  }
}
@media only screen and (min-width: 768px) {
  .con_play ul li:nth-child(3n+2) {
    margin: 24px 2% 0;
  }
}
@media print {
  .con_play ul li:nth-child(3n+2) {
    margin: 24px 2% 0;
  }
}
.ie8 .con_play ul li:nth-child(3n+2) {
  margin: 24px 2% 0;
}
@media only screen and (max-width: 767px) {
  .con_play ul li:nth-child(2n) {
    margin: 3% auto 0 4%;
  }
}
.con_play ul li .img {
  text-align: center;
}
.con_play ul li .t {
  font-size: 1.2em;
  line-height: 1.2em;
  margin-top: 0.5em;
}
@media only screen and (max-width: 767px) {
  .con_play ul li .t {
    font-size: 0.9em;
  }
}

/* -----------------------------------------------------------
	con_spot
----------------------------------------------------------- */
.con_spot {
  margin: 64px auto 0;
  padding: 64px 0;
  background: transparent url("../images/home/pat_spot.png") left top repeat;
}
@media only screen and (max-width: 767px) {
  .con_spot {
    margin: 8% auto 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_spot {
    padding: 8% 0;
  }
}
.con_spot h4 {
  text-align: center;
  font-weight: normal;
  letter-spacing: 0.05em;
}
.con_spot .box_spot {
  margin: 32px auto 0;
}
@media only screen and (max-width: 767px) {
  .con_spot .box_spot {
    margin: 5% auto 0;
  }
}
.con_spot .box_spot ul {
  margin: 0 auto;
}
.con_spot .box_spot ul li {
  background-color: #FFF;
}
.con_spot .box_spot ul li .img {
  text-align: center;
}
.con_spot .box_spot ul li .wrp_text .name {
  display: block;
}
.con_spot .box_spot ul li .wrp_text .name span {
  display: inline-block;
}
.con_spot .box_spot ul li .wrp_text .name span.n {
  font-weight: bold;
  margin-bottom: 0.2em;
}
.con_spot .box_spot ul li .wrp_text .name span.min {
  background-color: #666;
  color: #FFF;
  padding: 0.1em 0.5em;
}
.con_spot .box_spot ul li .wrp_text .text {
  display: block;
  margin-top: 0.5em;
}
@media only screen and (min-width: 768px) {
  .con_spot h4 {
    font-size: 1.8em;
    line-height: 1.4em;
  }
  .con_spot .box_spot ul {
    width: 96%;
  }
  .con_spot .box_spot ul li {
    width: 24.9%;
    margin-left: 0.1%;
    float: left;
    margin-bottom: 0.1%;
  }
  .con_spot .box_spot ul li .wrp_text {
    padding: 3%;
  }
  .con_spot .box_spot ul li .wrp_text .name span.n {
    font-size: 1.2em;
    line-height: 1.4em;
  }
  .con_spot .box_spot ul li .wrp_text .name span.min {
    margin-left: 0.5em;
  }
}
@media print {
  .con_spot h4 {
    font-size: 1.8em;
    line-height: 1.4em;
  }
  .con_spot .box_spot ul {
    width: 96%;
  }
  .con_spot .box_spot ul li {
    width: 24.9%;
    margin-left: 0.1%;
    float: left;
    margin-bottom: 0.1%;
  }
  .con_spot .box_spot ul li .wrp_text {
    padding: 3%;
  }
  .con_spot .box_spot ul li .wrp_text .name span.n {
    font-size: 1.2em;
    line-height: 1.4em;
  }
  .con_spot .box_spot ul li .wrp_text .name span.min {
    margin-left: 0.5em;
  }
}
.ie8 .con_spot h4 {
  font-size: 1.8em;
  line-height: 1.4em;
}
.ie8 .con_spot .box_spot ul {
  width: 96%;
}
.ie8 .con_spot .box_spot ul li {
  width: 24.9%;
  margin-left: 0.1%;
  float: left;
  margin-bottom: 0.1%;
}
.ie8 .con_spot .box_spot ul li .wrp_text {
  padding: 3%;
}
.ie8 .con_spot .box_spot ul li .wrp_text .name span.n {
  font-size: 1.2em;
  line-height: 1.4em;
}
.ie8 .con_spot .box_spot ul li .wrp_text .name span.min {
  margin-left: 0.5em;
}
@media only screen and (min-width: 768px) and (max-width: 1160px) {
  .con_spot .box_spot ul li {
    width: 33.33333%;
    width: -webkit-calc(100% / 3);
    width: calc(100% / 3);
    margin-left: 0;
    position: relative;
  }
  .con_spot .box_spot ul li:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    background-color: #EEE;
  }
}
@media only screen and (max-width: 767px) {
  .con_spot h4 {
    font-size: 1.4em;
    line-height: 1.4em;
  }
  .con_spot .box_spot ul {
    margin: 0 auto;
  }
  .con_spot .box_spot ul li {
    padding: 3%;
    margin-top: 5%;
  }
  .con_spot .box_spot ul li .img {
    width: 30%;
    float: left;
  }
  .con_spot .box_spot ul li .wrp_text {
    width: 65%;
    float: right;
  }
  .con_spot .box_spot ul li .wrp_text .name span.n {
    font-size: 1em;
    line-height: 1.4em;
    display: block;
  }
  .con_spot .box_spot ul li .wrp_text .name span.min {
    display: block;
    text-align: center;
  }
}