@charset "UTF-8";
/* -------------------------------------------------- */
/* file   : access.css                                  */
/* update : 2020                                      */
/* -------------------------------------------------- */
#access .h1_wrap_bg {
  background: url(/access/img/mv.jpg) no-repeat bottom center/cover;
}

#access .h1_wrap_bg .h1_text {
  width: 75%;
}

#access .h1_wrap_bg .h1_sub span {
  display: block;
}

#access .sec_wrap {
  padding: 25px 20px 0;
}

.map {
  border: solid 10px #e6ecf0;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.map iframe {
  width: 100%;
  height: 530px;
}

.access_wrap {
  max-width: 940px;
  padding: 0 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 auto;
}

.address {
  margin: 35px;
  text-align: center;
}

.access_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: #e6ecf0;
  margin-bottom: 5px;
}

.access_flex .bold {
  color: #2f5080;
  width: 43%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 20px 0 20px 28px;
}

.access_flex .access_r {
  width: 55.6%;
  padding: 20px 28px 20px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.map_img {
  margin-bottom: 80px;
}

/*----------------------------------------------------------*/
/* pc設定以上の横幅用のCSS */
/*----------------------------------------------------------*/
@media screen and (min-width: 1400px) {
  /* pc */
  /*---------------------------------------------------------*/
}

/*----------------------------------------------------------*/
/* pcホバー用のCSS */
/*----------------------------------------------------------*/
@media screen and (min-width: 560px) {
  /* pc */
  /*---------------------------------------------------------*/
}

/*----------------------------------------------------------*/
/* tablet用のCSS */
/*----------------------------------------------------------*/
@media screen and (max-width: 959px) {
  /* tablet */
  /* -------------------tablet END------------------------- */
}

/*----------------------------------------------------------*/
/* SP用のCSS */
/*----------------------------------------------------------*/
@media screen and (max-width: 559px) {
  /* sp */
  #access .h1_wrap_bg .h1_text {
    width: 100%;
  }
  #access .h1_wrap_bg .h1_sub span {
    display: inline-block;
  }
  .map iframe {
    height: 330px;
  }
  .address {
    margin: 20px;
  }
  .access_wrap {
    padding: 0;
  }
  .access_flex .bold {
    padding: 10px 0 10px 14px;
  }
  .access_flex .access_r {
    padding: 10px 14px 10px 0;
  }
  .map_img {
    margin-bottom: 40px;
  }
  /*----------------------------------------------------------*/
}