@keyframes fade-in {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}
@-moz-keyframes fade-in {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}
@-webkit-keyframes fade-in {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}
/* line 9, ./sass/top.scss */
.relative .mainComment {
  position: absolute;
  top: 25%;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  z-index: 100;
}
@media screen and (max-width: 768px) {
  /* line 9, ./sass/top.scss */
  .relative .mainComment {
    top: 5%;
    height: 45.57292vw;
  }
}
/* line 21, ./sass/top.scss */
.relative .mainComment span {
  display: inline-block;
  font-size: 28px;
  background: rgba(255, 255, 255, 0.7);
  padding: 5px 10px;
  color: #007670;
}
@media screen and (max-width: 999px) {
  /* line 21, ./sass/top.scss */
  .relative .mainComment span {
    font-size: 24px;
  }
}
@media screen and (max-width: 999px) and (max-width: 1000px) {
  /* line 21, ./sass/top.scss */
  .relative .mainComment span {
    font-size: 2.4vw;
  }
}

@media screen and (max-width: 768px) {
  /* line 21, ./sass/top.scss */
  .relative .mainComment span {
    font-size: 24px;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  /* line 21, ./sass/top.scss */
  .relative .mainComment span {
    font-size: 3.125vw;
  }
}

/* line 36, ./sass/top.scss */
#topImg {
  width: 100%;
  height: 500px;
  overflow: hidden;
}
@media screen and (max-width: 1366px) {
  /* line 36, ./sass/top.scss */
  #topImg {
    height: 36.60322vw;
  }
}
@media screen and (max-width: 768px) {
  /* line 36, ./sass/top.scss */
  #topImg {
    height: 45.57292vw;
  }
}
/* line 46, ./sass/top.scss */
#topImg .slideimage {
  width: 100%;
  height: 500px;
  background-position: center;
  background-size: cover;
}
@media screen and (max-width: 1366px) {
  /* line 46, ./sass/top.scss */
  #topImg .slideimage {
    height: 36.60322vw;
  }
}
@media screen and (max-width: 768px) {
  /* line 46, ./sass/top.scss */
  #topImg .slideimage {
    height: 65.10417vw;
  }
}
/* line 57, ./sass/top.scss */
#topImg .slideimage a {
  display: block;
  width: 100%;
  height: 100%;
  background: transparent;
}
@media screen and (min-width: 769px) {
  /* line 62, ./sass/top.scss */
  #topImg .slideimage a:hover {
    background: rgba(255, 255, 255, 0.3);
  }
}
/* line 67, ./sass/top.scss */
#topImg .slideimage a:after {
  display: none;
}

/* line 73, ./sass/top.scss */
.sec .inner p {
  font-size: 16px;
  line-height: 2em;
  margin-bottom: 3em;
}
@media screen and (max-width: 1000px) {
  /* line 73, ./sass/top.scss */
  .sec .inner p {
    font-size: 1.6vw;
  }
}
@media screen and (max-width: 768px) {
  /* line 73, ./sass/top.scss */
  .sec .inner p {
    font-size: 3.75vw;
  }
}

/* line 82, ./sass/top.scss */
.slick-dotted.slick-slider {
  margin-bottom: 0 !important;
}

/* line 85, ./sass/top.scss */
#topImg .slick-dots {
  bottom: 15px;
  background: #fff;
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
  border-radius: 1em;
  left: 50%;
  padding: 0 0.5em;
  width: auto;
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
/* line 93, ./sass/top.scss */
#topImg .slick-dots li {
  margin: 0 0 3px;
}
/* line 96, ./sass/top.scss */
#topImg .slick-dots li.slick-active button:before {
  font-size: 14px;
  color: #7dbc04;
}

/* line 124, ./sass/top.scss */
#scroll-sign {
  position: fixed;
  bottom: 20px;
  left: 50%;
  z-index: 20;
  width: 80px;
  height: 80px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.4);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}