/* common */

* {
  box-sizing: border-box;
}
.slick-wrapper {
  width: 100%;
  max-width: 756px;
  margin: 60px auto;

}
@media (max-width: 768px) {
  .wrapper {
    padding: 0 20px;
  }
}
@media screen and (max-width: 1024px) {
  .slick-wrapper{
    height: auto;
    width: 100%;
    max-width: 330px;
    margin: 30px auto 0px auto;
} 
  }


.carousel-wrapper {
  position: relative;
}
.carousel {
  height: 540px;
  margin-bottom: 3em;
}
.item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 540px;
  text-align: center;
  color: #fff;
  font-size: 32px;
  font-weight: bold;
}
@media screen and (max-width: 1024px) {
  .item {
    height: 265px;
  }
}


@media screen and (max-width: 1024px) {
  .guideline .guideline-inner .guideline-wrap {
      padding-left: 7.2%;
      padding-right: 7.2%;
  }
}