@charset "UTF-8";

.acc-car h3 {
  width: 28rem;
  margin: 0 auto 6.5rem;
  position: relative;
}

.acc-parking h3,
.acc-parking-title h3 {
  width: 24rem;
  margin: 0 auto 6.5rem;
  position: relative;
}

.acc-bus h3 {
  width: 24rem;
  margin: 0 auto 6.5rem;
  position: relative;
}

.overview h3 {
  width: 13.5rem;
  margin: 0 auto 6.5rem;
  position: relative;
}

.fare h3 {
  width: 22.5rem;
  margin: 0 auto 5.5rem;
  position: relative;
}

.faq h3 {
  width: 20rem;
  margin: 0 auto 7.5rem;
  position: relative;
}

.h3-title span.wave {
  content: "";
  display: block;
  width: 15.5rem;
  height: 2rem;
  background: url(../img/notesub-wave.svg) no-repeat center center;
  position: absolute;
  bottom: -3rem;
  left: 50%;
  transform: translate(-50%, 4rem);
  opacity: 0;
}
.h3-title span.deco {
  content: "";
  display: block;
  width: 3.5rem;
  height: 4.5rem;
  position: absolute;
}
.h3-title span.deco-left {
  background: url(../img/notesub-deco-l.svg) no-repeat center center;
}
.h3-title span.deco-right {
  background: url(../img/notesub-deco-r.svg) no-repeat center center;
}

.acc-car .h3-title span.deco-left {
  top: -1rem;
  left: 0.5rem;
}
.acc-car .h3-title span.deco-right {
  top: -1rem;
  right: 0;
}

.acc-parking .h3-title span.deco-left,
.acc-parking-title .h3-title span.deco-left {
  top: -1rem;
  left: -0.5rem;
}
.acc-parking .h3-title span.deco-right,
.acc-parking-title .h3-title span.deco-right {
  top: -1rem;
  right: -1rem;
}

.acc-bus .h3-title span.deco-left {
  top: -1rem;
  left: 1rem;
}
.acc-bus .h3-title span.deco-right {
  top: -1rem;
  right: 1rem;
}

.overview .h3-title span.deco-left {
  top: 1rem;
  left: -4.5rem;
}
.overview .h3-title span.deco-right {
  top: 1rem;
  right: -4.5rem;
}

.fare .h3-title span.deco-left {
  top: -1rem;
  left: -1rem;
}
.fare .h3-title span.deco-right {
  top: -1rem;
  right: -1rem;
}

.faq .h3-title span.deco-left {
  top: 2.5rem;
  left: -2.5rem;
}
.faq .h3-title span.deco-right {
  top: 2.5rem;
  right: -3.5rem;
}


/*----------------------------------------------------
h3 1200- 
----------------------------------------------------*/
@media screen and (min-width:1200px) {

  .acc-car h3 {
    margin: 4rem auto 10rem;
  }

  .acc-bus h3 {
    margin: 0 auto 10rem;
  }

  .overview h3 {
    margin: 0 auto 8.5rem;
  }

  .faq h3 {
    margin: 0 auto 8.5rem;
  }

}