/* Scss Document */
.train {
  padding: 20px 0;
}

.train .left {
  width: 25%;
}

@media screen and (max-width: 767px) {
  .train .left {
    width: 100%;
    float: none;
  }
}

.train .left img {
  width: 100%;
}

.train .right {
  width: 72%;
}

@media screen and (max-width: 767px) {
  .train .right {
    width: 100%;
    float: none;
  }
}

@media screen and (max-width: 767px) {
  .train .info {
    width: 94%;
    margin: 0 auto;
  }
}

.train .info ul {
  font-family: Arial, Helvetica, "sans-serif";
  margin-top: 15px;
  padding: 5px 10px;
  border: 1px solid #42210b;
}

.train .time {
  padding-top: 15px;
}

@media screen and (max-width: 767px) {
  .train .time {
    width: 94%;
    margin: 0 auto;
  }
}

.train .time p {
  font-size: 14px;
}

.train .time a {
  color: #fff;
  font-size: 20px;
  width: 425px;
  padding: 13px 15px;
  border-radius: 5px;
  display: block;
}

@media screen and (max-width: 1000px) {
  .train .time a {
    font-size: 18px;
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .train .time a {
    font-size: 14px;
  }
}

.train .time li:first-child {
  margin-bottom: 15px;
}

.train .time li:first-child a {
  background: url(../images/ico_index01.png) no-repeat center right 15px, #83091a;
  background-size: 37px auto;
}

@media screen and (max-width: 767px) {
  .train .time li:first-child a {
    background-size: 25px auto;
  }
}

.train .time li:last-child a {
  background: url(../images/ico_index02.png) no-repeat center right 15px, #83091a;
  background-size: 36px auto;
}

@media screen and (max-width: 767px) {
  .train .time li:last-child a {
    background-size: 25px auto;
  }
}

.car {
  padding: 20px 0;
}

@media screen and (max-width: 767px) {
  .car .text01 {
    width: 94%;
    margin: 0 auto;
  }
}

@media screen and (max-width: 767px) {
  .car li {
    float: none;
  }
}

@media screen and (max-width: 767px) {
  .car li img {
    width: 100%;
  }
}

.car li:last-child {
  font-family: Arial, Helvetica, "sans-serif";
  font-size: 16px;
  width: 75%;
}

@media screen and (max-width: 1100px) {
  .car li:last-child {
    width: 70%;
  }
}

@media screen and (max-width: 1000px) {
  .car li:last-child {
    width: 65%;
  }
}

@media screen and (max-width: 900px) {
  .car li:last-child {
    width: 60%;
  }
}

@media screen and (max-width: 767px) {
  .car li:last-child {
    font-size: 14px;
    width: 94%;
    margin: 0 auto;
  }
}

.img01 {
  padding: 20px 0;
}

.img01 img {
  width: 100%;
}