@charset "UTF-8";
/* CSS Document */

/*30.AIシステム科*/
/*PC*/
@media only screen and (min-width: 1025px) {
	/*メインビジュアル*/
	.course_ais ul.course-header_list {
		margin-bottom: 160px;
	}
	
	/*こんな人にオススメ！*/
	.course_ais .section-content_graph div.graph div h4 {
		margin-bottom: 30px;
		font-size: 26px;
		font-weight: bold;
		letter-spacing: 2px;
		line-height: 26px;
		text-align: center;
		color: #B81C22;
	}
	
	.course_ais .section-content_graph div.graph {
		margin-right: 80px;
	}
	
	.course_ais .section-content_graph div.course {
		width: 200px;
	}
	
	/*テキスト*/
	.course_ais .section-content ._padding-b50 {
		width: 830px;
		padding-bottom: 50px;
	}
	
	/*AIシステム科の特色*/
	.course_ais .section-content.connect-top .section-content_wrap {
		margin-top: 0;
	}
	
	.course_ais .section-content .ais_wrap {
		width: 100%;
		max-width: 100%;
	}
	
	.course_ais .section-content .ais_wrap .section-content_inner {
		padding-top: 60px;
	}
	
	.course_ais .section-content .ais_wrap ul {
		width: 920px;
		margin: 0 auto 0 auto;
	}
	
	/*めざせる職種（例）*/
	dd.ais_g ul.list-grid {
		display: block;
	}
	
	dd.ais_g ul.list-grid li {
		display: block;
		position: relative;
		width: 360px;
		margin: 0 auto 15px auto;
		padding-left: 25px;
		font-size: 16px;
		font-weight: normal;
		letter-spacing: 1px;
		line-height: 16px;
		box-sizing: border-box;
	}
	
	dd.ais_g ul.list-grid li::before {
		content: "";
		position: absolute;
		top: 50%;
		left: 0;
		transform: translateY(-50%) translateX(0);
		width: 15px;
		height: 15px;
		border-radius: 100px;
		background: #B81C22;
	}
	
	dd.ais_tm ul.list-grid li.image {
		display: block;
		position: relative;
		width: 130px;
		height: auto;
	}
	
	/*授業紹介*/
	.course_ais .section-content .ais_course {
		width: 100%;
		max-width: 100%;
	}
	
	.course_ais .section-content.connect-top .section-content_wrap h3.ais_h3 {
		background: #D4777A;
	}
	
	.course_ais .section-content.connect-top .section-content_wrap h3.ais_h3 span {
		color: #FFFFFF;
	}
	
	/*カリキュラム*/
	.course_ais .section-content .section-content_wrap._radius {
		width: 100%;
		max-width: 100%;
	}
	
	.course_ais .section-content .section-content_wrap._radius2 {
		width: 100%;
		max-width: 100%;
	}
	
}

/*SMP*/
@media only screen and (max-width: 1024px) {
	/*メインビジュアル*/
	.course_ais ul.course-header_list {
		margin-bottom: 115px;
	}
	
	/*こんな人にオススメ！*/
	.section-content_graph div.graph div h4 {
		margin-bottom: 20px;
		font-size: 15px;
		font-weight: bold;
		letter-spacing: 1px;
		line-height: 15px;
		text-align: center;
		color: #B81C22;
	}
	
	/*AIシステム科の特色*/
	.course_ais .section-content_list-num li.item span.item span.num {
		display: block;
		position: relative;
	}
	
	.course_ais .section-content_list-num li.item span.item span.txt {
		margin-left: 0;
		margin-bottom: 8px;
	}
	
	/*めざせる職種（例）*/
	dd.ais_g ul.list-grid {
		display: block;
	}
	
	dd.ais_g ul.list-grid li {
		display: block;
		position: relative;
		width: 100%;
		margin: 0 auto 10px auto;
		padding-left: 18px;
		font-size: 14px;
		font-weight: normal;
		letter-spacing: 0.5px;
		line-height: 14px;
		box-sizing: border-box;
	}
	
	dd.ais_g ul.list-grid li::before {
		content: "";
		position: absolute;
		top: 50%;
		left: 0;
		transform: translateY(-50%) translateX(0);
		width: 10px;
		height: 10px;
		border-radius: 100px;
		background: #B81C22;
	}
	
	dd.ais_tm ul.list-grid li.image {
		align-self: self-start;
	}
	
	/*授業紹介*/
	.course_ais .section-content.connect-top .ais_course {
		margin-top: 0;
	}
	
	.course_ais .section-content.connect-top .section-content_wrap h3.ais_h3 {
		background: #D4777A;
	}
	
	.course_ais .section-content.connect-top .section-content_wrap h3.ais_h3 span {
		color: #FFFFFF;
	}
	
	/*1週間のタイムスケジュール例 （1年次）*/
	.ais_ts .section-content_inner {
		padding-bottom: 0!important;
	}
	
	/*他学科*/
	.course-footer_link {
		padding-top: 30px!important;
		padding-bottom: 40px!important;
	}
	
	.course_ais .course-footer_link li a p {
		color: #333;
	}
	
}

/*共通*/
.course_ais #main_content {
	--base-bg-color: #F0D1D2;
	--section-bg-color: #B81C22;
	--section-text-color: #FFFFFF;
	--hero-text-color: #B81C22;
	--header-image: url("/images/course/ais/img_header.png");
	--header-image-sp: url("/images/course/ais/img_header-sp.png");
	--header-sp-height: 360px;
}

.section-content.course_ais {
	background: #B81C22;
	color: #fff;
}

.course_ais .course-header_inner p span {
	color: #B81C22;
}