@charset "UTF-8";
/*--------------------------------------------------------------
slide
--------------------------------------------------------------*/
.mv-slide__img {
  height: 322px;
}


/*--------------------------------------------------------------
prologue
--------------------------------------------------------------*/
.prologue{
  margin: 0 0 6rem 0;
  padding: 0;
}

.prologue .contents__inner{
  position: relative;
  padding: 6rem 1.5rem 0;
}

.prologue__title{
  font-size: 2.1rem;
}

.prologue__text{
  font-size: 1.6rem;
  line-height: 2;
  /*text-align: left;*/
}


/*--------------------------------------------------------------
loop
--------------------------------------------------------------*/
.loop__inner .loop__txt {
  font-size: 9rem;
}


/*--------------------------------------------------------------
movie
--------------------------------------------------------------*/
.movie__inner{
  position: relative;
  max-width: 80rem;
  aspect-ratio: 16 / 9;
  margin: 0 auto;
}

.movie__inner::before{
  content: none;
}


/*--------------------------------------------------------------
story
--------------------------------------------------------------*/
.story{
  padding: 45vw 1.5rem 0;
  margin: calc(-14.0625% - 6rem) auto 0;
  background-position: 0 -10rem;
}

.story__title{
  font-size: 2.1rem;
  margin: 0 0 4rem 0;
}

.story .list{
  display: flex;
  gap:normal;
  row-gap: 6rem;
}

.story .list__item{
  width: 100%;
}

.story .list__item figure{
  margin: 0 0 2rem 0;
}

.story .item__vol{
  font-size: 2.1rem;
}

.story .btn__inner{
  margin: 6rem 0 0 0;
  padding: 6rem 0 0 0;
  border-top: 1px solid #333;
}

/*--------------------------------------------------------------
f__mv
--------------------------------------------------------------*/
.f__mv {
  width: 100%;
  height: auto;
  aspect-ratio: 750 / 380;
  background: url(/rebirth_project/images/ae86/f-mv_sp.jpg) no-repeat;
  background-size: contain;
}
