/*********************************
*  @font
**********************************/
@import url("https://fonts.googleapis.com/css2?family=Fira+Sans:wght@700&display=swap");
/*********************************
*  @mixin
**********************************/
/*********************************
*  title
**********************************/
h2 {
  font-size: 30px;
  font-family: noto-sans-cjk-jp, sans-serif;
  font-weight: 700;
  font-style: normal;
  overflow: hidden;
}
h2::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc((1 - 1.8) * 0.5em);
}
h2::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc((1 - 1.8) * 0.5em);
}
h2 {
  line-height: 2.5;
}
h2 span {
  margin-right: -6px;
}

/*********************************
*  inner
**********************************/
.inner {
  max-width: 1080px;
}

/*********************************
*  main_vsl
**********************************/
.main_vsl {
  background: url(../images/access/mv_pc.jpg) no-repeat center;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .main_vsl {
    background: url(../images/access/mv_sp.jpg) no-repeat center;
    background-size: cover;
  }
}

/*********************************
*  privacy
**********************************/
#access {
  /*padding: 100px 0;*/
}
@media screen and (max-width: 768px) {
  #access {
    padding: 60px 0;
  }
}
#access .contents {
  font-size: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (max-width: 768px) {
  #access .contents {
    font-size: 16px;
  }
}
#access .map {
  text-align: center;
  margin-bottom: 80px;
}
#access .map ul {
  width: 840px;
}
@media screen and (max-width: 768px) {
  #access .map ul {
    max-width: 540px;
  }
}
@media screen and (max-width: 500px) {
  #access .map ul {
    max-width: 390px;
  }
}
@media screen and (max-width: 350px) {
  #access .map ul {
    max-width: 300px;
  }
}
#access .map h3 {
  background-color: #026CA0;
  color: #FFF;
  font-weight: 700;
  font-size: 25px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  margin-top: 20px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  #access .map h3 {
    font-size: 15px;
  }
}
#access .map li {
  text-align: left;
  font-size: 20px;
}
@media screen and (max-width: 768px) {
  #access .map li {
    font-size: 10px;
  }
}
#access .map li iframe {
  width: 100%;
  height: 450px;
}
@media screen and (max-width: 768px) {
  #access .map li iframe {
    height: 300px;
  }
}
@media screen and (max-width: 500px) {
  #access .map li iframe {
    height: 260px;
  }
}
@media screen and (max-width: 350px) {
  #access .map li iframe {
    height: 150px;
  }
}
#access .parking {
  text-align: center;
  margin-bottom: 80px;
}
#access .parking ul {
  max-width: 840px;
}
@media screen and (max-width: 768px) {
  #access .parking ul {
    max-width: 540px;
  }
}
#access .parking h3 {
  background-color: #026CA0;
  color: #FFF;
  font-weight: 700;
  font-size: 25px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  margin-top: 10px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  #access .parking h3 {
    font-size: 15px;
  }
}
#access .parking li {
  text-align: left;
  font-size: 20px;
}
@media screen and (max-width: 768px) {
  #access .parking li {
    font-size: 10px;
  }
}
#access .parking img {
  padding-bottom: 20px;
}
#access .parking .text {
  padding-left: 35px;
}
@media screen and (max-width: 768px) {
  #access .parking .text {
    padding-left: 20px;
  }
}
@media screen and (max-width: 500px) {
  #access .parking .text {
    padding-left: 10px;
  }
}

/*# sourceMappingURL=access.css.map */