main {
  color: #555;
  line-height: 1.7;
}

.btn {
  background-color: #C75B3D;
  border-radius: 6px;
  color: #fff;
  display: block;
  font-weight: 600;
  margin-top: 25px;
  padding: 15px;
  text-align: center;
}

.img-corner {
  border-radius: 6px;
}

.mar-b {
  margin-bottom: 25px;
}

h2 {
  color: #333;
  font-family: "Arial", sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: 25px;
  text-align: center;
}

.top {
  position: relative;
}
.top h1 {
  color: #fff;
  font-family: "Arial", sans-serif;
  font-size: 36px;
  line-height: 1.3;
  position: absolute;
  text-align: center;
  bottom: 8%;
  width: 100%;
  z-index: 1;
}
.top h1 .sub {
  font-size: 20px;
}
.top .slick-dots {
  bottom: 2%;
}
.top .slick-dots .slick-active button::before {
  color: #fff;
  opacity: 0.9;
}
.top .slick-dots button::before {
  color: #fff;
  opacity: 0.4;
}

.intro {
  padding: 10px 20px 40px;
}

.content {
  background-color: #F8F6F0;
  padding: 40px 20px;
}
.content .inner {
  margin-bottom: 60px;
}
.content .inner .highlights {
  background-color: #fff;
  border-radius: 6px;
  padding: 20px;
}
.content .inner .highlights h3 {
  color: #C75B3D;
  font-size: 18px;
  font-family: "Arial", sans-serif;
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: 20px;
  text-align: center;
}
.content .inner .highlights .item {
  display: flex;
}
.content .inner .highlights .item img {
  margin-right: 15px;
}
.content .inner .highlights .item .ttl {
  color: #333;
  font-weight: 600;
}

.making {
  padding: 20px 40px;
}
.making .point {
  background-color: #F8F6F0;
  border-radius: 6px;
  display: flex;
  margin-bottom: 15px;
  padding: 20px;
}
.making .point .ttl {
  color: #333;
  font-weight: 600;
}
.making .point img {
  margin-right: 10px;
}
.making li:last-child {
  margin: 0;
}

.steps {
  padding: 20px 0 40px 20px;
  list-style: none;
}
.steps .slide-wrap {
  display: flex;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  scroll-snap-type: x mandatory;
  padding: 0 0 1em;
  margin: 0 0 2em 0;
  scroll-behavior: smooth;
}
.steps .slide-wrap img {
  margin-bottom: 10px;
}
.steps .slide-wrap .ttl {
  color: #333;
  font-weight: 600;
}
.steps .slide-wrap .slide-content {
  flex: 0 0 90%;
  margin: 0 10px;
  height: 100%;
}
@media screen and (max-width: 480px) {
  .steps .slide-wrap .slide-content {
    flex: 0 0 88%;
    margin: 0 10px 0 0;
    scroll-snap-align: center;
  }
  .steps .slide-content:last-child {
    margin-right: 20px;
  }
}

.store {
  background-color: #F8F6F0;
  padding: 40px 20px;
}
.store .city {
  margin-bottom: 60px;
}
.store .city h3 {
  border-bottom: 1px solid #333;
  color: #333;
  display: flex;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 15px;
  padding-bottom: 10px;
}
.store .city h3 img {
  margin-right: 5px;
}
.store .city .slider {
  margin: 15px 0 50px;
}
.store .city .slider li {
  font-size: 12px;
}
.store .city .slider li img {
  margin-bottom: 5px;
}
.store .city .map {
  height: 13rem;
  margin-bottom: 25px;
  width: 100%;
}
.store .city .review {
  background-color: #fff;
  border-radius: 6px;
  padding: 20px;
}
.store .city .review .ttl {
  font-weight: 600;
  margin-bottom: 10px;
  text-align: center;
}
.store .city:last-child {
  margin-bottom: 0;
}/*# sourceMappingURL=experience-japan.css.map */