@charset "UTF-8";
:root {
  --color-main: #88B83E;
  --color-sub: #8FBD42;
  --color-grad-main-start: #97DE11;
  --color-grad-main-mid: #43C49C;
  --color-grad-main-end: #9ED8E5;
  --color-grad-sub-start: #EFF5E3;
  --color-grad-sub-end: #EFF5E3;
  --color-grad-accent-start: #F7941D;
  --color-grad-accent-end: #C3D700;
  --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(
    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)
  );
}

/* メイン画像 */
.mainimg .catch {
  margin-top: -5.5em;
}
.mainimg .catch span {
  background-color: #36C624;
}

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

/* ◯◯科はこんな学科 */
.about_department h3 {
  color: #529000;
}
.about_department figure {
  margin-block: 1em;
}
.about_department .button {
  margin-top: 1em;
}

/* 好きに合わせたコース選択 */
.course_selection .course .h4-number {
  background-color: #6DAD19;
}

/* Pick Up */
.pick_up {
  background: linear-gradient(90deg, rgba(151, 222, 17, 0.37), rgba(67, 196, 156, 0.37) 60%, rgba(158, 216, 229, 0.37));
}
.pick_up .message {
  margin-top: 1.5em;
  display: grid;
  grid-template-columns: 29.4871794872vw 1fr;
  gap: 0 0.85em;
  background-color: #FFEED1;
  border-radius: 2.3em;
  padding: 2em 1.75em 1.75em;
  line-height: 1.43;
}
.pick_up .message p {
  font-weight: 400;
}
@media (width >= 768px) {
  .pick_up .message {
    grid-template-columns: 100px 1fr;
    gap: 0 12px;
  }
}
.pick_up .image {
  margin: 0;
}
.pick_up .info {
  display: grid;
  justify-items: start;
  align-content: start;
  gap: 0.4em;
  font-weight: 500;
  line-height: 1.4;
}
.pick_up .name {
  font-size: 85.7%;
}
.pick_up .name em {
  font-style: normal;
  font-size: 133%;
}
.pick_up .background {
  margin-bottom: 0.2em;
  background-color: #000;
  padding: 0.1em 0.8em;
  color: #fff;
}
.pick_up .text {
  grid-column: 1/-1;
}
.pick_up small {
  font-size: 85.7%;
}
.pick_up ol {
  line-height: 1.57;
}
.pick_up ol li {
  font-weight: 500;
}
.pick_up ol li + li {
  margin-top: 0.7em;
}
.pick_up h6 {
  margin-top: 1.5em;
  font-size: 114%;
}
.pick_up .company_list {
  font-weight: 400;
}

/* ◯◯科授業について */
.about_class {
  background: linear-gradient(85deg, #D1EFA1, #BFF0E1 60%, #BAF3FF);
}
.about_class .qualifications h4 {
  background: linear-gradient(var(--color-grad-main-start), var(--color-grad-main-mid) 60%, var(--color-grad-main-end));
}

/* 担任の先生からのメッセージ */
.teacher_message {
  background: linear-gradient(85deg, #D1EFA1, #BFF0E1 60%, #BAF3FF);
}
@media (width < 767px) {
  .teacher_message .teachers {
    padding-inline: 3.8461538462vw;
  }
}
@media (width >= 768px) {
  .teacher_message .teachers > * {
    max-width: 330px;
  }
}

/* Campus Life */
.campus_life .personal {
  padding-left: 34.6153846154vw;
  background-size: 32.3076923077vw;
  background-image: url(../img/department/business/ttl-personal.svg);
}
@media (width >= 768px) {
  .campus_life .personal {
    padding-left: 135px;
    background-size: 126px;
  }
}
.campus_life .faq dt {
  background-image: url(../img/department/business/ico-q.svg);
}
.campus_life .faq dd {
  background-image: url(../img/department/business/ico-a.svg);
}