/* ============================================================
   CONFIG
   基準幅を変数で管理。px値 ÷ --base × 100vw で自動計算。
   PC基準: 1366px / SP基準: 375px
   ============================================================ */

:root {
  --base: 1366;
  --base-sp: 375;
}

/* ============================================================
   BASE
   ============================================================ */

p {
  color: #000;
  margin: 0;
}

p.is_white {
  color: #fff;
}

/* ============================================================
   UTILITY
   ============================================================ */

.u_pc {
  display: block;
}
@media screen and (max-width: 767px) {
  .u_pc {
    display: none;
  }
}

.u_sp {
  display: none;
}
@media screen and (max-width: 767px) {
  .u_sp {
    display: block;
  }
}

.un_guideline_head p {
  color: #fff;
}

@media screen and (min-width: 766px) {
  .un_interview_item--col3 {
    /* width: calc(449 / var(--base) * 100vw) !important; */
    width: calc(100% / 3);
    height: calc(295 / var(--base) * 100vw) !important;
  }

  .un_interview_item--col4 {
    /* width: calc(334 / var(--base) * 100vw) !important; */
    width: calc(100% / 4);
    height: calc(295 / var(--base) * 100vw) !important;
  }

  .un_interview_item--col3 img,
  .un_interview_item--col4 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  /* episode */

  .un_episode_info {
    display: flex;
    flex-direction: column;
    gap: calc(10 / var(--base) * 100vw) !important;
  }
}

@media screen and (max-width: 767px) {
  .un_episode_info {
    bottom: 7.33333vw !important;
  }
}