@charset "UTF-8";
:root {
  --color-main: #F39800;
  --color-grad-main-start: #F3B200;
  --color-grad-main-mid: #FCC800;
  --color-grad-main-end: #C4D700;
  --color-grad-sub-start: #F7DF9E;
  --color-grad-sub-end: #FBFFD1;
  --color-grad-accent-start: #F7941D;
  --color-grad-accent-end: #C3D700;
  --grad-main: linear-gradient(
    100deg,
    var(--color-grad-main-start),
    var(--color-grad-main-mid) 60%,
    var(--color-grad-main-end)
  );
  --grad-sub: linear-gradient(
    90deg,
    var(--color-grad-sub-start),
    var(--color-grad-sub-end)
  );
  --grad-accent: linear-gradient(
    90deg,
    var(--color-grad-accent-start) 84%,
    var(--color-grad-accent-end)
  );
}

/* 目指せる職業のリスト画像 */
.career_options dd {
  background-image: url(../img/department/dance/arrow.svg);
}

/* ◯◯科はこんな学科 */
.about_department .mark {
  background-image: url(../img/department/dance/check.svg);
}

/* 学生実績 */
.student_achievements .achievement.third {
  grid-column: 1/-1;
}
@media (width >= 768px) {
  .student_achievements .achievement-content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas: "img video" "txt video";
    gap: 0 40px;
    align-items: start;
  }
  .student_achievements .achievement-content .img {
    grid-area: img;
  }
  .student_achievements .achievement-content .txt {
    grid-area: txt;
  }
}
.student_achievements .youtube {
  margin-top: 1em;
  position: relative;
  aspect-ratio: 16/9;
}
.student_achievements .youtube iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
@media (width >= 768px) {
  .student_achievements .youtube {
    grid-area: video;
    margin-top: 0;
    aspect-ratio: 423/250;
  }
}

/* トップダンサーによるワークショップ実績 */
@media (width >= 768px) {
  .workshop-wrap {
    width: fit-content;
    margin-inline: auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
  }
}

/* 担任の先生からのメッセージ */
@media (width < 767px) {
  .teacher_message .teachers {
    padding-inline: 6.4102564103vw;
  }
}
@media (width >= 768px) {
  .teacher_message .teachers > * {
    max-width: 307px;
  }
}

/* Campus Life */
.campus_life .graph {
  margin-right: -3.3333333333vw;
}
.campus_life .tap1 {
  top: 33.0769230769vw;
  right: 10.2564102564vw;
}
@media (width >= 768px) {
  .campus_life .tap1 {
    top: 129px;
    right: 40px;
  }
}
.campus_life .tap2 {
  top: 72.8205128205vw;
  right: 15.1282051282vw;
}
@media (width >= 768px) {
  .campus_life .tap2 {
    top: 282px;
    right: 61px;
  }
}
.campus_life .personal {
  background-image: url(../img/department/dance/ttl-personal.svg);
  background-position: left bottom;
}
.campus_life .faq dt {
  background-image: url(../img/department/dance/ico-q.svg);
}
.campus_life .faq dd {
  background-image: url(../img/department/dance/ico-a.svg);
}

/* Instagramで情報発信中 */
@media (width >= 768px) {
  .instagram_news .insta-wrap {
    width: fit-content;
    margin-inline: auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
  }
}