@media print, screen and (min-width: 768px) {
  .bulletTrainSect {
    margin-top: 100px;
  }
}

@media screen and (max-width: 768px) {
  .bulletTrainSect {
    margin: 80px -32px 0;
  }
}

@media print, screen and (min-width: 768px) {
  .bulletTrainSect__cont .relatedBox {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 60px 48px;
  }
}

@media print, screen and (min-width: 768px) {
  .bulletTrainSect__cont .headingUnit {
    width: 472px;
  }
}

@media screen and (max-width: 768px) {
  .bulletTrainSect__cont .headingUnit .txt {
    text-align: center;
  }
}

@media print, screen and (min-width: 768px) {
  .bulletTrainSect__cont .photo {
    width: 472px;
  }
}

@media screen and (max-width: 768px) {
  .bulletTrainSect__cont .photo {
    margin-top: 40px;
  }
}

.bulletTrainSect__cont .caption {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .bulletTrainSect__cont .caption {
    margin-top: 40px;
  }
}

.busSect {
  position: relative;
  z-index: 1;
}

@media print, screen and (min-width: 768px) {
  .busSect__cont {
    margin: 0 auto;
    width: 784px;
  }
}

.carSect {
  position: relative;
  z-index: 1;
}

@media print, screen and (min-width: 768px) {
  .carSect__cont {
    margin: 0 auto;
    width: 680px;
  }
}

.carSect__bottom {
  margin-top: 80px;
}

@media print, screen and (min-width: 768px) {
  .carSect__bottom .usableList__inner {
    gap: 48px;
  }
}

@media screen and (max-width: 768px) {
  .carSect__bottom .usableList__inner {
    gap: 40px 22px;
  }
}

@media print, screen and (min-width: 768px) {
  .carSect__bottom .usableList__item {
    width: calc((100% - 144px) / 4);
  }
}

@media screen and (max-width: 768px) {
  .carSect__bottom .usableList__item {
    width: calc(50% - 11px);
  }
}

.heading + .carSect__bottom .usableList {
  margin-top: 40px;
}

.taxiSect {
  position: relative;
  z-index: 1;
}

@media print, screen and (min-width: 768px) {
  .taxiSect__cont {
    margin: 0 auto;
    width: 680px;
  }
}

.trainSect {
  position: relative;
  z-index: 1;
}

@media print, screen and (min-width: 768px) {
  .trainSect {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 48px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media print, screen and (min-width: 768px) {
  .trainSect__head {
    width: 576px;
  }
}

@media print, screen and (min-width: 768px) {
  .trainSect__cont {
    width: 576px;
  }
}

@media screen and (max-width: 768px) {
  .trainSect__cont {
    margin-top: 80px;
  }
}

.trainSect__cont .usableList {
  margin-top: 49px;
}

@media print, screen and (min-width: 768px) {
  .trainSect__cont .usableList__inner {
    gap: 40px 48px;
  }
}

@media screen and (max-width: 768px) {
  .trainSect__cont .usableList__inner {
    gap: 40px 22px;
  }
}

@media print, screen and (min-width: 768px) {
  .trainSect__cont .usableList__item {
    width: calc(50% - 24px);
  }
}

@media screen and (max-width: 768px) {
  .trainSect__cont .usableList__item {
    width: calc(50% - 11px);
  }
}

@media print, screen and (min-width: 768px) {
  .access-train {
    padding: 0 0 140px;
  }
}

@media screen and (max-width: 768px) {
  .access-train {
    padding: 0 0 100px;
  }
}

@media print, screen and (min-width: 768px) {
  .access-taxi {
    padding: 0 0 140px;
  }
}

@media screen and (max-width: 768px) {
  .access-taxi {
    padding: 0 0 100px;
  }
}

@media print, screen and (min-width: 768px) {
  .access-bus {
    padding: 0 0 140px;
  }
}

@media screen and (max-width: 768px) {
  .access-bus {
    padding: 0 0 100px;
  }
}

@media print, screen and (min-width: 768px) {
  .access-car {
    padding: 0 0 140px;
  }
}

@media screen and (max-width: 768px) {
  .access-car {
    padding: 0 0 100px;
  }
}