@charset "utf-8";




.p-unitDetail__fv {
  padding-block: 40px 60px;
  background: linear-gradient(to bottom, var(--color-surface-edge), var(--color-black));
  color: var(--color-text-on-dark);
}

.p-unitDetail__logo {
  display: flex;
  justify-content: center;
  padding-inline: 24px;
}

.p-unitDetail__logoImage {
  width: 232px;
  height: auto;
  object-fit: contain;
}
.p-unitDetail__mv {
  margin-top: 24px;
}

.p-unitDetail__mvImage {
  width: 100%;
  height: 280px;
  object-fit: cover;
  background: var(--color-surface-dark);
}

.p-unitDetail__catch {
  position: relative;

  margin-top: calc(-1 * (var(--fs-l) * 1.3 + 8px));
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-inline: 24px;
}

.p-unitDetail__catchLine {
  padding: 4px 8px;
  background: var(--color-gray);
  color: var(--color-black);
  font-size: var(--fs-l);
  font-weight: 500;
  line-height: 1.3;
}
.p-unitDetail__intro {
  margin-top: 32px;
  padding-inline: 24px;
}

.p-unitDetail__text p {
  font-size: var(--fs-m);
  font-weight: 500;
  line-height: 1.3;
}

.p-unitDetail__text p + p {
  margin-top: 1.3em;
}
.p-unitDetail__storyAction {
  margin-top: 24px;
  line-height: 1;
  text-align: center;
}


.p-unitDetail__member {

  padding-block: 60px;
  color: var(--color-text-on-dark);
  container-type: inline-size;
}
.p-unitDetail__memberInner {
  padding-inline: 24px;
}

.p-unitDetail__memberInner .p-unitDetail__memberList {
  margin-top: 24px;
}


.p-unitDetail__related {
  padding-block: 60px;
  background: var(--color-black);
  color: var(--color-text-on-dark);
}


.p-unitDetail__discoHeading {
  padding-inline: 24px;
}

.p-unitDetail__video {
  margin-top: 48px;
}
.p-unitDetail__videoHeading {
  padding-inline: 24px;
}
.p-unitDetail__videoViewport {
  margin-top: 24px;
}

.p-unitDetail__back {
  margin-top: 48px;
  padding-inline: 24px;
  line-height: 1;
  text-align: center;
}


.p-unitDetail__video:first-child,
.p-unitDetail__back:first-child {
  margin-top: 0;
}