@charset "UTF-8";
/* ==========================================================


* 学科ごとの背景画像・カラー設定


* ========================================================== */
/* こども未来学科 */
.program_childcare {
  /* 背景画像の配置 */
  /* slick ドットインジケーターのカラーを学科カラーで上書き */
}
.program_childcare .title_b::after {
  background: var(--childcare-border);
}
@media screen and (max-width: 767px) {
  .program_childcare .program_header {
    background: url("../image/program_childcare/mv_sp.png") no-repeat;
    background-size: cover;
    background-position: right 30% center;
  }
}
@media screen and (min-width: 768px) {
  .program_childcare .program_header {
    background: url("../image/program_childcare/mv.png") no-repeat;
    background-size: cover;
    background-position: center center;
  }
}
.program_childcare .program_header .headings .catch::after {
  background: var(--childcare-border);
}
.program_childcare .program_header .headings .sub_01 {
  color: var(--childcare-text);
  border: solid 1px var(--childcare-border);
}
.program_childcare .sns_link {
  background-color: var(--childcare-border);
}
.program_childcare .concept .concept_item .num {
  border: solid 1px var(--childcare-border);
}
.program_childcare .concept .concept_item h3 {
  color: var(--childcare-text);
}
.program_childcare .course_list .item .text .stack::before,
.program_childcare .course_list .item .text .stack::after,
.program_childcare .course_list .item .text .heading::before,
.program_childcare .course_list .item .text .heading::after {
  background: var(--childcare-border);
}
.program_childcare .note {
  border: solid 1px var(--childcare-border);
}
.program_childcare .note .left > h2::before {
  background: var(--childcare-border);
}
.program_childcare .note .right .catch {
  color: var(--childcare-text);
}
.program_childcare .note .right .list_02 li::before {
  background: var(--childcare-border);
}
.program_childcare .courses {
  background: linear-gradient(180deg, #f7f7f7 0%, #f7f7f7 30%, var(--childcare-border) 30%, var(--childcare-border) 100%);
}
.program_childcare .courses .tab_nav li.active {
  background: var(--childcare-border);
  border-color: var(--childcare-border);
}
.program_childcare .courses .tab_nav li.active::before {
  background: var(--childcare-border);
}
.program_childcare .courses .course_pages .course_page .course_title::before,
.program_childcare .courses .course_pages .course_page .course_title::after,
.program_childcare .courses .course_pages .course_page .course_title .inner::before,
.program_childcare .courses .course_pages .course_page .course_title .inner::after {
  background: var(--childcare-border);
}
.program_childcare .voice .body .catchcopy {
  color: var(--childcare-text);
}
.program_childcare .slick-dots li.slick-active button:before,
.program_childcare .slick-dots li button:before {
  color: var(--childcare-text);
}

/* 医療情報学科 */
.program_medical {
  /* 背景画像の配置 */
  /* slick ドットインジケーターのカラーを学科カラーで上書き */
}
.program_medical .title_b::after {
  background: var(--medical-border);
}
@media screen and (max-width: 767px) {
  .program_medical .program_header {
    background: url("../image/program_medical/mv_sp_n.png") no-repeat;
    background-size: cover;
    background-position: right 30% center;
  }
}
@media screen and (min-width: 768px) {
  .program_medical .program_header {
    background: url("../image/program_medical/mv_n.png") no-repeat;
    background-size: cover;
    background-position: center center;
  }
}
.program_medical .program_header .headings .catch::after {
  background: var(--medical-border);
}
.program_medical .program_header .headings .sub_01 {
  color: var(--medical-text);
  border: solid 1px var(--medical-border);
}
.program_medical .sns_link {
  background-color: var(--medical-border);
}
.program_medical .concept .concept_item .num {
  border: solid 1px var(--medical-border);
}
.program_medical .concept .concept_item h3 {
  color: var(--medical-text);
}
.program_medical .course_list .item .text .stack::before,
.program_medical .course_list .item .text .stack::after,
.program_medical .course_list .item .text .heading::before,
.program_medical .course_list .item .text .heading::after {
  background: var(--medical-border);
}
.program_medical .note {
  border: solid 1px var(--medical-border);
}
.program_medical .note .left > h2::before {
  background: var(--medical-border);
}
.program_medical .note .right .catch {
  color: var(--medical-text);
}
.program_medical .note .right .list_02 li::before {
  background: var(--medical-border);
}
.program_medical .courses {
  background: linear-gradient(180deg, #f7f7f7 0%, #f7f7f7 30%, var(--medical-border) 30%, var(--medical-border) 100%);
}
.program_medical .courses .tab_nav li.active {
  background: var(--medical-border);
  border-color: var(--medical-border);
}
.program_medical .courses .tab_nav li.active::before {
  background: var(--medical-border);
}
.program_medical .courses .course_pages .course_page .course_title::before,
.program_medical .courses .course_pages .course_page .course_title::after,
.program_medical .courses .course_pages .course_page .course_title .inner::before,
.program_medical .courses .course_pages .course_page .course_title .inner::after {
  background: var(--medical-border);
}
.program_medical .voice .body .catchcopy {
  color: var(--medical-text);
}
.program_medical .slick-dots li.slick-active button:before,
.program_medical .slick-dots li button:before {
  color: var(--medical-text);
}

/* ITデジタル学科 */
.program_it {
  /* 背景画像の配置 */
  /* slick ドットインジケーターのカラーを学科カラーで上書き */
}
.program_it .title_b::after {
  background: var(--it-border);
}
@media screen and (max-width: 767px) {
  .program_it .program_header {
    background: url("../image/program_it/mv_sp.png") no-repeat;
    background-size: cover;
    background-position: right 30% center;
  }
}
@media screen and (min-width: 768px) {
  .program_it .program_header {
    background: url("../image/program_it/mv.png") no-repeat;
    background-size: cover;
    background-position: center center;
  }
}
.program_it .program_header .headings .catch::after {
  background: var(--it-border);
}
.program_it .program_header .headings .sub_01 {
  color: var(--it-text);
  border: solid 1px var(--it-border);
}
.program_it .sns_link {
  background-color: var(--it-border);
}
.program_it .concept .concept_item .num {
  border: solid 1px var(--it-border);
}
.program_it .concept .concept_item h3 {
  color: var(--it-text);
}
.program_it .course_list .item .text .stack::before,
.program_it .course_list .item .text .stack::after,
.program_it .course_list .item .text .heading::before,
.program_it .course_list .item .text .heading::after {
  background: var(--it-border);
}
.program_it .note {
  border: solid 1px var(--it-border);
}
.program_it .note .left > h2::before {
  background: var(--it-border);
}
.program_it .note .right .catch {
  color: var(--it-text);
}
.program_it .note .right .list_02 li::before {
  background: var(--it-border);
}
.program_it .courses {
  background: linear-gradient(180deg, #f7f7f7 0%, #f7f7f7 30%, var(--it-border) 30%, var(--it-border) 100%);
}
.program_it .courses .tab_nav li.active {
  background: var(--it-border);
  border-color: var(--it-border);
}
.program_it .courses .tab_nav li.active::before {
  background: var(--it-border);
}
.program_it .courses .course_pages .course_page .course_title::before,
.program_it .courses .course_pages .course_page .course_title::after,
.program_it .courses .course_pages .course_page .course_title .inner::before,
.program_it .courses .course_pages .course_page .course_title .inner::after {
  background: var(--it-border);
}
.program_it .voice .body .catchcopy {
  color: var(--it-text);
}
.program_it .slick-dots li.slick-active button:before,
.program_it .slick-dots li button:before {
  color: var(--it-text);
}

/* 自動車整備工学科 */
.program_automobile {
  /* 背景画像の配置 */
  /* slick ドットインジケーターのカラーを学科カラーで上書き */
}
.program_automobile .title_b::after {
  background: var(--automobile-border);
}
@media screen and (max-width: 767px) {
  .program_automobile .program_header {
    background: url("../image/program_automobile/mv_sp.png") no-repeat;
    background-size: cover;
    background-position: right 30% center;
  }
}
@media screen and (min-width: 768px) {
  .program_automobile .program_header {
    background: url("../image/program_automobile/mv.png") no-repeat;
    background-size: cover;
    background-position: center center;
  }
}
.program_automobile .program_header .headings .catch::after {
  background: var(--automobile-border);
}
.program_automobile .program_header .headings .sub_01 {
  color: var(--automobile-text);
  border: solid 1px var(--automobile-border);
}
.program_automobile .sns_link {
  background-color: var(--automobile-border);
}
.program_automobile .concept .concept_item .num {
  border: solid 1px var(--automobile-border);
}
.program_automobile .concept .concept_item h3 {
  color: var(--automobile-text);
}
.program_automobile .course_list .item .text .stack::before,
.program_automobile .course_list .item .text .stack::after,
.program_automobile .course_list .item .text .heading::before,
.program_automobile .course_list .item .text .heading::after {
  background: var(--automobile-border);
}
.program_automobile .note {
  border: solid 1px var(--automobile-border);
}
.program_automobile .note .left > h2::before {
  background: var(--automobile-border);
}
.program_automobile .note .right .catch {
  color: var(--automobile-text);
}
.program_automobile .note .right .list_02 li::before {
  background: var(--automobile-border);
}
.program_automobile .courses {
  background: linear-gradient(180deg, #f7f7f7 0%, #f7f7f7 30%, var(--automobile-border) 30%, var(--automobile-border) 100%);
}
.program_automobile .courses .tab_nav li.active {
  background: var(--automobile-border);
  border-color: var(--automobile-border);
}
.program_automobile .courses .tab_nav li.active::before {
  background: var(--automobile-border);
}
.program_automobile .courses .course_pages .course_page .course_title::before,
.program_automobile .courses .course_pages .course_page .course_title::after,
.program_automobile .courses .course_pages .course_page .course_title .inner::before,
.program_automobile .courses .course_pages .course_page .course_title .inner::after {
  background: var(--automobile-border);
}
.program_automobile .voice .body .catchcopy {
  color: var(--automobile-text);
}
.program_automobile .slick-dots li.slick-active button:before,
.program_automobile .slick-dots li button:before {
  color: var(--automobile-text);
}

/* 建築環境学科 */
.program_building {
  /* 背景画像の配置 */
  /* slick ドットインジケーターのカラーを学科カラーで上書き */
}
.program_building .title_b::after {
  background: var(--building-border);
}
@media screen and (max-width: 767px) {
  .program_building .program_header {
    background: url("../image/program_building/mv_sp_n.png") no-repeat;
    background-size: cover;
    background-position: right 30% center;
  }
}
@media screen and (min-width: 768px) {
  .program_building .program_header {
    background: url("../image/program_building/mv_n.png") no-repeat;
    background-size: cover;
    background-position: center center;
  }
}
.program_building .program_header .headings .catch::after {
  background: var(--building-border);
}
.program_building .program_header .headings .sub_01 {
  color: var(--building-text);
  border: solid 1px var(--building-border);
}
.program_building .sns_link {
  background-color: var(--building-border);
}
.program_building .concept .concept_item .num {
  border: solid 1px var(--building-border);
}
.program_building .concept .concept_item h3 {
  color: var(--building-text);
}
.program_building .course_list .item .text .stack::before,
.program_building .course_list .item .text .stack::after,
.program_building .course_list .item .text .heading::before,
.program_building .course_list .item .text .heading::after {
  background: var(--building-border);
}
.program_building .note {
  border: solid 1px var(--building-border);
}
.program_building .note .left > h2::before {
  background: var(--building-border);
}
.program_building .note .right .catch {
  color: var(--building-text);
}
.program_building .note .right .list_02 li::before {
  background: var(--building-border);
}
.program_building .courses {
  background: linear-gradient(180deg, #f7f7f7 0%, #f7f7f7 30%, var(--building-border) 30%, var(--building-border) 100%);
}
.program_building .courses .tab_nav li.active {
  background: var(--building-border);
  border-color: var(--building-border);
}
.program_building .courses .tab_nav li.active::before {
  background: var(--building-border);
}
.program_building .courses .course_pages .course_page .course_title::before,
.program_building .courses .course_pages .course_page .course_title::after,
.program_building .courses .course_pages .course_page .course_title .inner::before,
.program_building .courses .course_pages .course_page .course_title .inner::after {
  background: var(--building-border);
}
.program_building .voice .body .catchcopy {
  color: var(--building-text);
}
.program_building .slick-dots li.slick-active button:before,
.program_building .slick-dots li button:before {
  color: var(--building-text);
}

/* 公務員受験対策科 */
.program_public {
  /* 背景画像の配置 */
  /* slick ドットインジケーターのカラーを学科カラーで上書き */
}
.program_public .title_b::after {
  background: var(--public-border);
}
@media screen and (max-width: 767px) {
  .program_public .program_header {
    background: url("../image/program_public/mv_sp_n.png") no-repeat;
    background-size: cover;
    background-position: right 30% center;
  }
}
@media screen and (min-width: 768px) {
  .program_public .program_header {
    background: url("../image/program_public/mv_n.png") no-repeat;
    background-size: cover;
    background-position: center center;
  }
}
.program_public .program_header .headings .catch::after {
  background: var(--public-border);
}
.program_public .program_header .headings .sub_01 {
  color: var(--public-text);
  border: solid 1px var(--public-border);
}
.program_public .sns_link {
  background-color: var(--public-border);
}
.program_public .concept .concept_item .num {
  border: solid 1px var(--public-border);
}
.program_public .concept .concept_item h3 {
  color: var(--public-text);
}
.program_public .course_list .item .text .stack::before,
.program_public .course_list .item .text .stack::after,
.program_public .course_list .item .text .heading::before,
.program_public .course_list .item .text .heading::after {
  background: var(--public-border);
}
.program_public .note {
  border: solid 1px var(--public-border);
}
.program_public .note .left > h2::before {
  background: var(--public-border);
}
.program_public .note .right .catch {
  color: var(--public-text);
}
.program_public .note .right .list_02 li::before {
  background: var(--public-border);
}
.program_public .courses {
  background: linear-gradient(180deg, #f7f7f7 0%, #f7f7f7 30%, var(--public-border) 30%, var(--public-border) 100%);
}
.program_public .courses .tab_nav li.active {
  background: var(--public-border);
  border-color: var(--public-border);
}
.program_public .courses .tab_nav li.active::before {
  background: var(--public-border);
}
.program_public .courses .course_pages .course_page .course_title::before,
.program_public .courses .course_pages .course_page .course_title::after,
.program_public .courses .course_pages .course_page .course_title .inner::before,
.program_public .courses .course_pages .course_page .course_title .inner::after {
  background: var(--public-border);
}
.program_public .voice .body .catchcopy {
  color: var(--public-text);
}
.program_public .slick-dots li.slick-active button:before,
.program_public .slick-dots li button:before {
  color: var(--public-text);
}

/*# sourceMappingURL=program_course_color.css.map */