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

 file name  : access.css
 author     : Ability Consultant
 style info : アクセス
=================================================================== */
.con_intr, .con_map .box_map, .wrp_add .con_add, .con_root {
  max-width: 1100px;
  margin: auto;
}
@media only screen and (max-width: 1099px) {
  .con_intr, .con_map .box_map, .wrp_add .con_add, .con_root {
    width: 91.66667%;
  }
}

@font-face {
  font-family: "NotoSerifCJKjp-Regular";
  font-style: normal;
  font-weight: normal;
  src: local("NotoSerifCJKjp Regular"), url("../font/NotoSerifCJKjp-Regular.woff2") format("woff2"), url("../font/NotoSerifCJKjp-Regular.woff") format("woff");
}
/* font-awesome */
/* -----------------------------------------------------------
	タイトル
----------------------------------------------------------- */
/* -----------------------------------------------------------
	ボタン
----------------------------------------------------------- */
/* -----------------------------------------------------------
	スライド　用
----------------------------------------------------------- */
.cau {
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .cau {
    margin-bottom: 4%;
  }
}

/* -----------------------------------------------------------
	con_intr
----------------------------------------------------------- */
.con_intr {
  margin-top: 40px;
}
@media only screen and (max-width: 767px) {
  .con_intr {
    margin-top: 7%;
  }
}
.con_intr .int_catch {
  text-align: center;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  font-size: 186%;
  letter-spacing: .1em;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .con_intr .int_catch {
    font-size: 179%;
  }
}
@media only screen and (max-width: 767px) {
  .con_intr .int_catch {
    font-size: 158%;
  }
}
.con_intr .txt {
  font-size: 108%;
  line-height: 2.2;
  letter-spacing: .05em;
  text-align: center;
  margin-top: 22px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .con_intr .txt {
    font-size: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .con_intr .txt {
    font-size: 93%;
  }
}
@media only screen and (max-width: 767px) {
  .con_intr .txt {
    margin-top: 4%;
  }
}

/* -----------------------------------------------------------
	con_map
----------------------------------------------------------- */
.con_map {
  margin-top: 70px;
  padding-top: 70px;
  border-top: 1px solid #ededed;
}
@media only screen and (max-width: 767px) {
  .con_map {
    margin-top: 7%;
  }
}
@media only screen and (max-width: 767px) {
  .con_map {
    padding-top: 7%;
  }
}
.con_map .box_map .wrp_map {
  height: 515px;
  border: 2px solid #f4f3f1;
  position: relative;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  .con_map .box_map .wrp_map {
    height: 300px;
  }
}
.con_map .box_map .wrp_map #map {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  border: 9px solid #fff;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  .con_map .box_map .wrp_map #map {
    border: 5px solid #fff;
  }
}
.con_map .box_map .wrp_map #map .gm-style-iw {
  padding: 7px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.con_map .box_map .wrp_map #map .gm-style-iw div div {
  overflow: hidden !important;
}
.con_map .box_map .wrp_map #map .gm-style-iw .photo {
  float: left;
  margin-right: 15px;
  vertical-align: bottom;
}
@media only screen and (max-width: 767px) {
  .con_map .box_map .wrp_map #map .gm-style-iw .photo {
    display: none;
  }
}
.con_map .box_map .wrp_map #map .gm-style-iw .txt {
  float: left;
}
.con_map .box_map .wrp_map #map .gm-style-iw .txt .st {
  margin-bottom: 12px;
  display: inline-block;
  font-weight: bold;
  letter-spacing: .1em;
}
@media only screen and (max-width: 767px) {
  .con_map .box_map .wrp_map #map .gm-style-iw .txt .st {
    margin-bottom: 1%;
  }
}
@media only screen and (max-width: 767px) {
  .con_map .box_map .wrp_map #map .gm-style-iw .txt span {
    display: none;
  }
}
.con_map .box_map .box_txt {
  overflow: hidden;
  margin-top: 15px;
}
@media only screen and (max-width: 767px) {
  .con_map .box_map .box_txt {
    margin-top: 2%;
  }
}
.con_map .box_map .box_txt .txt {
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .con_map .box_map .box_txt .txt {
    display: block;
  }
}
.con_map .box_map .box_txt .btn {
  width: 182px;
  float: right;
}
.con_map .box_map .box_txt .btn a {
  border: 2px solid #846b4d;
  border-radius: 20px;
  display: block;
  color: #391a03;
  padding: 5.5px .3em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  text-decoration: none;
  -moz-transition: background 0.3s, color 0.3s;
  -o-transition: background 0.3s, color 0.3s;
  -webkit-transition: background 0.3s, color 0.3s;
  transition: background 0.3s, color 0.3s;
}
.con_map .box_map .box_txt .btn:hover a {
  background: #391a03;
  color: #fff;
  border: 2px solid #391a03;
}
@media only screen and (max-width: 767px) {
  .con_map .box_map .box_txt .btn {
    width: 80%;
  }
}
@media only screen and (max-width: 767px) {
  .con_map .box_map .box_txt .btn {
    float: none;
  }
}
@media only screen and (max-width: 767px) {
  .con_map .box_map .box_txt .btn {
    margin: 5% auto 0;
  }
}

/* -----------------------------------------------------------
	wrp_add
----------------------------------------------------------- */
.wrp_add {
  background: #fbfbfb;
  margin-top: 80px;
}
@media only screen and (max-width: 767px) {
  .wrp_add {
    margin-top: 10%;
  }
}
.wrp_add .con_add {
  overflow: hidden;
  padding: 35px 0;
}
@media only screen and (max-width: 767px) {
  .wrp_add .con_add {
    padding: 4% 0;
  }
}
.wrp_add .con_add .photo_map {
  width: 48.18182%;
  float: left;
}
@media only screen and (max-width: 767px) {
  .wrp_add .con_add .photo_map {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_add .con_add .photo_map {
    float: none;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_add .con_add .photo_map {
    margin-bottom: 5%;
  }
  .wrp_add .con_add .photo_map img {
    width: 100%;
  }
}
.wrp_add .con_add .box_det {
  width: 49.09091%;
  float: right;
}
@media only screen and (max-width: 767px) {
  .wrp_add .con_add .box_det {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_add .con_add .box_det {
    float: none;
  }
}
.wrp_add .con_add .box_det h3 {
  margin: 20px 0;
  text-align: center;
}
.wrp_add .con_add .box_det .photo img {
  width: 100%;
}
.wrp_add .con_add .box_det .tbl_basic {
  width: 100%;
}
.wrp_add .con_add .box_det .tbl_basic th, .wrp_add .con_add .box_det .tbl_basic td {
  padding: 1.2em 15px;
}
.wrp_add .con_add .box_det .tbl_basic th {
  width: 29.62963%;
}

/* -----------------------------------------------------------
	con_root
----------------------------------------------------------- */
.con_root {
  margin-top: 80px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  .con_root {
    margin-top: 10%;
  }
}
.con_root .box_how {
  margin-bottom: 70px;
}
@media only screen and (max-width: 767px) {
  .con_root .box_how {
    margin-bottom: 10%;
  }
}
.con_root .box_how h3 {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  font-size: 158%;
  letter-spacing: .08em;
  text-align: center;
  margin-bottom: 25px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .con_root .box_how h3 {
    font-size: 143%;
  }
}
@media only screen and (max-width: 767px) {
  .con_root .box_how h3 {
    font-size: 129%;
  }
}
@media only screen and (max-width: 767px) {
  .con_root .box_how h3 {
    margin-bottom: 5%;
  }
}
@media only screen and (max-width: 767px) {
  .con_root .box_how h3 em, .con_root .box_how h3 span {
    display: block !important;
  }
  .con_root .box_how h3 span {
    margin: 2% 0 0 0 !important;
  }
}
.con_root .box_how .btn {
  margin: 5% auto;
  width: 80%;
}
.con_root .box_how .btn a {
  border: 2px solid #846b4d;
  border-radius: 20px;
  display: block;
  color: #391a03;
  padding: 5.5px .3em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  text-decoration: none;
  -moz-transition: background 0.3s, color 0.3s;
  -o-transition: background 0.3s, color 0.3s;
  -webkit-transition: background 0.3s, color 0.3s;
  transition: background 0.3s, color 0.3s;
}
.con_root .box_how .btn:hover a {
  background: #391a03;
  color: #fff;
  border: 2px solid #391a03;
}
.con_root .box_how .btn a {
  padding: 5%;
}
.con_root .box_how .photo.roo {
  margin: 55px 0;
}
.con_root .box_how .box_par {
  background: #fbfbfb;
  padding: 30px;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .con_root .box_how .box_par {
    padding: 4%;
  }
}
.con_root .box_how .box_par > .box_txt {
  width: 48.55769%;
  float: left;
}
@media only screen and (max-width: 767px) {
  .con_root .box_how .box_par > .box_txt {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .con_root .box_how .box_par > .box_txt {
    float: none;
  }
}
.con_root .box_how .box_par > .box_txt .st {
  font-size: 129%;
}
.con_root .box_how .box_par > .box_txt > .txt {
  margin: 13px 0;
  line-height: 1.8em;
}
@media only screen and (max-width: 767px) {
  .con_root .box_how .box_par > .box_txt > .txt {
    margin: 2% 0 4%;
  }
}
.con_root .box_how .box_par > .box_txt .tbl_basic {
  width: 100%;
}
.con_root .box_how .box_par > .box_txt .tbl_basic th, .con_root .box_how .box_par > .box_txt .tbl_basic td {
  padding: 1.2em 15px;
}
.con_root .box_how .box_par > .box_txt .tbl_basic th {
  width: 33.66337%;
}
.con_root .box_how .box_par .photo {
  width: 48.26923%;
  float: right;
}
@media only screen and (max-width: 767px) {
  .con_root .box_how .box_par .photo {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .con_root .box_how .box_par .photo {
    float: none;
  }
}
@media only screen and (max-width: 767px) {
  .con_root .box_how .box_par .photo {
    margin-top: 5%;
  }
  .con_root .box_how .box_par .photo img {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .con_root .box_how.bus .box_par {
    padding: 0;
  }
}
.con_root .box_how.bus .box_txt {
  width: 100%;
}
.con_root .box_how.bus .det_txt {
  float: left;
  width: 35.57692%;
}
@media only screen and (max-width: 767px) {
  .con_root .box_how.bus .det_txt {
    float: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .con_root .box_how.bus .det_txt {
    width: 37%;
  }
}
@media only screen and (max-width: 767px) {
  .con_root .box_how.bus .det_txt {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .con_root .box_how.bus .det_txt {
    margin-bottom: 1em;
  }
}
.con_root .box_how.bus .box_tel {
  overflow: hidden;
  border: 1px solid #dcdcdc;
  background: #f4f3f1;
  padding: 15px 25px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 54.80769%;
  float: right;
}
@media only screen and (max-width: 767px) {
  .con_root .box_how.bus .box_tel {
    padding: 4%;
  }
}
@media only screen and (max-width: 767px) {
  .con_root .box_how.bus .box_tel {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .con_root .box_how.bus .box_tel {
    float: none;
  }
}
.con_root .box_how.bus .box_tel h3 {
  text-align: center;
  letter-spacing: normal;
  font-size: 122%;
  margin-bottom: 10px;
  font-weight: normal;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .con_root .box_how.bus .box_tel h3 {
    font-size: 115%;
  }
}
@media only screen and (max-width: 767px) {
  .con_root .box_how.bus .box_tel h3 {
    font-size: 122%;
  }
}
@media only screen and (max-width: 767px) {
  .con_root .box_how.bus .box_tel h3 {
    margin-bottom: 2%;
  }
}
.con_root .box_how.bus .box_tel > .box_txt {
  width: 54.80769%;
  overflow: hidden;
  float: left;
  margin-right: 1.73913%;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .con_root .box_how.bus .box_tel > .box_txt {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .con_root .box_how.bus .box_tel > .box_txt {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .con_root .box_how.bus .box_tel > .box_txt {
    float: none;
  }
}
@media only screen and (max-width: 767px) {
  .con_root .box_how.bus .box_tel > .box_txt {
    float: none;
  }
}
@media only screen and (max-width: 767px) {
  .con_root .box_how.bus .box_tel > .box_txt {
    margin-right: 0;
  }
}
@media only screen and (max-width: 1099px) {
  .con_root .box_how.bus .box_tel > .box_txt {
    text-align: center;
  }
}
.con_root .box_how.bus .box_tel > .box_txt > .tel {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  font-size: 229%;
  line-height: 1.5;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .con_root .box_how.bus .box_tel > .box_txt > .tel {
    font-size: 143%;
  }
}
@media only screen and (max-width: 767px) {
  .con_root .box_how.bus .box_tel > .box_txt > .tel {
    font-size: 179%;
  }
}
.con_root .box_how.bus .box_tel > .box_txt > .tel em {
  letter-spacing: normal;
  font-size: 72%;
}
.con_root .box_how.bus .box_tel > .box_txt .txt {
  letter-spacing: -.03em;
}
.con_root .box_how.bus .box_tel .btn2 {
  width: 42.3913%;
  float: left;
  margin: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .con_root .box_how.bus .box_tel .btn2 {
    width: 80%;
  }
}
@media only screen and (max-width: 767px) {
  .con_root .box_how.bus .box_tel .btn2 {
    width: 80%;
  }
}
.con_root .box_how.bus .box_tel .btn2 a {
  border: 2px solid #846b4d;
  border-radius: 20px;
  display: block;
  color: #391a03;
  padding: 5.5px .3em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  text-decoration: none;
  -moz-transition: background 0.3s, color 0.3s;
  -o-transition: background 0.3s, color 0.3s;
  -webkit-transition: background 0.3s, color 0.3s;
  transition: background 0.3s, color 0.3s;
}
.con_root .box_how.bus .box_tel .btn2:hover a {
  background: #391a03;
  color: #fff;
  border: 2px solid #391a03;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .con_root .box_how.bus .box_tel .btn2 {
    float: none;
  }
}
@media only screen and (max-width: 767px) {
  .con_root .box_how.bus .box_tel .btn2 {
    float: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .con_root .box_how.bus .box_tel .btn2 {
    margin: 5% auto 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_root .box_how.bus .box_tel .btn2 {
    margin: 2% auto 0;
  }
}
.con_root .box_how.bus .box_tel .btn2 a {
  padding: 13px 20px;
}

/* -----------------------------------------------------------
	box_acc
----------------------------------------------------------- */
.box_acc .obj_accordion {
  border: 1px solid #cbcbcb;
  padding: 1.2em;
  position: relative;
  background: #f4f3f1;
  font-weight: normal;
}
.box_acc .obj_accordion:after {
  content: "";
  margin-left: .3em;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  position: absolute;
  right: 3%;
  top: 50%;
  color: #535353;
  margin: 0;
  font-size: 158%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.box_acc .obj_accordion.active:after {
  content: "";
  margin-left: .3em;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
}
.box_acc .inner {
  display: none;
}
.box_acc .inner li:nth-child(2n+1) {
  padding: .8em 3em;
  position: relative;
}
.box_acc .inner li:nth-child(2n+1):before {
  background: url(../access/images/ic_road.png);
  content: "";
  width: 18px;
  height: 100%;
  position: absolute;
  left: 10px;
  top: 0;
  background-repeat: repeat-y;
  background-position: center center;
  background-size: 50% auto;
}
.box_acc .inner li:nth-child(2n+1).wal:before {
  background: url(../access/images/ic_walk.png);
  width: 18px;
}
.box_acc .inner li:nth-child(2n) {
  border: 1px solid #b1b1b1;
  padding: .8em;
}
.box_acc .inner li:last-child {
  font-size: 122%;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  text-align: center;
  background: #000;
  padding: .5em;
}
.box_acc.nagai, .box_acc.yone {
  margin: 3% 0;
}