@charset "UTF-8";
/* --------------------------------------------------

初期設定

-------------------------------------------------- */
/* --------------------------------------------------

hover

-------------------------------------------------- */
/* --------------------------------------------------

border-radius

-------------------------------------------------- */
/* --------------------------------------------------

スマホサイズのフォント指定

-------------------------------------------------- */
/* --------------------------------------------------

アニメション

-------------------------------------------------- */
/* --------------------------------------------------

breakpoint

-------------------------------------------------- */
/* CSS Document */
.main-area {
  margin-bottom: 6em;
  position: relative;
}
.main-area .logo-h {
  width: 4%;
  max-height: 65vmin;
  height: 65vmin;
  position: absolute;
  top: 8%;
  left: 5.5%;
}
@media only screen and (max-width: 768px) {
  .main-area .logo-h {
    width: 5%;
    top: 5%;
    left: 6%;
  }
}
.main-area .logo-h a {
  display: block;
}
.main-area .logo-h a img {
  max-height: 100%;
  display: block;
  position: absolute;
}
.main-area .mv-block {
  width: 86%;
  height: 600px;
  margin: 0 0 0 auto;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .main-area .mv-block {
    width: 82%;
    height: auto;
    border-radius: 4em 0 0 0;
    overflow: hidden;
  }
}
.main-area .mv-block .swiper-container {
  width: 100%;
  height: 100%;
}
.main-area .mv-block .swiper-container .swiper-wrapper {
  width: 100%;
  height: 100%;
  border-radius: 10em 0 10em 0;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  .main-area .mv-block .swiper-container .swiper-wrapper {
    border-radius: 5em 0 5em 0;
    overflow: hidden;
  }
}
@media only screen and (max-width: 768px) {
  .main-area .mv-block .swiper-container .swiper-wrapper .swiper-slide {
    padding-top: 80%;
  }
}
.main-area .mv-block .swiper-container .swiper-wrapper .swiper-slide img {
  max-width: 110%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
}
@media only screen and (max-width: 1520px) {
  .main-area .mv-block .swiper-container .swiper-wrapper .swiper-slide img {
    max-width: 130%;
  }
}
@media only screen and (max-width: 768px) {
  .main-area .mv-block .swiper-container .swiper-wrapper .swiper-slide img {
    left: 0;
    transform: translate(0, -50%);
  }
}
.main-area .mv-block .swiper-container .swiper-wrapper .swiper-slide .mv01 figcaption {
  color: #FFF;
  position: absolute;
  left: 1em;
  bottom: 1em;
  text-shadow: 2px 2px 5px #000, -2px 2px 5px #000, 2px -2px 5px #000, -2px -2px 5px #000;
}
.main-area .mv-block .swiper-container .swiper-wrapper .swiper-slide .mv02 figcaption {
  font-size: 1.2rem;
  max-width: 350px;
  padding: 0.5em;
  bottom: 200px;
  left: 1em;
  background: #FFF;
  display: block;
  position: absolute;
  left: 1em;
  bottom: 1em;
}
@media only screen and (max-width: 768px) {
  .main-area .mv-block .swiper-container .swiper-wrapper .swiper-slide .mv02 figcaption {
    font-size: 10rem;
    font-size: 2.6666666667vmin;
  }
}
@media only screen and (max-width: 768px) {
  .main-area .mv-block .swiper-container .swiper-wrapper .swiper-slide .mv02 figcaption {
    max-width: 200px;
  }
}
.main-area .mv-block .swiper-container .btn-wrap {
  margin-top: 0.5em;
  display: flex;
  align-items: center;
}
.main-area .mv-block .swiper-container .btn-wrap p {
  margin-right: 0.5em;
}
.main-area .mv-block .swiper-container .btn-wrap a {
  padding: 0.7em;
  display: block;
  background: #FFF;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main-area .mv-block .swiper-container .btn-wrap a img {
  width: 10px;
}

.news-area {
  margin-bottom: 14em;
}
@media only screen and (max-width: 768px) {
  .news-area {
    margin-bottom: 3em;
  }
}

@media only screen and (max-width: 1520px) {
  .facility-area .inner-l {
    width: 100%;
  }
}
/*# sourceMappingURL=top.css.map */