@charset "UTF-8";
:root {
  --color-main: #DC000B;
  --color-sub: #F38100;
  --color-grad-main-start: #FF2B23;
  --color-grad-main-end: #EE8593;
  --color-grad-sub-start: #FDDDCF;
  --color-grad-sub-end: #FFBC9F;
  --grad-main: linear-gradient(
    100deg,
    var(--color-grad-main-start),
    var(--color-grad-main-end)
  );
  --grad-sub: linear-gradient(
    90deg,
    var(--color-grad-sub-start),
    var(--color-grad-sub-end)
  );
}

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

/* Campus Life */
.campus_life .tap1 {
  top: 25.641025641vw;
  right: 12.8205128205vw;
}
@media (width >= 768px) {
  .campus_life .tap1 {
    top: 103px;
    right: 50px;
  }
}
.campus_life .tap2 {
  top: 51.2820512821vw;
  right: 2.5641025641vw;
}
@media (width >= 768px) {
  .campus_life .tap2 {
    top: 209px;
    right: 10px;
  }
}
.campus_life .personal {
  background-image: url(../img/department/music-artist/ttl-personal.svg);
}
.campus_life .faq dt {
  background-image: url(../img/department/music-artist/ico-q.svg);
}
.campus_life .faq dd {
  background-image: url(../img/department/music-artist/ico-a.svg);
}

/* 担任の先生からのメッセージ */
@media (width < 767px) {
  .teacher_message .teachers > *:nth-child(2n+1) {
    padding-right: 10.2564102564vw;
  }
  .teacher_message .teachers > *:nth-child(2n) {
    padding-left: 10.2564102564vw;
  }
}

/* 講師紹介 */
.instructor_introduction .instructor {
  position: relative;
  margin-top: 8.9743589744vw;
  background-color: #fff;
  border: 1px solid #000;
  padding: 3.8461538462vw;
}
@media (width >= 768px) {
  .instructor_introduction .instructor {
    margin-top: 60px;
    padding: 30px;
    display: grid;
    grid-template-columns: 2fr 3fr;
    gap: 30px;
  }
}
.instructor_introduction .instructor h4 {
  position: absolute;
  left: -1px;
  top: -1px;
  translate: 0 -50%;
  background-color: var(--color-main);
  border: 1px solid #000;
  padding: 0.4em 0.8em;
  font-size: 3.8461538462vw;
  font-weight: 900;
}
@media (width >= 768px) {
  .instructor_introduction .instructor h4 {
    font-size: 17px;
  }
}
.instructor_introduction .instructor .pic {
  margin-block: 3.8461538462vw;
  text-align: center;
}
@media (width >= 768px) {
  .instructor_introduction .instructor .pic {
    margin-block: 15px;
    text-align: right;
  }
}
.instructor_introduction .instructor .pic img {
  width: 54.358974359vw;
}
@media (width >= 768px) {
  .instructor_introduction .instructor .pic img {
    width: 212px;
  }
}
.instructor_introduction .instructor .job {
  display: inline-block;
  font-weight: 500;
  line-height: 1.2;
}
.instructor_introduction .instructor .name {
  margin-block: 0.6em 1.1em;
}
.instructor_introduction .instructor .name span {
  padding-right: 0.3em;
  font-size: 128%;
}
.instructor_introduction .instructor .comment {
  font-weight: 500;
  line-height: 1.7;
}
.instructor_introduction .instructor .profile {
  position: relative;
  margin-top: 7.6923076923vw;
  border-block: 1px solid #000;
  padding-block: 5.641025641vw 2.5641025641vw;
  font-size: 3.0769230769vw;
}
@media (width >= 768px) {
  .instructor_introduction .instructor .profile {
    margin-top: 40px;
    padding-block: 25px 15px;
    font-size: 14px;
  }
}
.instructor_introduction .instructor .profile h6 {
  position: absolute;
  top: -1px;
  left: 0;
  translate: 0 -50%;
  padding: 0.35em 0.7em;
  background-color: var(--color-main);
  border: #000 1px solid;
  font-weight: 900;
}
.instructor_introduction .instructor .profile p {
  line-height: 1.6;
}