@charset "UTF-8";
/* CSS Document */
.section-top {
  padding: 60px 24px 40px 24px;
}
.section-top__padding {
  padding: 0 24px 0 24px;
}
.section-top h1 {
  font-size: 2.4rem;
  color: #512e18;
  letter-spacing: 0.5rem;
  line-height: 1.2rem;
}
.section-top h3 {
  font-family: 'Handlee', cursive;
  color: #512e18;
  font-size: 2.4rem;
  letter-spacing: 0.3rem;
}
.section-top__title-line img {
  width: 180px;
  margin: 10px 0 0;
}
@media(min-width:960px) {
  .section-top {
    padding: 80px 100px 70px;
  }
  .section-top h1 {
    font-size: 3.6rem;
    line-height: 4.0rem;
  }
  .section-top h3 {
    font-size: 3.0rem;
    padding-top: 10px;
  }
  .section-top p {
    line-height: 2.8rem;
  }
  .section-top__title-line img {
    width: 250px;
  }
}
.section-top h4 {
  font-size: 1.8rem;
  padding-top: 50px;
}
.section-top address {
  font-style: normal;
  padding-top: 10px;
}
.section-top address span {
  font-size: 1.4rem;
}
.section-top__tel {
  font-size: 2.0rem;
  padding-top: 10px;
}
.section-top__tel img {
  width: 20px;
  margin-right: 10px;
}
.section-top__time {
  text-align: left;
  padding-top: 30px;
  letter-spacing: 0;
  font-size: 1.5rem;
}
.section-top__description {
  text-align: left;
  padding-top: 20px;
  letter-spacing: 0;
}
.section-top__map img {
  width: 100%;
  padding-top: 40px;
  max-width: 400px;
}
.section-top__wrapper {
  max-width: 400px;
  margin: 0 auto;
}
@media(min-width:960px) {
  .section-top {
    padding: 70px 50px 80px;
    margin: 0 auto;
  }
  .section-top__wrapper-1 {
    display: flex;
    justify-content: space-around;
    padding-top: 30px;
    width: 950px;
    margin: 0 auto;
  }
  .section-top h4 {
    font-size: 2.2rem;
    text-align: left;
  }
  .section-top address {
    padding-top: 20px;
    font-size: 1.8rem;
    text-align: left;
  }
  .section-top address span {
    font-size: 1.6rem;
    text-align: left;
  }
  .section-top__tel {
    font-size: 2.2rem;
    padding-top: 12px;
    text-align: left;
  }
  .section-top__tel img {
    width: 22px;
    margin-right: 10px;
  }
  .section-top__time {
    text-align: left;
    padding-top: 30px;
    font-size: 1.8rem;
  }
  .section-top__description {
    text-align: left;
    padding-top: 30px;
    letter-spacing: 0;
    font-size: 1.8rem;
  }
}
.section-map {
  height: 330px;
  border: solid 1px #512e18;
  margin-bottom: 40px;
}
.section-map iframe {
  height: 100%;
  width: 100%
}
@media(min-width:960px) {
  .section-map {
    height: 450px;
    width: 850px;
    margin: 0 auto 80px;
  }
}
.section-car {
  padding: 0 24px 60px;
}
.section-car h2 {
  font-size: 2.2rem;
  padding-top: 5px;
}
.section-car h5 {
  font-size: 1.8rem;
  padding-top: 30px;
}
.section-car__car {
  padding-top: 40px;
}
.section-car__car img {
  width: 25px;
}
.section-car__line {
  line-height: 1.2;
}
.section-car__line img {
  width: 240px;
}
.section-car__way {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding-top: 30px;
}
.section-car__way img {
  width: 65px;
  height: 54px;
  margin: 10px 3px;
}
.section-car__time {
  font-size: 1.2rem;
  line-height: 1.2rem;
  letter-spacing: 0;
  width: 60px;
}
.section-car__time img {
  width: 40px;
  height: auto;
  padding-bottom: 3px;
  margin: 0;
}
.section-car__yasumiba img {
  width: 55px;
  height: auto;
}
@media(min-width:960px) {
  .section-car {
    padding: 0 200px 80px;
  }
  .section-car h2 {
    font-size: 3.0rem;
  }
  .section-car h5 {
    font-size: 2.2rem;
    padding-top: 50px;
  }
  .section-car__car {
    padding-top: 60px;
  }
  .section-car__car img {
    width: 35px;
  }
  .section-car__line img {
    width: 310px;
  }
  .section-car__way {
    padding-top: 40px;
  }
  .section-car__way img {
    width: 115px;
    height: 90px;
  }
  .section-car__time {
    font-size: 1.6rem;
    width: 130px;
  }
  .section-car__time img {
    width: 100px;
    height: auto;
    padding-bottom: 15px;
    padding-top: 15px;
  }
  .section-car__yasumiba img {
    width: 100px;
    height: auto;
  }
}
.section-train {
  padding: 0 24px 30px;
}
.section-train h2 {
  font-size: 2.2rem;
  padding-top: 5px;
}
.section-train h5 {
  font-size: 1.8rem;
  padding-top: 30px;
}
.section-train__train {
  padding-top: 40px;
}
.section-train__train img {
  width: 25px;
}
.section-train__line {
  line-height: 1.2rem;
}
.section-train__line img {
  width: 240px;
}
.section-train__way {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding-top: 30px;
}
.section-train__way img {
  width: 65px;
  height: 54px;
  margin: 10px 0;
}
.section-train__time {
  font-size: 1.2rem;
  line-height: 1.2rem;
  letter-spacing: 0;
  width: 70px;
}
.section-train__time img {
  width: 40px;
  height: auto;
  padding-bottom: 3px;
  padding-top: 5px;
  margin: 0;
}
.section-train__yasumiba img {
  width: 55px;
  height: auto;
}
.section-train__description {
  padding-top: 50px;
  text-align: left;
}
@media(min-width:960px) {
  .section-train {
    padding: 0 200px 80px;
  }
  .section-train h2 {
    font-size: 3.0rem;
  }
  .section-train h5 {
    font-size: 2.2rem;
    padding-top: 50px;
  }
  .section-train__train {
    padding-top: 60px;
  }
  .section-train__train img {
    width: 35px;
  }
  .section-train__line img {
    width: 310px;
  }
  .section-train__way {
    justify-content: center;
  }
  .section-train__way img {
    width: 100px;
    height: 80px;
    margin: 20px 10px;
  }
  .section-train__time {
    font-size: 1.6rem;
    width: 95px;
  }
  .section-train__time img {
    width: 90px;
    height: auto;
    padding-bottom: 15px;
    padding-top: 15px;
    margin: 0;
  }
  .section-train__yasumiba img {
    width: 100px;
    height: auto;
  }
  .section-train__description {
    padding-top: 60px;
    text-align: left;
    font-size: 1.8rem;
    max-width: 600px;
    margin: 0 auto;
  }
}