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

	ColorElements

======================================= */
/*-----------------------------------------
	トップページ
-----------------------------------------*/
/* 学科紹介 */
#site_index li.pet_b figcaption span {
	color: #f6ae6a;
}
#site_index li.animal_n figcaption span {
	color: #54c3f1;
}
#site_index li.sports_b figcaption span {
	color: #5185c5;
}
#site_index li.business_a figcaption span {
	color: #e85736;
}
#site_index li.business_d figcaption span {
	color: #96a9b3;
}
#site_index li.ai_s figcaption span {
	color: #d4cb69;
}
#site_index li.it_b figcaption span {
	color: #00afa7;
}
#site_index li.office_b figcaption span {
	color: #66bf97;
}
#site_index li.fashon_b figcaption span {
	color: #55469a;
}
#site_index li.flower_b figcaption span {
	color: #ee86a8;
}

/*-----------------------------------------
	学科紹介
-----------------------------------------*/
/* 学科一覧 */
/* こんな方にピッタリ！ */
.contents_page_list li.pet_b figcaption span,
.pg_pet .appropriate_list li .num {
	color: #f6ae6a;
}
.contents_page_list li.animal_n figcaption span,
.pg_animal .appropriate_list li .num {
	color: #54c3f1;
}
.contents_page_list li.sports_b figcaption span,
.pg_sports .appropriate_list li .num {
	color: #5185c5;
}
.contents_page_list li.business_a figcaption span,
.pg_businessadministration .appropriate_list li .num {
	color: #e85736;
}
.contents_page_list li.business_d figcaption span,
.pg_bizdesign .appropriate_list li .num {
	color: #96a9b3;
}
.contents_page_list li.ai_s figcaption span,
.pg_ai .appropriate_list li .num {
	color: #d4cb69;
}
.contents_page_list li.it_b figcaption span,
.pg_it .appropriate_list li .num {
	color: #00afa7;
}
.contents_page_list li.office_b figcaption span,
.pg_office .appropriate_list li .num {
	color: #66bf97;
}
.contents_page_list li.fashon_b figcaption span,
.pg_fashion .appropriate_list li .num {
	color: #55469a;
}
.contents_page_list li.flower_b figcaption span,
.pg_flower .appropriate_list li .num {
	color: #ee86a8;
}

/* FEATURES 学科の特徴 */
/* めざせる未来の職業、取得可能な資格 */
.pg_pet .type_num.text_img_set .img_area::before,
.pg_pet .list_box dl dd ul li::before {
	background: #f6ae6a;
}
.pg_animal .type_num.text_img_set .img_area::before,
.pg_animal .list_box dl dd ul li::before {
	background: #54c3f1;
}
.pg_sports .type_num.text_img_set .img_area::before,
.pg_sports .list_box dl dd ul li::before {
	background: #5185c5;
}
.pg_businessadministration .type_num.text_img_set .img_area::before,
.pg_businessadministration .list_box dl dd ul li::before {
	background: #e85736;
}
.pg_bizdesign .type_num.text_img_set .img_area::before,
.pg_bizdesign .list_box dl dd ul li::before {
	background: #96a9b3;
}
.pg_ai .type_num.text_img_set .img_area::before,
.pg_ai .list_box dl dd ul li::before {
	background: #d4cb69;
}
.pg_it .type_num.text_img_set .img_area::before,
.pg_it .list_box dl dd ul li::before {
	background: #00afa7;
}
.pg_office .type_num.text_img_set .img_area::before,
.pg_office .list_box dl dd ul li::before {
	background: #66bf97;
}
.pg_fashion .type_num.text_img_set .img_area::before,
.pg_fashion .list_box dl dd ul li::before {
	background: #55469a;
}
.pg_flower .type_num.text_img_set .img_area::before,
.pg_flower .list_box dl dd ul li::before {
	background: #ee86a8;
}

/* SNSエリア */
.pg_pet .sns_ttl::before {
	z-index: 1;
	background: linear-gradient(45deg, #f6ae6a, #f6976a);
}
.pg_animal .sns_ttl::before {
	z-index: 1;
	background: linear-gradient(45deg, #54c3f1, #54aae1);
}
.pg_sports .sns_ttl::before {
	z-index: 1;
	background: linear-gradient(45deg, #5185c5, #4785a8);
}
.pg_businessadministration .sns_ttl::before {
	z-index: 1;
	background: linear-gradient(45deg, #e85736, #E2844A);
}
.pg_bizdesign .sns_ttl::before {
	z-index: 1;
	background: linear-gradient(45deg, #96a9b3, #809095);
}
.pg_ai .sns_ttl::before {
	z-index: 1;
	background: linear-gradient(45deg, #d4cb69, #d4cb2f);
}
.pg_it .sns_ttl::before {
	z-index: 1;
	background: linear-gradient(45deg, #00afa7 , #58cebd);
}
.pg_office .sns_ttl::before {
	z-index: 1;
	background: linear-gradient(45deg, #66bf97, #669f97);
}
.pg_fashion .sns_ttl::before {
	z-index: 1;
	background: linear-gradient(45deg, #604792, #55469a);
}
.pg_flower .sns_ttl::before {
	z-index: 1;
	background: linear-gradient(45deg, #ee86a8, #ee868a);
}

/* ヘッダー背景色*/
.pg_pet .pg_ttl::after {
	background-image: linear-gradient(-45deg, #f6ae6a, #f6ae6a);
}
.pg_animal .pg_ttl::after {
	background-image: linear-gradient(-45deg, #54c3f1, #54c3f1);
}
.pg_sports .pg_ttl::after {
	background-image: linear-gradient(-45deg, #5185c5, #5185c5);
}
.pg_businessadministration .pg_ttl::after {
	background-image: linear-gradient(-45deg, #e85736, #e85736);
}
.pg_bizdesign .pg_ttl::after {
	background-image: linear-gradient(-45deg, #96a9b3, #96a9b3);
}
.pg_ai .pg_ttl::after {
	background-image: linear-gradient(-45deg, #d4cb69, #d4cb69);
}
.pg_it .pg_ttl::after {
	background-image: linear-gradient(-45deg, #00afa7, #00afa7);
}
.pg_office .pg_ttl::after {
	background-image: linear-gradient(-45deg, #66bf97, #66bf97);
}
.pg_fashion .pg_ttl::after {
	background-image: linear-gradient(-45deg, #604792, #604792);
}
.pg_flower .pg_ttl::after {
	background-image: linear-gradient(-45deg, #ee86a8, #ee86a8);
}
/* ヘッダー文字色 */
.pg_pet .pg_ttl.short .inner h1,
.pg_animal .pg_ttl.short .inner h1,
.pg_sports .pg_ttl.short .inner h1,
.pg_businessadministration .pg_ttl.short .inner h1,
.pg_bizdesign .pg_ttl.short .inner h1,
.pg_ai .pg_ttl.short .inner h1,
.pg_it .pg_ttl.short .inner h1,
.pg_office .pg_ttl.short .inner h1,
.pg_fashion .pg_ttl.short .inner h1,
.pg_flower .pg_ttl.short .inner h1 {
	color: #fff;
}
/* .pg_ai .pg_ttl.short .inner h1 {
	color: #868886;
}*/
/* ヘッダー斜線 */
.pg_pet .pg_ttl.short::before,
.pg_animal .pg_ttl.short::before,
.pg_sports .pg_ttl.short::before,
.pg_businessadministration .pg_ttl.short::before,
.pg_bizdesign .pg_ttl.short::before,
.pg_ai .pg_ttl.short::before,
.pg_it .pg_ttl.short::before,
.pg_office .pg_ttl.short::before,
.pg_fashion .pg_ttl.short::before,
.pg_flower .pg_ttl.short::before {
	background-image: linear-gradient(-45deg, rgba(255,255,255,.2) 25%,rgba(0,0,0,0) 25%,rgba(0,0,0,0) 50%,rgba(255,255,255,.2)50%,rgba(255,255,255,.2) 75%,rgba(0,0,0,0) 75%,rgba(0,0,0,0) );
	background-size: 4px 4px;
}


/*-----------------------------------------
	在学生・卒業生の活躍
-----------------------------------------*/
/* 学科ラベルカラー */
#interviewlist .pet_b figcaption span,
.student_info .label_cloud span.pet_b {
	background: #f6ae6a;
}
#interviewlist .animal_n figcaption span,
.student_info .label_cloud span.animal_n  {
	background: #54c3f1;
}
#interviewlist .sports_b figcaption span,
.student_info .label_cloud span.sports_b {
	background: #5185c5;
}
#interviewlist .business_a figcaption span,
.student_info .label_cloud span.business_a {
	background: #e85736;
}
#interviewlist .business_d figcaption span,
.student_info .label_cloud span.business_d {
	background: #96a9b3;
}
#interviewlist .ai_s figcaption span,
.student_info .label_cloud span.ai_s {
	background: #d4cb69;
    color: #868886;
}
#interviewlist .it_b figcaption span,
.student_info .label_cloud span.it_b {
	background: #d4cb69;
}
#interviewlist .office_b figcaption span,
.student_info .label_cloud span.office_b {
	background: #66bf97;
}
#interviewlist .fashon_b figcaption span,
.student_info .label_cloud span.fashon_b {
	background: #55469a;
}
#interviewlist .flower_b figcaption span,
.student_info .label_cloud span.flower_b {
	background: #ee86a8;
}
/*-----------------------------------------
	TSBのセカイ
-----------------------------------------*/
/* 在校生にZOOM UP */
.zoom_slider_set .slider_zoom_thum .thum.slick-current.pet_b img,
.zoom_slider_set .slider_zoom .slick-dots li.slick-active .pet_b img {
	border: 4px solid #f6ae6a;
}
.zoom_slider_set .slider_zoom_thum .thum.slick-current.animal_n img,
.zoom_slider_set .slider_zoom .slick-dots li.slick-active .animal_n img {
	border: 4px solid #54c3f1;
}
.zoom_slider_set .slider_zoom_thum .thum.slick-current.sports_b img,
.zoom_slider_set .slider_zoom .slick-dots li.slick-active .sports_b img {
	border: 4px solid #5185c5;
}
.zoom_slider_set .slider_zoom_thum .thum.slick-current.business_a img,
.zoom_slider_set .slider_zoom .slick-dots li.slick-active .business_a img {
	border: 4px solid #e85736;
}
.zoom_slider_set .slider_zoom_thum .thum.slick-current.business_d img,
.zoom_slider_set .slider_zoom .slick-dots li.slick-active .business_d img {
	border: 4px solid #96a9b3;
}
.zoom_slider_set .slider_zoom_thum .thum.slick-current.ai_s img,
.zoom_slider_set .slider_zoom .slick-dots li.slick-active .ai_s img {
	border: 4px solid #d4cb69;
}
.zoom_slider_set .slider_zoom_thum .thum.slick-current.it_b img,
.zoom_slider_set .slider_zoom .slick-dots li.slick-active .it_b img {
	border: 4px solid #00afa7;
}
.zoom_slider_set .slider_zoom_thum .thum.slick-current.office_b img,
.zoom_slider_set .slider_zoom .slick-dots li.slick-active .office_b img {
	border: 4px solid #66bf97;
}
.zoom_slider_set .slider_zoom_thum .thum.slick-current.fashon_b img,
.zoom_slider_set .slider_zoom .slick-dots li.slick-active .fashon_b img {
	border: 4px solid #55469a;
}
.zoom_slider_set .slider_zoom_thum .thum.slick-current.flower_b img,
.zoom_slider_set .slider_zoom .slick-dots li.slick-active .flower_b img {
	border: 4px solid #ee86a8;
}
/* 背景 */
.zoom_slider_set .slider_zoom .pet_b::before {
	background: linear-gradient(#f6ae6a, #f6976a);
}
.zoom_slider_set .slider_zoom .animal_n::before {
	background: linear-gradient(#54c3f1, #54aae1);
}
.zoom_slider_set .slider_zoom .sports_b::before {
	background: linear-gradient(#5185c5, #4785a8);
}
.zoom_slider_set .slider_zoom .business_a::before {
	background: linear-gradient(#e85736, #e8b88f);
}
.zoom_slider_set .slider_zoom .business_d::before {
	background: linear-gradient(#96a9b3, #809095);
}
.zoom_slider_set .slider_zoom .ai_s::before {
	background: linear-gradient(#d4cb69, #d4cb2f);
}
.zoom_slider_set .slider_zoom .it_b::before {
	background: linear-gradient(#00afa7, #28a9a8);
}
.zoom_slider_set .slider_zoom .office_b::before {
	background: linear-gradient(#66bf97, #669f97);
}
.zoom_slider_set .slider_zoom .fashon_b::before {
	background: linear-gradient(#55469a, #8c3a83);
}
.zoom_slider_set .slider_zoom .flower_b::before {
	background: linear-gradient(#ee86a8, #ee868a);
}