/* line 15, sass/lp.scss */
* {
  margin: 0;
  padding: 0;
}

/* line 20, sass/lp.scss */
body {
  background-image: url(./img/top_bk.jpg);
  background-position: center top;
  background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  /* line 20, sass/lp.scss */
  body {
    background-size: 160.6vw auto;
  }
}
@media screen and (min-width: 768px) {
  /* line 20, sass/lp.scss */
  body {
    background-size: 100vw auto;
  }
}

/* line 34, sass/lp.scss */
.center {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 767px) {
  /* line 34, sass/lp.scss */
  .center {
    padding-top: 73.3vw;
    padding-bottom: 22.5vw;
    width: 100vw;
  }
}
@media screen and (min-width: 768px) {
  /* line 34, sass/lp.scss */
  .center {
    width: 60vw;
    padding-top: 46.1vw;
    padding-bottom: 8.8vw;
  }
}
@media screen and (max-width: 767px) {
  /* line 50, sass/lp.scss */
  .center article {
    margin-top: 1vw;
  }
}
@media screen and (min-width: 768px) {
  /* line 50, sass/lp.scss */
  .center article {
    margin-top: 2.6vw;
  }
}
@media screen and (max-width: 767px) {
  /* line 59, sass/lp.scss */
  .center article h1 {
    margin-bottom: 3vw;
  }
}
@media screen and (min-width: 768px) {
  /* line 59, sass/lp.scss */
  .center article h1 {
    margin-bottom: 1.5vw;
  }
}
/* line 66, sass/lp.scss */
.center article h1 img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 767px) {
  /* line 66, sass/lp.scss */
  .center article h1 img {
    width: 96.3vw;
    margin-top: .5vw;
  }
}
@media screen and (min-width: 768px) {
  /* line 66, sass/lp.scss */
  .center article h1 img {
    width: 59.8vw;
    margin-top: -2vw;
  }
}
/* line 83, sass/lp.scss */
.center article .img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 767px) {
  /* line 83, sass/lp.scss */
  .center article .img {
    width: 90vw;
    margin-top: 2vw;
  }
}
@media screen and (min-width: 768px) {
  /* line 83, sass/lp.scss */
  .center article .img {
    width: 56.4vw;
    margin-top: 2.1vw;
  }
}
@media screen and (max-width: 767px) {
  /* line 98, sass/lp.scss */
  .center article .info-slider {
    height: 48vw;
  }
}
@media screen and (min-width: 768px) {
  /* line 98, sass/lp.scss */
  .center article .info-slider {
    height: 29.8vw;
  }
}
/* line 105, sass/lp.scss */
.center article .info-slider div {
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
/* line 112, sass/lp.scss */
.center article .info-slider .dot-cs {
  position: relative;
  text-align: center;
  background-color: black;
  box-sizing: border-box;
  height: 24px;
}
@media screen and (max-width: 767px) {
  /* line 112, sass/lp.scss */
  .center article .info-slider .dot-cs {
    padding-top: 7px;
    width: 96.3vw;
    left: -3.5vw;
    top: 2vw;
  }
}
@media screen and (min-width: 768px) {
  /* line 112, sass/lp.scss */
  .center article .info-slider .dot-cs {
    padding-top: 7px;
    width: 59.8vw;
    left: -1.75vw;
    top: 1vw;
  }
}
/* line 130, sass/lp.scss */
.center article .info-slider .dot-cs li {
  display: inline-block;
  position: relative;
  line-height: 24px;
}
@media screen and (max-width: 767px) {
  /* line 130, sass/lp.scss */
  .center article .info-slider .dot-cs li {
    margin: 0 8vw;
    left: 1.4vw;
  }
}
@media screen and (min-width: 768px) {
  /* line 130, sass/lp.scss */
  .center article .info-slider .dot-cs li {
    margin: 0 4vw;
    left: .4vw;
  }
}
/* line 142, sass/lp.scss */
.center article .info-slider .dot-cs li button {
  position: static !important;
  z-index: 100;
  text-indent: -9999px;
  border: none;
}
/* line 147, sass/lp.scss */
.center article .info-slider .dot-cs li button::before {
  font-family: "Font Awesome 5 Free";
  content: '\f111';
  line-height: 11px;
  font-size: 20px;
  text-indent: 0px;
  position: absolute;
  top: 0;
  left: 0;
  color: gray;
  font-size: 10px;
  font-weight: 900;
}
/* line 163, sass/lp.scss */
.center article .info-slider .dot-cs li.slick-active button:before {
  font-family: "Font Awesome 5 Free";
  content: '\f111';
  line-height: 11px;
  color: red;
  font-size: 10px;
}
/* line 175, sass/lp.scss */
.center article .map-container {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 767px) {
  /* line 175, sass/lp.scss */
  .center article .map-container {
    height: 71.5vw;
    width: 90vw;
  }
}
@media screen and (min-width: 768px) {
  /* line 175, sass/lp.scss */
  .center article .map-container {
    height: 49.5vw;
    width: 56vw;
  }
}
@media screen and (max-width: 767px) {
  /* line 189, sass/lp.scss */
  .center article .map-container #map {
    height: 79.5vw;
    width: 90vw;
  }
}
@media screen and (min-width: 768px) {
  /* line 189, sass/lp.scss */
  .center article .map-container #map {
    height: 49.5vw;
    width: 56vw;
  }
}

@media screen and (min-width: 768px) {
  /* line 202, sass/lp.scss */
  .slick-dotted.slick-slider {
    margin-bottom: 6.5vw;
  }
}
@media screen and (max-width: 767px) {
  /* line 202, sass/lp.scss */
  .slick-dotted.slick-slider {
    margin-bottom: 12vw;
  }
}

/* line 210, sass/lp.scss */
.slick-next {
  opacity: 0;
  z-index: 100;
  right: 0;
  width: 1px;
  height: 1px;
}

/* line 218, sass/lp.scss */
.slick-prev {
  opacity: 0;
  z-index: 100;
  left: 0;
  width: 1px;
  height: 1px;
}

/* line 225, sass/lp.scss */
.mybutton {
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  /* line 225, sass/lp.scss */
  .mybutton {
    left: 2.8vw !important;
    top: -30px !important;
  }
}
@media screen and (min-width: 768px) {
  /* line 225, sass/lp.scss */
  .mybutton {
    left: 0.6vw !important;
  }
}
/* line 234, sass/lp.scss */
.mybutton span {
  pointer-events: all;
  color: white;
  font-weight: bold;
  position: relative;
  top: -1px;
}
/* line 241, sass/lp.scss */
.mybutton .slide-left {
  display: inline-block;
  margin-right: 10vw;
  line-height: 24px;
}
@media screen and (max-width: 767px) {
  /* line 241, sass/lp.scss */
  .mybutton .slide-left {
    margin-right: 20vw;
  }
}
/* line 249, sass/lp.scss */
.mybutton .slide-right {
  display: inline-block;
  margin-left: 10vw;
  line-height: 24px;
}
@media screen and (max-width: 767px) {
  /* line 249, sass/lp.scss */
  .mybutton .slide-right {
    margin-left: 20vw;
  }
}