@charset "UTF-8";

/* slider
----------------------------------- */

.slider .image {
  width: 220px;
  height: 140px;
  margin-top: 64px;
}
@media screen and (max-width: 480px) {
  .slider .image {
    width: 187px;
    height: 120px;
	margin-top: 54px;
  }
}
.slider .image.image01 {
  background: url(../images/top_slide-image01.jpg) no-repeat bottom;
  background-size:contain;
}
.slider .image.image02 {
  background: url(../images/top_slide-image02.jpg) no-repeat bottom;
  background-size:contain;
}
.slider .image.image03 {
  background: url(../images/top_slide-image03.jpg) no-repeat bottom;
  background-size:contain;
}
.slider .image.image04 {
  background: url(../images/top_slide-image04.jpg) no-repeat bottom;
  background-size:contain;
}
.slider .image.image05 {
  background: url(../images/top_slide-image05.jpg) no-repeat bottom;
  background-size:contain;
}
.slider .image.image06 {
  background: url(../images/top_slide-image01.jpg) no-repeat bottom;
  background-size:contain;
}
.slider .image.image07 {
  background: url(../images/top_slide-image02.jpg) no-repeat bottom;
  background-size:contain;
}
.slider .image.image08 {
  background: url(../images/top_slide-image03.jpg) no-repeat bottom;
  background-size:contain;
}
.slider .image.image09 {
  background: url(../images/top_slide-image04.jpg) no-repeat bottom;
  background-size:contain;
}
.slider .image.image10 {
  background: url(../images/top_slide-image05.jpg) no-repeat bottom;
  background-size:contain;
}