@charset "UTF-8";
:root {
	--info: #0070A7;
	--info2: #1E96D1;
	--info3: #7EC3E5;
	--game: #784596;
	--game2: #A06EB4;
	--game3: #BE9BC8;
	--car: #6D7883;
	--car2: #A0A7AE;
	--car3: #D9DCDF;
	--architecture: #877346;
	--architecture2: #AEA081;
	--architecture3: #E4E1D5;
	--electric: #6D9CD0;
	--electric2: #A8C4E3;
	--electric3: #0A63A3;
	--medical: #9495C3;
	--medical2: #BEBFDB;
	--medical3: #5A5C96;
	--medical4: #7476A7;
}

/* 共通設定
------------------------------------------------------------------ */
.course .bg_on {
	text-align: center;
	margin-bottom: clamp(30px, 50/1366* 100vw, 50px);
}
.course .bg_on h2 {
	color: #000;
	font-size: clamp(25px, 40/1366* 100vw, 40px);
	font-weight: 700;
	transform: unset;
	position: relative;
}
.course .bg_on .bgc_infogame,
.course .bg_on .bgc_automotive {
	display: inline-block;
	position: relative;
	padding: 0;
	transform: unset;
}
.course .bg_on .bgc_infogame::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 10px;
	opacity: .5;
	mix-blend-mode: multiply;
	background: linear-gradient(-90deg,rgba(170, 60, 150, 1) 0%, rgba(30, 150, 209, 1) 100%);
}
.course .bg_on .bgc_automotive::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 10px;
	opacity: .5;
	mix-blend-mode: multiply;
	background: linear-gradient(90deg,rgba(255, 255, 255, 1) 0%, rgba(11, 129, 173, 1) 20%, rgba(0, 200, 210, 1) 50%, rgba(45, 196, 155, 1) 80%, rgba(255, 255, 255, 1) 100%);
}
@media only screen and (max-width: 769px){
	.course .bg_on {
		margin-top: 0;
	}
}



/* 情報学科
------------------------------------------------------------------ */
/* メインビジュアル */
.info_high .course-visual-header,.info_engineer .course-visual-header,.ai_system .course-visual-header,
.info_ai .course-visual-header,.info_drone .course-visual-header {
	background: linear-gradient(-150deg,rgba(186, 230, 255, 1) 35%, rgba(30, 150, 209, 1) 75%, rgba(0, 91, 145, 1) 95%);
}
@media only screen and (max-width: 769px){
	.info_high .course-visual-header,.info_engineer .course-visual-header,.ai_system .course-visual-header,
	.info_ai .course-visual-header,.info_drone .course-visual-header {
		background: linear-gradient(-15deg,rgba(186, 230, 255, 1) 35%, rgba(30, 150, 209, 1) 75%, rgba(0, 91, 145, 1) 95%);
	}
}
/* コース概要 */
.info_high .sec-course-about .list th, .info_engineer .sec-course-about .list th, .ai_system .sec-course-about .list th,
.info_ai .sec-course-about .list th,.info_drone .sec-course-about .list th {
	background: linear-gradient(-90deg,rgba(186, 230, 255, 1) 0%, rgba(30, 150, 209, 1) 50%, rgba(0, 91, 145, 1) 100%);
}
.info_ai .sec-course-about .list .point th {
	background: #fff;
	color: var(--info);
}
/* 実績 */
.info_high .sec-achieve h3,.info_engineer .sec-achieve h3,.ai_system .sec-achieve h3,
.info_ai .sec-achieve h3,.info_drone .sec-achieve h3 {
	color: var(--info2);
}
.info_high .sec-achieve .compe_txt h4 {
	border-bottom: 2px solid var(--info2);}
.info_high .sec-achieve .compe-box,
.info_engineer .sec-achieve .compe-box {
	display: grid;
	grid-template-columns: repeat(2,1fr);
	gap: 20px;}
.info_high .sec-achieve .compe-box .button-wrapper,
.info_engineer .sec-achieve .compe-box .button-wrapper {
	grid-column: 1 / 3;}
@media only screen and (max-width: 769px){
	.info_high .sec-achieve .compe-box,
	.info_engineer .sec-achieve .compe-box {
		grid-template-columns: 1fr;}
	.info_high .sec-achieve .compe-box .button-wrapper {
		grid-column: unset;}
	.info_high .sec-achieve .compe-box .type__normal,
	.info_engineer .sec-achieve .compe-box .type__normal {
		margin-top: 0;}
}
/* 特徴 */
.info_high .sec-features, .info_engineer .sec-features, .ai_system .sec-features,
.info_ai .sec-features,.info_drone .sec-features {
	background: #DCEDF3;
}
.info_high .sec-features .radius-box, .info_engineer .sec-features .radius-box, .ai_system .sec-features .radius-box,
.info_ai .sec-features .radius-box,.info_drone .sec-features .radius-box {
	background: linear-gradient(90deg,rgba(0, 91, 145, 0.7) 0%, rgba(30, 150, 209, 0.7) 50%, rgba(186, 230, 255, 0.7) 100%);
}
@media only screen and (max-width: 769px){
	.info_high .sec-features, .info_engineer .sec-features, .ai_system .sec-features .radius-box,
	.info_ai .sec-features .radius-box,.info_drone .sec-features .radius-box {
		background: linear-gradient(-45deg,rgba(0, 91, 145, 0.7) 0%, rgba(30, 150, 209, 0.7) 50%, rgba(186, 230, 255, 0.7) 100%);
	}
}
/* 学びのスケジュール */
.info_high .sec-step .step::before,.info_engineer .sec-step .step::before,.ai_system .sec-step .step::before,
.info_ai .sec-step .step::before,.info_drone .sec-step .step::before {
	background: linear-gradient(90deg,rgba(160, 217, 247, 1) 0%, rgba(30, 150, 209, 1) 40%, rgba(0, 91, 145, 1) 100%);
}
.info_high .sec-step .step .box .recruit-start,.info_engineer .sec-step .step .box .recruit-start,.ai_system .sec-step .step .box .recruit-start,
.info_ai .sec-step .step .box .recruit-start,.info_drone .sec-step .step .box .recruit-start {
	background: linear-gradient(90deg,rgba(160, 217, 247, 0) 0%, rgba(160, 217, 247, 1) 55%, rgba(30, 150, 209, 1) 100%);
}
.info_high .sec-step .step .box .step-content dl span,.info_engineer .sec-step .step .box .step-content dl span,.ai_system .sec-step .step .box .step-content dl span,
.info_ai .sec-step .step .box .step-content dl span,.info_drone .sec-step .step .box .step-content dl span {
	color: var(--info2);
}
.info_engineer .sec-step .step .box .recruit-start {
	transform: translateX(50%);}
.ai_system .sec-step .step .box .recruit-start {
	transform: translateX(50%);
	width: 50%;}
@media only screen and (max-width: 769px){
	.info_high .sec-step .step::before,.info_engineer .sec-step .step::before,.ai_system .sec-step .step::before,
	.info_ai .sec-step .step::before,.info_drone .sec-step .step::before {
		background: linear-gradient(180deg,rgba(160, 217, 247, 1) 0%, rgba(30, 150, 209, 1) 40%, rgba(0, 91, 145, 1) 100%);
	}
	.info_high .sec-step .step .box .recruit-start,.info_engineer .sec-step .step .box .recruit-start,.ai_system .sec-step .step .box .recruit-start,
	.info_ai .sec-step .step .box .recruit-start,.info_drone .sec-step .step .box .recruit-start {
		background: linear-gradient(180deg,rgba(160, 217, 247, 0) 0%, rgba(160, 217, 247, 1) 55%, rgba(30, 150, 209, 1) 100%);
	}
	.info_high .sec-step .step .box .recruit-start {
		bottom: 8%;
		height: 25%;}
	.info_engineer .sec-step .step .box .recruit-start {
		height: 41.2%;}
	.info_engineer .sec-step .step .box .recruit-start {
		transform: translateX(0%);
		height: 25%;}
	.ai_system .sec-step .step .box .recruit-start {
		transform: translateX(0%);
		width: 40px;
		height: 35%;}
}
/* カリキュラム */
.info_high .sec-pickup .flexBox .Box,.info_engineer .sec-pickup .flexBox .Box,.ai_system .sec-pickup .flexBox .Box,
.info_ai .sec-pickup .flexBox .Box,.info_drone .sec-pickup .flexBox .Box {
	border-color: var(--info2);
}
.info_high .sec-pickup .flexBox .boxL h3,.info_engineer .sec-pickup .flexBox .boxL h3,.ai_system .sec-pickup .flexBox .boxL h3,
.info_ai .sec-pickup .flexBox .boxL h3,.info_drone .sec-pickup .flexBox .boxL h3 {
	color: var(--info2);
}
/* タイムテーブル */
.info_high .lunch-style,.info_engineer .lunch-style,.ai_system .lunch-style,
.info_ai .lunch-style,.info_drone .lunch-style {
	background: #93CDE9 !important;
}
/* インタビュー */
.info_high .sec-interview .interview-qa-box p,.info_engineer .sec-interview .interview-qa-box p,.ai_system .sec-interview .interview-qa-box p,
.info_ai .sec-interview .interview-qa-box p,.info_drone .sec-interview .interview-qa-box p {
	color: var(--info2);
}
.info_high .sec-interview .dl_interview dd,.info_engineer .sec-interview .dl_interview dd,.ai_system .sec-interview .dl_interview dd,
.info_ai .sec-interview .dl_interview dd,.info_drone .sec-interview .dl_interview dd {
	background: #D2EAF6;
}
.info_high .sec-interview.zaikou .dl_interview dt span,.info_engineer .sec-interview.zaikou .dl_interview dt span,.ai_system .sec-interview.zaikou .dl_interview dt span,
.info_ai .sec-interview.zaikou .dl_interview dt span,.info_drone .sec-interview.zaikou .dl_interview dt span {
	color: var(--info3);
}
.info_high .sec-interview.zaikou .area_interview .text-block,.info_engineer .sec-interview.zaikou .area_interview .text-block,.ai_system .sec-interview.zaikou .area_interview .text-block,
.info_ai .sec-interview.zaikou .area_interview .text-block,.info_drone .sec-interview.zaikou .area_interview .text-block {
	background: var(--info3);
}
.info_high .sec-interview.sotugyou .dl_interview dt span,.info_engineer .sec-interview.sotugyou .dl_interview dt span,.ai_system .sec-interview.sotugyou .dl_interview dt span,
.info_ai .sec-interview.sotugyou .dl_interview dt span,.info_drone .sec-interview.sotugyou .dl_interview dt span {
	color: var(--info);
}
.info_high .sec-interview.sotugyou .area_interview .text-block,.info_engineer .sec-interview.sotugyou .area_interview .text-block,.ai_system .sec-interview.sotugyou .area_interview .text-block,
.info_ai .sec-interview.sotugyou .area_interview .text-block,.info_drone .sec-interview.sotugyou .area_interview .text-block {
	background: var(--info);
}
.info_high .sec-interview.sotugyou .area_interview .img-block img {
	margin-left: -10rem;}
@media only screen and (max-width: 769px){
	.info_high .sec-interview.sotugyou .area_interview .img-block img {
		margin-left: 0;}
}
/* 動画 */
.info_high .sec-movie .movie-flex p,.info_engineer .sec-movie .movie-flex p,.ai_system .sec-movie .movie-flex p,
.info_ai .sec-movie .movie-flex p,.info_drone .sec-movie .movie-flex p {
	border-color: var(--info);
	color: var(--info);
}



/* ゲーム学科
------------------------------------------------------------------ */
/* メインビジュアル */
.game .course-visual-header,.game_master .course-visual-header,
.game_college .course-visual-header {
	background: linear-gradient(-90deg,rgba(189, 135, 188, 1) 50%, rgba(102, 45, 139, 1) 95%);
}
@media only screen and (max-width: 769px){
	.game .course-visual-header,.game_master .course-visual-header,
	.game_college .course-visual-header {
		background: linear-gradient(-15deg,rgba(189, 135, 188, 1) 50%, rgba(102, 45, 139, 1) 95%);
	}
}
/* コース概要 */
.game .sec-course-about .list th, .game_master .sec-course-about .list th,
.game_college .sec-course-about .list th {
	background: linear-gradient(-90deg,rgba(189, 135, 188, 1) 0%, rgba(102, 45, 139, 1) 55%, rgba(102, 45, 139, 1) 100%);
}
.game_college .sec-course-about .list .point th {
	background: #fff;
	color: var(--game);
}
/* 実績 */
.game_master .sec-achieve h3,.game .sec-achieve h3,
.game_college .sec-achieve h3 {
	color: var(--game2);
}
.game_master .sec-achieve .compe-column,.game .sec-achieve .compe-column {
	display: grid;
	grid-template-columns: 1fr;
	gap: 30px;
}
.game .sec-achieve .compe-box {
	display: grid;
	grid-template-columns: repeat(2,1fr);
	gap: 20px;
}
.game_master .sec-achieve .compe_txt h4,.game .sec-achieve .compe_txt h4 {
	border-bottom: 2px solid var(--game2);
}

.game_master .sec-achieve .zisseki_lead {
	justify-content: center;}
.game_master .sec-achieve .compe-column {
	width: calc(100% / 2 - 30px);
	margin: auto;}
@media only screen and (max-width: 769px){
	.game_master .sec-achieve .compe-box,.game .sec-achieve .compe-box {
		grid-template-columns: 1fr;
	}
	.game_master .sec-achieve .compe-column {
		width: 100%;}
}
/* 特徴 */
.game .sec-features, .game_master .sec-features,
.game_college .sec-features {
	background: #E2DDE3;
}
.game .sec-features .radius-box, .game_master .sec-features .radius-box,
.game_college .sec-features .radius-box {
	background: linear-gradient(-150deg,rgba(189, 135, 188, 1) 50%, rgba(102, 45, 139, 1) 100%);
}
@media only screen and (max-width: 769px){
	.game .sec-features .radius-box, .game_master .sec-features .radius-box,
	.game_college .sec-features .radius-box {
		background: linear-gradient(-45deg,rgba(189, 135, 188, 1) 50%, rgba(102, 45, 139, 1) 100%);
	}
}
/* 学びのスケジュール */
.game .sec-step .step::before,.game_master .sec-step .step::before,
.game_college .sec-step .step::before {
	background: linear-gradient(-90deg,rgba(189, 135, 188, 1) 0%, rgba(102, 45, 139, 1) 55%, rgba(102, 45, 139, 1) 100%);
}
.game .sec-step .step .box .step-content dl span,.game_master .sec-step .step .box .step-content dl span,
.game_college .sec-step .step .box .step-content dl span {
	color: var(--game2);
}
.game .sec-step .step .box .recruit-start,.game_master .sec-step .step .box .recruit-start,
.game_college .sec-step .step .box .recruit-start {
	background: linear-gradient(90deg,rgba(189, 135, 188, 0) 0%, rgba(189, 135, 188, 1) 50%, rgba(102, 45, 139, 1) 100%);
}
@media only screen and (max-width: 769px){
	.game .sec-step .step::before,.game_master .sec-step .step::before,
	.game_college .sec-step .step::before {
		background: linear-gradient(180deg,rgba(189, 135, 188, 1) 0%, rgba(102, 45, 139, 1) 55%, rgba(102, 45, 139, 1) 100%);
	}
	.game .sec-step .step .box .recruit-start,.game_master .sec-step .step .box .recruit-start,
	.game_college .sec-step .step .box .recruit-start {
		background: linear-gradient(180deg,rgba(189, 135, 188, 0) 0%, rgba(189, 135, 188, 1) 50%, rgba(102, 45, 139, 1) 100%);
	}
}
/* カリキュラム */
.game .sec-pickup .flexBox .Box, .game_master .sec-pickup .flexBox .Box,
.game_college .sec-pickup .flexBox .Box {
	border-color: var(--game2);
}
.game .sec-pickup .flexBox .boxL h3, .game_master .sec-pickup .flexBox .boxL h3,
.game_college .sec-pickup .flexBox .boxL h3 {
	color: var(--game2);
}
/* タイムテーブル */
.game .lunch-style, .game_master .lunch-style,
.game_college .lunch-style {
	background: #CFB5D6 !important;
}
/* インタビュー */
.game .sec-interview .interview-qa-box p,.game_master .sec-interview .interview-qa-box p,
.game_college .sec-interview .interview-qa-box p {
	color: var(--game2);
}
.game .sec-interview .dl_interview dd,.game_master .sec-interview .dl_interview dd,
.game_college .sec-interview .dl_interview dd {
	background: #E6D8EA;
}
.game .sec-interview.zaikou .dl_interview dt span,.game_master .sec-interview.zaikou .dl_interview dt span,
.game_college .sec-interview.zaikou .dl_interview dt span {
	color: var(--game3);
}
.game .sec-interview.zaikou .area_interview .text-block,.game_master .sec-interview.zaikou .area_interview .text-block,
.game_college .sec-interview.zaikou .area_interview .text-block {
	background: var(--game3);
}
.game .sec-interview.sotugyou .dl_interview dt span,.game_master .sec-interview.sotugyou .dl_interview dt span,
.game_college .sec-interview.sotugyou .dl_interview dt span {
	color: var(--game2);
}
.game .sec-interview.sotugyou .area_interview .text-block,.game_master .sec-interview.sotugyou .area_interview .text-block,
.game_college .sec-interview.sotugyou .area_interview .text-block {
	background: var(--game);
}
/* 動画 */
.game .sec-movie .movie-flex p, .game_master .sec-movie .movie-flex p,
.game_college .sec-movie .movie-flex p {
	border-color: var(--game);
	color: var(--game);
}



/* 自動車学科
------------------------------------------------------------------ */
/* メインビジュアル */
.car_engineer1 .course-visual-header,.car_engineer2 .course-visual-header,.car_engineer3 .course-visual-header {
	background: linear-gradient(90deg,rgba(109, 120, 131, 1) 0%, rgba(170, 176, 183, 1) 60%);
}
/* コース概要 */
.car_engineer1 .sec-course-about .list th,.car_engineer2 .sec-course-about .list th, .car_engineer3 .sec-course-about .list th {
	background: linear-gradient(90deg,rgba(109, 120, 131, 1) 0%, rgba(170, 176, 183, 1) 60%);
}
/* 実績 */
.car_engineer1 .sec-achieve h3,.car_engineer2 .sec-achieve h3,.car_engineer3 .sec-achieve h3 {
	color: var(--car);
}
/* 特徴 */
.car_engineer1 .sec-features, .car_engineer2 .sec-features, .car_engineer3 .sec-features {
	background: #E8E9EB;
}
.car_engineer1 .sec-features .radius-box, .car_engineer2 .sec-features .radius-box, .car_engineer3 .sec-features .radius-box {
	background: linear-gradient(90deg,rgba(109, 120, 131, 1) 0%, rgba(170, 176, 183, 1) 60%);
}
@media only screen and (max-width: 769px){
	.car_engineer1 .sec-features .radius-box, .car_engineer2 .sec-features .radius-box, .car_engineer3 .sec-features .radius-box {
		background: linear-gradient(-45deg,rgba(9, 135, 166, 1) 0%, rgba(70, 189, 214, 1) 60%);
	}
}
/* 学びのスケジュール */
.car_engineer1 .sec-step .step::before,.car_engineer2 .sec-step .step::before,.car_engineer3 .sec-step .step::before {
	background: linear-gradient(-90deg,rgba(9, 135, 166, 1) 0%, rgba(70, 189, 214, 1) 60%);
}
.car_engineer1 .sec-step .step .box .step-content dl span,.car_engineer2 .sec-step .step .box .step-content dl span,.car_engineer3 .sec-step .step .box .step-content dl span {
	color: var(--car);
}
.car_engineer1 .sec-step .step .box .recruit-start,.car_engineer2 .sec-step .step .box .recruit-start,.car_engineer3 .sec-step .step .box .recruit-start {
	background: linear-gradient(90deg,rgba(70, 189, 214, 0) 0%, rgba(70, 189, 214, 1) 60%);
}
.car_engineer1 .sec-step .step .box .recruit-start {
	left: 25%;
	width: 50%;}
@media only screen and (max-width: 769px){
	.car_engineer1 .sec-step .step::before,.car_engineer2 .sec-step .step::before,.car_engineer3 .sec-step .step::before {
		background: linear-gradient(-180deg,rgba(9, 135, 166, 1) 0%, rgba(70, 189, 214, 1) 60%);
	}
	.car_engineer1 .sec-step .step .box .recruit-start,.car_engineer2 .sec-step .step .box .recruit-start,.car_engineer3 .sec-step .step .box .recruit-start {
		background: linear-gradient(180deg,rgba(70, 189, 214, 0) 0%, rgba(70, 189, 214, 1) 60%);
	}
	.car_engineer1 .sec-step .step .box {
		min-height: 10rem;}
	.car_engineer1 .sec-step .step .box .recruit-start {
		left: inherit;
		width: 40px;
		height: 75%;}
	.car_engineer2 .sec-step .step .box {
		min-height: 130px;}
	.car_engineer2 .sec-step .step .box .recruit-start {
		bottom: 13%;}
}
/* カリキュラム */
.car_engineer1 .sec-pickup .flexBox .Box, .car_engineer2 .sec-pickup .flexBox .Box, .car_engineer3 .sec-pickup .flexBox .Box {
	border-color: var(--car);
}
.car_engineer1 .sec-pickup .flexBox .boxL h3, .car_engineer2 .sec-pickup .flexBox .boxL h3, .car_engineer3 .sec-pickup .flexBox .boxL h3 {
	color: var(--car);
}
/* タイムテーブル */
.car_engineer1 .lunch-style, .car_engineer2 .lunch-style, .car_engineer3 .lunch-style {
	background: var(--car) !important;
	color: #fff !important;
}
/* インタビュー */
.car_engineer1 .sec-interview .interview-qa-box p,.car_engineer2 .sec-interview .interview-qa-box p,.car_engineer3 .sec-interview .interview-qa-box p {
	color: var(--car);
}
.car_engineer1 .sec-interview .dl_interview dd,.car_engineer2 .sec-interview .dl_interview dd,.car_engineer3 .sec-interview .dl_interview dd {
	background: var(--car3);
}
.car_engineer1 .sec-interview.zaikou .dl_interview dt span,.car_engineer2 .sec-interview.zaikou .dl_interview dt span,.car_engineer3 .sec-interview.zaikou .dl_interview dt span {
	color: var(--car);
}
.car_engineer1 .sec-interview.zaikou .area_interview .text-block,.car_engineer2 .sec-interview.zaikou .area_interview .text-block,.car_engineer3 .sec-interview.zaikou .area_interview .text-block {
	background: var(--car2);
}
.car_engineer1 .sec-interview.sotugyou .dl_interview dt span,.car_engineer2 .sec-interview.sotugyou .dl_interview dt span,.car_engineer3 .sec-interview.sotugyou .dl_interview dt span {
	color: var(--car);
}
.car_engineer1 .sec-interview.sotugyou .area_interview .text-block,.car_engineer2 .sec-interview.sotugyou .area_interview .text-block,.car_engineer3 .sec-interview.sotugyou .area_interview .text-block {
	background: var(--car);
}
/* 自動車車体工学科：カスタムカー */
.car_engineer2 .bg_custom {
	padding: 80px 0;
}
.car_engineer2 .bg_custom img { width: 100%;}
.car_engineer2 .bg_custom .inner {
	width: 1200px;
	margin: auto;
}
.car_engineer2 .bg_custom .flex {
	display: grid;
	grid-template-columns: repeat(4,1fr);
	gap: 20px 0;
	margin-bottom: 50px;
}
.car_engineer2 .bg_custom p {
	color: #000;
	font-size: clamp(14px, 16/1366* 100vw, 16px);
	line-height: 1.5;
	text-align: center;
}
@media only screen and (max-width: 769px){
	.car_engineer2 .bg_custom {
		padding: 40px 0;
	}
	.car_engineer2 .bg_custom .inner {
		width: 90%;
	}
	.car_engineer2 .bg_custom .flex {
		grid-template-columns: repeat(2,1fr);
		gap: 10px 0;
		margin-bottom: 20px;
	}
	.car_engineer2 .bg_custom p {
		text-align: left;
	}
}
/* 動画 */
.car_engineer1 .sec-movie .movie-flex p, .car_engineer2 .sec-movie .movie-flex p, .car_engineer3 .sec-movie .movie-flex p {
	border-color: var(--car);
	color: var(--car);
}



/* 建築学科
------------------------------------------------------------------ */
/* メインビジュアル */
.engi_cad .course-visual-header,.engi_architect .course-visual-header,
.architect_college .course-visual-header {
	background: linear-gradient(90deg,rgba(135, 115, 70, 1) 18%, rgba(137, 117, 73, 1) 30%, rgba(180, 161, 134, 1) 90%);
}
/* コース概要 */
.engi_cad .sec-course-about .list th, .engi_architect .sec-course-about .list th,
.architect_college .sec-course-about .list th {
	background: linear-gradient(90deg,rgba(135, 115, 70, 1) 18%, rgba(137, 117, 73, 1) 30%, rgba(180, 161, 134, 1) 90%);
}
/* 大学科＿併修先大学 */
.architect_college .college-ttl {
	background: linear-gradient(90deg,rgba(135, 115, 70, 1) 18%, rgba(137, 117, 73, 1) 30%, rgba(180, 161, 134, 1) 90%);
	color: white;
	font-size: clamp(20px, 22/1366* 100vw, 22px);
	font-weight: 700;
	margin-bottom: 20px;
	padding: 10px;}
.architect_college .college-content {
	display: grid;
    grid-template-columns: 1fr 1fr;
    justify-content: space-between;
    align-items: center;
	margin-bottom: 30px;}
.architect_college .college-content dt {
	padding: 0 30px;}
.architect_college .college-content img {
	width: 100%;}
@media only screen and (max-width: 769px){
	.architect_college .college-ttl {
		text-align: center;
		margin-bottom: 10px;
		padding: 8px;}
	.architect_college .college-content {
		gap: 10px;}
	.architect_college .college-content dt {
		padding: 0;}
}
/* 実績 */
.engi_cad .sec-achieve h3,.engi_architect .sec-achieve h3,
.architect_college .sec-achieve h3 {
	color: var(--architecture);
}
/* 特徴 */
.engi_cad .sec-features, .engi_architect .sec-features,
.architect_college .sec-features {
	background: #EDEBE3;
}
.engi_cad .sec-features .radius-box, .engi_architect .sec-features .radius-box,
.architect_college .sec-features .radius-box {
	background: var(--architecture);
}

.architect_college .sec-features.merit .inner {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 30px;
}
.architect_college .sec-features.merit .radius-box {
	margin-bottom: 0;
}
.architect_college .sec-features.merit .radius-box.full-box {
	grid-column: 1 / 3;
}
.architect_college .sec-features.merit .radius-box figure {
	position: relative;
	top: inherit;
	right: inherit;
	width: 100%;
}
.architect_college .sec-features.merit .radius-box p {
	width: 100%;
}
@media only screen and (max-width: 769px){
	.architect_college .sec-features.merit .inner {
		grid-template-columns: 1fr;
	}
	.architect_college .sec-features.merit .radius-box.full-box {
		grid-template-columns: 1 / 1;
	}

}
	/* 学びのスケジュール */
.engi_cad .sec-step .step::before,.engi_architect .sec-step .step::before,
.architect_college .sec-step .step::before {
	background: linear-gradient(-90deg,rgba(50, 133, 109, 1) 0%, rgba(111, 181, 162, 1) 60%);
}
.engi_cad .sec-step .step .box .step-content dl span,.engi_architect .sec-step .step .box .step-content dl span,
.architect_college .sec-step .step .box .step-content dl span {
	color: var(--architecture);
}
.engi_cad .sec-step .step .box .recruit-start,.engi_architect .sec-step .step .box .recruit-start,
.architect_college .sec-step .step .box .recruit-start {
	background: linear-gradient(90deg,rgba(111, 181, 162, 0) 0%, rgba(111, 181, 162, 1) 60%, rgba(50, 133, 109, 1) 100%);
}
.engi_cad .sec-step .step .box {
	min-height: 26rem;}
.engi_architect .sec-step .step .box {
	min-height: 22rem;}
.engi_cad .sec-step .step .box .recruit-start {
	left: 25%;}
.engi_architect .sec-step .step .box:nth-of-type(1) .recruit-start {
	bottom: 5rem;
	left: 30%;}
.engi_architect .sec-step .step .box:nth-of-type(1) .recruit-start::before {
	content: "1級建築士専攻科就活スタート";}
.engi_architect .sec-step .step .box:nth-of-type(2) .recruit-start {
	left: 0;}
.engi_architect .sec-step .step .box:nth-of-type(2) .recruit-start::before {
	content: "2級建築士専攻科就活スタート";}
@media only screen and (max-width: 769px){
	.engi_cad .sec-step .step::before,.engi_architect .sec-step .step::before {
		background: linear-gradient(-180deg,rgba(50, 133, 109, 1) 0%, rgba(111, 181, 162, 1) 60%);
	}
	.engi_cad .sec-step .step .box .recruit-start,.engi_architect .sec-step .step .box .recruit-start {
		background: linear-gradient(180deg,rgba(111, 181, 162, 0) 0%, rgba(111, 181, 162, 1) 60%, rgba(50, 133, 109, 1) 100%);
	}
	.engi_cad .sec-step .step .box {
		min-height: 18rem;}
	.engi_cad .sec-step .step .box .recruit-start {
		bottom: 35%;
		left: inherit;}
	.engi_architect .sec-step .step .box {
		min-height: 15rem;
	}
	.engi_architect .sec-step .step .box:nth-of-type(1) .recruit-start {
		left: inherit;
		right: 40px;
		width: 30px;
		height: 55%;}
	.engi_architect .sec-step .step .box:nth-of-type(2) .recruit-start {
		top: 0;
		bottom: inherit;
		left: inherit;
		width: 30px;
		height: 55%;}
	.engi_architect .sec-step .step .box:nth-of-type(1) .recruit-start::before,
	.engi_architect .sec-step .step .box:nth-of-type(2) .recruit-start::before {
		font-size: 12px;}
}
/* カリキュラム */
.engi_cad .sec-pickup .flexBox .Box, .engi_architect .sec-pickup .flexBox .Box,
.architect_college .sec-pickup .flexBox .Box {
	border-color: var(--architecture);
}
.engi_cad .sec-pickup .flexBox .boxL h3, .engi_architect .sec-pickup .flexBox .boxL h3,
.architect_college .sec-pickup .flexBox .boxL h3 {
	color: var(--architecture);
}
/* タイムテーブル */
.engi_cad .lunch-style, .engi_architect .lunch-style,
.architect_college .lunch-style {
	background: var(--architecture2) !important;
}
/* インタビュー */
.engi_cad .sec-interview .interview-qa-box p,.engi_architect .sec-interview .interview-qa-box p,
.architect_college .sec-interview .interview-qa-box p {
	color: var(--architecture);
}
.engi_cad .sec-interview .dl_interview dd,.engi_architect .sec-interview .dl_interview dd,
.architect_college .sec-interview .dl_interview dd {
	background: var(--architecture3);
}
.engi_cad .sec-interview.zaikou .dl_interview dt span,.engi_architect .sec-interview.zaikou .dl_interview dt span,
.architect_college .sec-interview.zaikou .dl_interview dt span {
	color: var(--architecture);
}
.engi_cad .sec-interview.zaikou .area_interview .text-block,.engi_architect .sec-interview.zaikou .area_interview .text-block,
.architect_college .sec-interview.zaikou .area_interview .text-block {
	background: var(--architecture2);
}
.engi_cad .sec-interview.sotugyou .dl_interview dt span,.engi_architect .sec-interview.sotugyou .dl_interview dt span,
.engi_ararchitect_collegechitect .sec-interview.sotugyou .dl_interview dt span {
	color: var(--architecture);
}
.engi_cad .sec-interview.sotugyou .area_interview .text-block,.engi_architect .sec-interview.sotugyou .area_interview .text-block,
.architect_college .sec-interview.sotugyou .area_interview .text-block {
	background: var(--architecture);
}
/* 動画 */
.engi_cad .sec-movie .movie-flex p, .engi_architect .sec-movie .movie-flex p,
.architect_college .sec-movie .movie-flex p {
	border-color: var(--architecture);
	color: var(--architecture);
}



/* 電気学科
------------------------------------------------------------------ */
/* メインビジュアル */
.electric .course-visual-header {
	background: linear-gradient(90deg,rgba(10, 99, 163, 1) 0%, rgba(109, 156, 208, 1) 60%);
}
/* コース概要 */
.electric .sec-course-about .list th {
	background: linear-gradient(90deg,rgba(10, 99, 163, 1) 0%, rgba(109, 156, 208, 1) 60%);
}
/* 実績 */
.electric .sec-achieve h3 {
	color: var(--electric);
}
/* 特徴 */
.electric .sec-features {
	background: #D2E0F1;
}
.electric .sec-features .radius-box {
	background: linear-gradient(90deg,rgba(10, 99, 163, 1) 0%, rgba(109, 156, 208, 1) 60%);
}
/* 学びのスケジュール */
.electric .sec-step .step::before {
	background: linear-gradient(-90deg,rgba(10, 99, 163, 1) 0%, rgba(109, 156, 208, 1) 60%);
}
.electric .sec-step .step .box .step-content dl span {
	color: var(--electric);
}
.electric .sec-step .step .box .recruit-start {
	background: linear-gradient(90deg,rgba(109, 156, 208, 0) 0%, rgba(109, 156, 208, 1) 30%, rgba(10, 99, 163, 1) 100%);
}
.electric .sec-step .step .box {
	min-height: 28rem;}
.electric .sec-step .step .box:nth-of-type(1) .recruit-start {
	bottom: 5rem;
	left: 35%;
	width: 50%;}
.electric .sec-step .step .box:nth-of-type(1) .recruit-start::before {
	content: "電気電子工学科 就活スタート";}
.electric .sec-step .step .box:nth-of-type(3) .recruit-start {
	left: 8%;}
.electric .sec-step .step .box:nth-of-type(3) .recruit-start::before {
	content: "電気工事士科 就活スタート";}
@media only screen and (max-width: 769px){
	.electric .sec-step .step::before {
		background: linear-gradient(-180deg,rgba(10, 99, 163, 1) 0%, rgba(109, 156, 208, 1) 60%);
	}
	.electric .sec-step .step .box .recruit-start {
		background: linear-gradient(180deg,rgba(109, 156, 208, 0) 0%, rgba(109, 156, 208, 1) 30%, rgba(10, 99, 163, 1) 100%);
	}
	.electric .sec-step .step .box {
		min-height: 18rem;}
	.electric .sec-step .step .box:nth-of-type(1) .recruit-start {
		bottom: 12rem;
		left: inherit;
		right: 40px;
		width: 40px;
		height: 40%;}
	.electric .sec-step .step .box:nth-of-type(3) .recruit-start {
		top: 5%;
		bottom: inherit;
		left: inherit;
		height: 28%;}
	.electric .sec-step .step .box:nth-of-type(1) .recruit-start::before,
	.electric .sec-step .step .box:nth-of-type(3) .recruit-start::before {
		font-size: 15px;}
}
/* カリキュラム */
.electric .sec-pickup .flexBox .Box {
	border-color: var(--electric);
}
.electric .sec-pickup .flexBox .boxL h3 {
	color: var(--electric);
}
/* タイムテーブル */
.electric .lunch-style {
	background: var(--electric2) !important;
}
/* インタビュー */
.electric .sec-interview .interview-qa-box p {
	color: var(--electric);
}
.electric .sec-interview .dl_interview dd {
	background: #D2E0F1;
}
.electric .sec-interview.zaikou .dl_interview dt span {
	color: var(--electric);
}
.electric .sec-interview.zaikou .area_interview .text-block {
	background: var(--electric);
}
.electric .sec-interview.sotugyou .dl_interview dt span {
	color: var(--electric3);
}
.electric .sec-interview.sotugyou .area_interview .text-block {
	background: var(--electric3);
}
/* 動画 */
.electric .sec-movie .movie-flex p {
	border-color: var(--electric);
	color: var(--electric);
}



/* 放射線学科
------------------------------------------------------------------ */
/* メインビジュアル */
.engi_rediation .course-visual-header {
	background: linear-gradient(90deg,rgba(90, 92, 150, 1) 0%, rgba(148, 149, 195, 1) 60%);
}
/* コース概要 */
.engi_rediation .sec-course-about .list th {
	background: linear-gradient(90deg,rgba(90, 92, 150, 1) 0%, rgba(148, 149, 195, 1) 60%);
}
/* 実績 */
.engi_rediation .sec-achieve h3 {
	color: var(--medical);
}
/* 特徴 */
.engi_rediation .sec-features {
	background: #E7E7F2;
}
.engi_rediation .sec-features .radius-box {
	background: linear-gradient(90deg,rgba(90, 92, 150, 1) 0%, rgba(148, 149, 195, 1) 60%);
}
/* 学びのスケジュール */
.engi_rediation .sec-step .step::before {
	background: linear-gradient(-90deg,rgba(90, 92, 150, 1) 0%, rgba(148, 149, 195, 1) 60%);
}
.engi_rediation .sec-step .step .box .step-content dl span {
	color: var(--medical);
}
.engi_rediation .sec-step .step .box .recruit-start {
	background: linear-gradient(90deg,rgba(148, 149, 195, 0) 0%, rgba(148, 149, 195, 1) 30%, rgba(104, 105, 161, 1) 100%);
	left: 40%;
	width: 45%;
}
.engi_rediation .sec-step .step .box {
	min-height: 20rem;
}
@media only screen and (max-width: 769px){
	.engi_rediation .sec-step .step::before {
		background: linear-gradient(-180deg,rgba(90, 92, 150, 1) 0%, rgba(148, 149, 195, 1) 60%);
	}
	.engi_rediation .sec-step .step .box .recruit-start {
		background: linear-gradient(180deg,rgba(148, 149, 195, 0) 0%, rgba(148, 149, 195, 1) 30%, rgba(104, 105, 161, 1) 100%);
		bottom: 15%;
		left: inherit;
		width: 40px;
		height: 45%;
	}
	.engi_rediation .sec-step .step .box {
		min-height: 15rem;
	}
}
/* カリキュラム */
.engi_rediation .sec-pickup .flexBox .Box {
	border-color: var(--medical);
}
.engi_rediation .sec-pickup .flexBox .boxL h3 {
	color: var(--medical);
}
/* タイムテーブル */
.engi_rediation .lunch-style {
	background: var(--medical2) !important;
}
/* インタビュー */
.engi_rediation .sec-interview .interview-qa-box p {
	color: var(--medical);
}
.engi_rediation .sec-interview .dl_interview dd {
	background: #DCDCEC;
}
.engi_rediation .sec-interview.zaikou .dl_interview dt span {
	color: var(--medical);
}
.engi_rediation .sec-interview.zaikou .area_interview .text-block {
	background: var(--medical);
}
.engi_rediation .sec-interview.sotugyou .dl_interview dt span {
	color: var(--medical3);
}
.engi_rediation .sec-interview.sotugyou .area_interview .text-block {
	background: var(--medical4);
}
/* 動画 */
.engi_rediation .sec-movie .movie-flex p {
	border-color: var(--medical);
	color: var(--medical);
}