@charset "UTF-8";
/********************************************************/
/* -------------------------------------------
 * MV
 * -------------------------------------------*/
.top-mv {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 1;
  overflow: clip;
}

.top-mv__swiper .swiper {
  height: 100vh;
}
.top-mv__swiper .swiper .swiper-wrapper,
.top-mv__swiper .swiper .swiper-slide {
  height: 100%;
}
.top-mv__swiper .swiper .swiper-img {
  height: 100vh;
}
.top-mv__swiper .swiper img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: left center;
     object-position: left center;
}

@-webkit-keyframes zoomUp {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.15);
            transform: scale(1.15);
  }
}

@keyframes zoomUp {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.15);
            transform: scale(1.15);
  }
}
.top-mv__swiper .swiper-slide-active .swiper-img,
.top-mv__swiper .swiper-slide-duplicate-active .swiper-img,
.top-mv__swiper .swiper-slide-prev .swiper-img {
  -webkit-animation: zoomUp 12s linear infinite;
          animation: zoomUp 12s linear infinite;
}

/* -------------------------------------------
 * news
 * -------------------------------------------*/
.top-news {
  background: #fff;
}
.top-news.sec {
  padding-block: calc(120 * var(--px)) calc(100 * var(--px));
}

.top-news__list > li + li {
  margin-top: calc(30 * var(--px));
}

.top-news__item-link {
  display: grid;
  grid-template-columns: 200fr 493fr;
  gap: 0 5%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.top-news__item-thumbnail {
  overflow: hidden;
}
.top-news__item-thumbnail img {
  aspect-ratio: 200/150;
}

.top-news__item-title {
  font-size: var(--f16);
  font-weight: 600;
  margin-bottom: calc(15 * var(--px));
}
@media (max-width: 834px) {
  .top-news__item-title {
    margin-bottom: calc(5 * var(--px));
    width: 100%;
  }
}

.top-news__item-date {
  font-size: var(--f13);
}
@media (max-width: 834px) {
  .top-news__item-date {
    width: 100%;
  }
}

.top-news__button {
  margin: calc(30 * var(--px)) auto 0;
}

/* ------------------------------------------- 
 * column
 * -------------------------------------------*/
.top-column {
  background: #fff;
}
.top-column.sec {
  padding-block: calc(120 * var(--px)) calc(100 * var(--px));
}

.top-column__list > li + li {
  margin-top: calc(30 * var(--px));
}

.top-column__item-link {
  display: grid;
  grid-template-columns: 200fr 493fr;
  gap: 0rem 5%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.top-column__item-thumbnail {
  overflow: hidden;
}
.top-column__item-thumbnail img {
  aspect-ratio: 200/150;
}

.top-column__item-title {
  font-size: var(--f16);
  font-weight: 600;
  margin-bottom: calc(15 * var(--px));
}
@media (max-width: 834px) {
  .top-column__item-title {
    margin-bottom: calc(5 * var(--px));
    width: 100%;
  }
}

.top-column__item-date {
  font-size: var(--f13);
}
@media (max-width: 834px) {
  .top-column__item-date {
    width: 100%;
  }
}

.top-column__button {
  margin: calc(30 * var(--px)) auto 0;
}

/* -------------------------------------------
 * news-tab
 * （タブ切り替え機能付きのお知らせ）
 * -------------------------------------------*/
.top-news-tab {
  background: #eee;
}
.top-news-tab.sec {
  padding-block: calc(120 * var(--px)) calc(100 * var(--px));
}

.top-news-tab__content-list > li + li {
  margin-top: calc(30 * var(--px));
}

.top-news-tab__item-link {
  display: grid;
  grid-template-columns: 200fr 493fr;
  gap: 0 5%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.top-news-tab__item-thumbnail {
  overflow: hidden;
}
.top-news-tab__item-thumbnail img {
  aspect-ratio: 200/150;
}

.top-news-tab__item-title {
  font-size: var(--f16);
  font-weight: 600;
  margin-bottom: calc(15 * var(--px));
}
@media (max-width: 834px) {
  .top-news-tab__item-title {
    margin-bottom: calc(5 * var(--px));
    width: 100%;
  }
}

.top-news-tab__item-date {
  font-size: var(--f13);
}
@media (max-width: 834px) {
  .top-news-tab__item-date {
    width: 100%;
  }
}

/* タブナビゲーション */
.top-news-tab__tab-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  margin-bottom: calc(30 * var(--px));
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style: none;
}

.top-news-tab__tab-button {
  padding: 0.5em 1em;
  border-radius: 100vmax;
  background-color: #fff;
  border: 1px solid #000;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.top-news-tab__tab-button.is-active {
  background-color: #000;
  color: #fff;
}

/* コンテンツ */
.top-news-tab__content {
  display: none;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
}
.top-news-tab__content.is-active {
  display: block;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
  -webkit-animation: tabFadeIn 0.3s ease-in-out;
          animation: tabFadeIn 0.3s ease-in-out;
}

@-webkit-keyframes tabFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes tabFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.top-news-tab__no-posts {
  text-align: center;
  padding: calc(40 * var(--px));
  color: #666;
}

.top-news-tab__button {
  margin: calc(30 * var(--px)) auto 0;
}

/* -------------------------------------------
 * column-tab
 * （タブ切り替え機能付きのお知らせ）
 * -------------------------------------------*/
.top-column-tab__content-list > li + li {
  margin-top: calc(30 * var(--px));
}

.top-column-tab {
  background: #eee;
}
.top-column-tab.sec {
  padding-block: calc(120 * var(--px)) calc(100 * var(--px));
}

.top-column-tab__content > li + li {
  margin-top: calc(30 * var(--px));
}

.top-column-tab__item-link {
  display: grid;
  grid-template-columns: 200fr 493fr;
  gap: 0 5%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* タブナビゲーション */
.top-column-tab__tab-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  margin-bottom: calc(30 * var(--px));
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style: none;
}

.top-column-tab__tab-button {
  padding: 0.5em 1em;
  border-radius: 100vmax;
  background-color: #fff;
  border: 1px solid #000;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.top-column-tab__tab-button.is-active {
  background-color: #000;
  color: #fff;
}

/* コンテンツ */
.top-column-tab__content {
  display: none;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
}
.top-column-tab__content.is-active {
  display: block;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
  -webkit-animation: tabFadeIn 0.3s ease-in-out;
          animation: tabFadeIn 0.3s ease-in-out;
}

@keyframes tabFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.top-column-tab__no-posts {
  text-align: center;
  padding: calc(40 * var(--px));
  color: #666;
}

.top-column-tab__button {
  margin: calc(30 * var(--px)) auto 0;
}

/* -------------------------------------------
 * INTRO
 * -------------------------------------------*/
.top-intro {
  background: #ddd;
  height: 100vh;
}
.top-intro.sec {
  padding-block: calc(120 * var(--px)) calc(100 * var(--px));
}

/* -------------------------------------------
 * ABOUT
 * -------------------------------------------*/
.top-about {
  background: #fff;
  height: 100vh;
  padding-block: calc(120 * var(--px)) calc(100 * var(--px));
}/*# sourceMappingURL=top.css.map */