@charset "UTF-8";
/*----------------------------------------------------
faq
----------------------------------------------------*/
#route,#parking {
  width:100%;height:auto;
  padding:100px 0;
  position:relative;
  line-height:2;
}
.route,.parking {
  width:100%;height:auto;
  max-width:896px;margin:0 auto;
  position:relative;z-index:1;
  font-size:1.6rem;
}
.route h2 i,.parking h2 i {
  margin-right:5px;
}
.route-cols {
  width:100%;height:auto;
}
.route-cols ul {
  width:100%;height:auto;
  display:flex;flex-wrap:wrap;
  list-style:none;
}
.route-cols li {
  width:33%;height:0;
  padding-top:33%;
  box-sizing:border-box;
  position:relative;
}
.route-num {
  display:flex;justify-content:center;align-items:center; width:40px;height:40px;
  background:#fff;border-radius:50vh;
  position:absolute;
  top:20px;left:15px;
  font-size:2rem;font-weight:bold;
}
.route-cols li img {
  display:block;width:99%;height:auto;
  position:absolute;top:50%;left:50%;
  transform:translate(-50%,-50%);
}
.red {
  color:red;font-weight:bold;
}
.parking-category {
  width:100%;height:auto;
  padding:20px;box-sizing:border-box;
  border-radius:10px;
  margin-top:10px;
  background:#F3F2F4;
}
.parking-category h3 {
  border-bottom:2px solid #fff;
  margin-bottom:5px;
}
.parking-category h3 i {
  margin-right:5px;
}
.paking-lead {
  font-weight:bold;
}
.parking-category-link {
  width:100%;height:auto;
  display:flex;
}
.parking-tab {
  padding:0 15px;background:#BC8F8F;
  color:#fff;font-weight:bold;border-radius:4px;margin-right:10px;
}
.parking-category-link a {
  border-bottom:1px solid #BC8F8F;
}
.price {
  width:100%;height:auto;
}
.price ul {
  width:100%;height:auto;display:flex;flex-wrap:wrap;list-style:none;
}
.price li:not(:last-child) {
  margin-right:10px;
}
@media screen and (max-width: 1360px) {
}
@media screen and (max-width: 1280px) {
}
@media screen and (max-width: 1024px) {
  .route,.parking {
    width:80%;max-width:initial;
  }
}
@media screen and (max-width: 896px) {
}
@media screen and (max-width: 786px) {
}
@media screen and (max-width: 680px) {
  #parking {
    padding-top:0;
  }
  .route,.parking {
    width:90%;max-width:initial;
  }
  .route-cols li {
    width:50%;
    padding-top:50%;
    position:relative;
  }
}
@media screen and (max-width: 480px) {
  #route,#parking {
    padding:50px 0;
  }
  h2,h3 {
    font-size:1.6rem;
  }
  .route,.parking,.parking-lead {
    font-size:1.4rem;
  }
  .route-num {
    display:flex;justify-content:center;align-items:center; width:30px;height:30px;
    background:#fff;border-radius:50vh;
    position:absolute;
    top:5px;left:0px;
    font-size:1.8rem;font-weight:bold;
  }
  .parking-category-link {
    flex-direction:column;
    align-items:flex-start;
  }
  .parking-category-link a {
    font-size:1.2rem;
  }
}