@charset "UTF-8";
:root {
  --color-main: #009DCC;
  --color-sub: #EF6A95;
  --color-grad-main-start: #00B4C7;
  --color-grad-main-mid: #8AC6F0;
  --color-grad-main-end: #9EC45F;
  --color-grad-sub-start: rgba(0,180,199,.23);
  --color-grad-sub-end: rgba(138,198,240,.23);
  --grad-main: linear-gradient(
    115deg,
    var(--color-grad-main-start),
    var(--color-grad-main-mid) 60%,
    var(--color-grad-main-end)
  );
  --grad-sub: linear-gradient(
    135deg,
    var(--color-grad-sub-start),
    var(--color-grad-sub-end)
  );
}

/* メイン画像 */
.mainimg {
  position: relative;
}
.mainimg .catch {
  margin-top: inherit;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -85%);
}
@media (width >= 768px) {
  .mainimg .catch {
    transform: translate(-50%, -99%);
  }
}
.mainimg .catch span {
  white-space: nowrap;
}

/* ◯◯科はこんな学科 */
.about_department {
  display: grid;
  gap: 7.6923076923vw;
}
@media (width >= 768px) {
  .about_department {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
  }
}

/* SHOWでの4年間の学び */
.show_learning {
  padding-inline: calc(50dvw - 450px);
  padding-block: 10.2564102564vw;
  background: var(--grad-sub);
}
@media (width < 940px) {
  .show_learning {
    padding-inline: 20px;
  }
}
@media (width < 767px) {
  .show_learning {
    padding-inline: 15px;
  }
}
@media (width >= 768px) {
  .show_learning {
    padding-block: 50px;
  }
}
.show_learning h3 img {
  width: 71.2820512821vw;
}
@media (width >= 768px) {
  .show_learning h3 img {
    width: 330px;
  }
}
.show_learning > section {
  position: relative;
  padding-inline: 2.5641025641vw;
  margin-top: 11.5384615385vw;
}
@media (width >= 768px) {
  .show_learning > section {
    padding-inline: 20px;
    margin-top: 60px;
  }
}
.show_learning > section h4 {
  position: absolute;
  left: 2.5641025641vw;
  top: -6.1538461538vw;
}
@media (width >= 768px) {
  .show_learning > section h4 {
    left: 20px;
    top: -27px;
  }
}
.show_learning > section .lead {
  padding-left: 4.1025641026vw;
}
.show_learning .year-basic {
  border: 0.5128205128vw solid var(--color-main);
  background-color: #E8FAFF;
  padding-top: 10.2564102564vw;
}
@media (width >= 768px) {
  .show_learning .year-basic {
    padding-top: 30px;
    border-width: 2.6px;
  }
}
.show_learning .year-basic h4 {
  width: 48.2051282051vw;
}
@media (width >= 768px) {
  .show_learning .year-basic h4 {
    width: 220px;
  }
}
@media (width >= 768px) {
  .show_learning .year-basic .lead {
    text-align: center;
  }
  .show_learning .year-basic .lead img {
    width: 390px;
  }
}
@media (width >= 768px) {
  .show_learning .year-basic .course-wrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
  }
}
.show_learning .year-basic .course-wrap > div {
  background-color: #fff;
  border-radius: 5.1282051282vw;
  overflow: clip;
  padding-bottom: 5.1282051282vw;
}
@media (width >= 768px) {
  .show_learning .year-basic .course-wrap > div {
    margin-top: 15px;
    border-radius: 24px;
  }
}
.show_learning .year-basic .course-artist {
  margin-top: 2.5641025641vw;
}
.show_learning .year-basic .course-staff {
  margin-top: 5.1282051282vw;
}
.show_learning .year-basic h5 {
  background: linear-gradient(#00989F, #8AC6F0);
  padding-block: 0.7em;
  color: #fff;
  font-size: 4.1025641026vw;
  text-align: center;
}
@media (width >= 768px) {
  .show_learning .year-basic h5 {
    font-size: 20px;
  }
}
.show_learning .year-basic details {
  border: 0.5128205128vw solid currentColor;
  border-radius: 4.358974359vw;
  margin-inline: 2.5641025641vw;
  margin-top: 3.0769230769vw;
  padding-inline: 3.8461538462vw;
}
@media (width >= 768px) {
  .show_learning .year-basic details {
    border-width: 2.6px;
    border-radius: 20px;
    margin-inline: 15px;
    margin-top: 15px;
    padding-inline: 20px;
  }
}
.show_learning .year-basic details[open] summary::after {
  content: "\f078";
}
.show_learning .year-basic details p {
  padding-block: 2.5641025641vw 3.8461538462vw;
  color: #000;
  font-weight: 500;
  line-height: 1.43;
}
@media (width >= 768px) {
  .show_learning .year-basic details p {
    padding-block: 10px 15px;
  }
}
.show_learning .year-basic summary {
  margin: 0;
  padding: 2.5641025641vw 0vw;
  justify-content: space-between;
  font-family: "c-logo";
  font-weight: normal;
  font-size: 4.1025641026vw;
}
@media (width >= 768px) {
  .show_learning .year-basic summary {
    font-size: 18px;
    padding: 15px 0;
  }
}
.show_learning .year-basic summary::after {
  font-family: "Font Awesome 6 Free";
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  line-height: 1;
  text-rendering: auto;
  flex-shrink: 0;
  background-color: #000;
  border: none;
  content: "\f054";
  color: #fff;
  font-size: 90%;
}
.show_learning .year-basic .detailsContent {
  margin-top: 0;
}
.show_learning .year-basic .message {
  margin-top: 7.6923076923vw;
  padding-inline: 5.1282051282vw 7.6923076923vw;
}
@media (width >= 768px) {
  .show_learning .year-basic .message {
    margin-top: 40px;
    padding-inline: 0;
    text-align: center;
  }
  .show_learning .year-basic .message img {
    width: 300px;
  }
}
.show_learning .year-basic .artist {
  color: #DC000B;
  background-color: #FFE5E6;
}
.show_learning .year-basic .kpop {
  color: #DE207E;
  background-color: #FFF0F8;
}
.show_learning .year-basic .dance {
  color: #F39800;
  background-color: #FFEDD0;
}
.show_learning .year-basic .music {
  color: #88B83E;
  background-color: #F9FFF0;
}
.show_learning .year-basic .sound {
  color: #9359EB;
  background-color: #F9F5FF;
}
.show_learning .year-basic .business {
  color: #DE207E;
  background-color: #FFF0F8;
}
.show_learning .year-basic .creator {
  color: #FA5905;
  background-color: #FFEDE3;
}
.show_learning .year-advanced {
  border: 0.5128205128vw solid var(--color-sub);
  background-color: #fff;
  padding-block: 15.3846153846vw 3.8461538462vw;
}
@media (width >= 768px) {
  .show_learning .year-advanced {
    padding-block: 80px 20px;
    border-width: 2.6px;
  }
}
.show_learning .year-advanced h4 {
  width: 62.5641025641vw;
}
@media (width >= 768px) {
  .show_learning .year-advanced h4 {
    width: 285px;
  }
}
@media (width >= 768px) {
  .show_learning .year-advanced .lead {
    text-align: center;
  }
  .show_learning .year-advanced .lead img {
    width: 390px;
  }
}
@media (width >= 768px) {
  .show_learning .year-advanced .advanced_wrap {
    display: grid;
    grid-template-columns: 1fr 1.1fr;
    gap: 30px;
    margin-top: 20px;
  }
}
.show_learning .year-advanced .chart {
  margin-inline: 3.8461538462vw;
  margin-top: 2.5641025641vw;
}
@media (width >= 768px) {
  .show_learning .year-advanced .chart {
    margin-inline: 0;
    margin-top: 0;
  }
}
.show_learning .year-advanced dl {
  margin-inline: 3.8461538462vw;
  margin-block: 5.1282051282vw 6.4102564103vw;
}
@media (width >= 768px) {
  .show_learning .year-advanced dl {
    margin-inline: 0;
    margin-block: 0 25px;
  }
}
.show_learning .year-advanced dl dt {
  width: fit-content;
  margin-inline: auto;
  margin-bottom: 0.8em;
  padding: 0.4em 0.7em 0.45em;
  border: 1px solid currentColor;
  font-weight: 500;
}
.show_learning .year-advanced dl dd {
  font-size: 3.0769230769vw;
  line-height: 1.6;
}
@media (width >= 768px) {
  .show_learning .year-advanced dl dd {
    font-size: 14px;
  }
}

/* 2年制との違い */
.teacher_message {
  background: linear-gradient(85deg, rgba(0, 180, 199, 0.23), rgba(138, 198, 240, 0.23));
}
.teacher_message ul {
  background-color: #D1EBA6;
  margin-block: 6.4102564103vw;
  padding: 2.5641025641vw 5.1282051282vw;
  border-radius: 4.1025641026vw;
}
@media (width >= 768px) {
  .teacher_message ul {
    margin-block: 30px;
    padding: 10px 20px;
    border-radius: 20px;
  }
}
.teacher_message li {
  background: url(../img/department/total-entertainment/check.svg) no-repeat;
  background-size: 4.1025641026vw;
  background-position: 0 0.64em;
  padding-left: 5.641025641vw;
  padding-block: 0.5em;
  font-size: 4.6153846154vw;
  font-family: "c-logo";
  font-weight: normal;
  line-height: 1.22;
}
@media (width >= 768px) {
  .teacher_message li {
    font-size: 20px;
    background-size: 18px;
    padding-left: 30px;
  }
  .teacher_message li br {
    display: none;
  }
}
.teacher_message li + li {
  border-top: 1px dashed currentColor;
}

/* トータルエンタテイメント・大学科 */
.total_college {
  padding-inline: calc(50dvw - 450px);
  padding-block: 8.9743589744vw 6.4102564103vw;
  background: linear-gradient(90deg, #69589F, #6492CD 60%, #8FC6D8);
  position: relative;
}
@media (width < 940px) {
  .total_college {
    padding-inline: 20px;
  }
}
@media (width < 767px) {
  .total_college {
    padding-inline: 15px;
  }
}
@media (width >= 768px) {
  .total_college {
    padding-block: 70px 40px;
  }
}
.total_college h3 {
  position: absolute;
  left: 0;
  right: 0;
  top: 4.6153846154vw;
  display: grid;
  justify-items: center;
  gap: 0.6em;
}
@media (width >= 768px) {
  .total_college h3 {
    top: 45px;
  }
}
.total_college h3 span {
  padding: 0.1em 0.6em 0.15em;
  background-color: #006BC3;
  color: #fff;
  font-size: 4.8717948718vw;
}
@media (width >= 768px) {
  .total_college h3 span {
    font-size: 24px;
  }
}
.total_college .button {
  margin-top: 4.1025641026vw;
}