/**************************************************************
* MV　animation
**************************************************************/

@media all and (max-width: 767px) {
  .mv-slide__front-visual {
    /* padding: 40.5% 0; */
    background-size: contain;
    background-color: transparent;
  }
}


/**************************************************************
* NEWS
**************************************************************/
.news {
  position: relative;
  display: grid;
  align-items: center;
  min-height: 50rem;
}

.news-list {
  position: relative;
  height: 30rem;
  overflow-y: scroll;
}


@media all and (min-width: 768px) {
  .news {
    height: 60.5rem;
  }

  .news-list{
    height: 40rem;
    overflow-y: scroll;
  }
}


/**************************************************************
* sponsor-gallery
**************************************************************/
.sponsor-gallery {
  overflow: hidden;
  background: var(--base-bg, #ffffff);
  margin-right: calc(50% - 48vw);
  margin-left: calc(50% - 48vw);
  display: flex;
}

.sponsor-gallery__second {
  margin-bottom: 6rem;
}

/* .sponsor-gallery figure {
  flex: 0 0 calc(100% / 2.6);
} */

.sponsor-gallery figure > a {
  display: block;
  width: 100%;
  height: 100%;
}

.sponsor-gallery figure > img {
  display: block;
}

/* 
.sponsor-gallery__track {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-around;
} */


.splide__slide {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 130px;
} 


@media all and (min-width: 768px) {
  .sponsor-gallery {
    overflow: hidden;
    background: var(--base-bg, #ffffff);
    margin-right: calc(50% - 48vw);
    margin-left: calc(50% - 48vw);
    display: flex;
  }

  .sponsor-gallery__second {
    margin-bottom: 10rem;
  }

  .sponsor-gallery figure {
    /* flex: 1 1 calc(100% / 10.6); */
    overflow: hidden;
    margin-right: 3rem;
    margin-left: 3rem;
    margin-top: 2rem;
    /* width: calc(100vw / 15); */
  }

  .sponsor-gallery figure img {
    object-fit: cover;
    overflow: hidden;
    object-position: center;
    width: 100%;
  }
}

@media all and (max-width: 767px) {

  .sponsor-gallery figure {
    flex: 1 1 calc(100% / 3.6);
    overflow: hidden;
    object-fit: cover;
    margin-right: 1rem;
    margin-left: 1rem;
    margin-top: 1rem;
    width: calc(100vw / 4);
  }

  .sponsor-gallery figure img {
    object-fit: cover;
    overflow: hidden;
    object-position: center;
    width: 100%;
  }
}


/* animations */
/* 
.sponsor-gallery__track {
  animation: gallery-horizontal-scroll 52s linear reverse infinite;
}

.sponsor-gallery__track-second {
  animation: gallery-horizontal-scroll 27.5s linear reverse infinite;
}

@media all and (max-width: 767px) {
  .sponsor-gallery__track {
    animation-duration: 52s;
  }

  .sponsor-gallery__track-second {
    animation-duration: 27.5s;
  }
}

@keyframes gallery-horizontal-scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
.sponsor-note {
  margin-top: 30px;
  text-align: center;
  font-size: 15px;
  color: #888;
}

@media all and (max-width: 767px) {
  .sponsor-note {
    font-size: 13px;
  }
} */




/**************************************************************
* CONCEPT
**************************************************************/

@media all and (min-width: 1100px) {
  .mv-slide {
    --mv-slide-anime-front-bg-value: 42rem;
  }

  .mv-slide__front-visual {
    height: 70vh; 
  }
}


/**************************************************************
* CONCEPT
**************************************************************/

.concept {
  color: var(--base-inverted-color);
}

.concept__heading .c-heading__alphabetic {
  color: var(--base-inverted-color);
}

.concept-movie-mask {
  background: linear-gradient(#57b8e3 30%, var(--accent-1-background-color) 45%);
}

/**************************************************************
* BUSINESS
**************************************************************/

.business-point__sub-data {
  position: relative;
}
.business-point__sub-data:not(:last-child) {
  margin-bottom: 1.5rem;
}

.business-point__sub-data > dt {
  margin-bottom: 0.5rem;
  font-size: 110%;
  color: var(--accent-2-color);
  border-bottom: 1px dotted currentColor;
}

.business-point__sub-data summary {
  margin-top: 0.5rem;
  cursor: pointer;
}

/**************************************************************
* CEO PROFILE
**************************************************************/

.profile {
  position: relative;
}
.profile > dt {
  margin-bottom: 1.5rem;
  font-size: 3.2em;
  font-weight: bold;
}

.profile-data {
  display: grid;
  grid-template-columns: 30% 70%;
  gap: 2rem;
}
.profile-data:not(:last-child) {
  margin-bottom: 2rem;
}