@charset "utf-8";

:root{
}

div.normal_table{
	table{
		width:100%;
		tr{
			th{
				text-align: left;
				&:nth-of-type(2){
					width:10em;
				}
			}
			&:nth-of-type(1){
				th{
					text-align: center;
				}
			}
		}
	}
}

#q_top_com{
	text-align: left;
	width:min(760px,100%);
	margin:0 auto;
	aside{
		font-size: .9em;
		margin:.3em auto 0 auto;
		color:red;
	}
}

#q_bottom{
	margin:30px auto 0 auto;
	text-align: left;
	
}

/* 小田・追加コード------------------------小田・追加コード------------------------小田・追加コード */

.qualificationCourse{
	margin: clamp(1.5625rem, 1.0316rem + 2.2654vw, 3.75rem) auto 0;
	width: fit-content;
}
.qualificationCourse dl{
	display: flex;
	gap: 10px 30px;
	flex-wrap: wrap;
}
.qualificationCourse div{
	display: flex;
	gap: 10px;
}

span.course{
	display: inline-block;
	margin-left: .5em;
	padding: 0 5px;
	border-radius: 5px;
	letter-spacing: 0.05em;
}

span.web{
	background-color: #FBE0E0;
	border: 2px solid #ED7878;
}
span.oa{
	background-color: #E0F1FB;
	border: 2px solid #77C2EE;
}
span.ai{
	background-color: #E0FBE6;
	border: 2px solid #88DD9A;
}

h3.section_title{
	margin: 30px 0 25px;
	span{
		font-size: .8rem;
		color:#666;
		margin:0 0 0 1em;
		font-weight: 400;
	}
}

/*.normal_table table tr+tr th{
	display: flex;
	flex-wrap: wrap;
}*/

@media screen and (max-width:500px) {
	.normal_table table tr+tr th{
		flex-direction: column;
	}
	.normal_table table tr+tr th div{
		margin-top: 3px;
	}
	span.course{
	display: inline-block;
	margin-left: 5px;
	padding: 0 5px;
	border-radius: 5px;
	letter-spacing: 0.05em;
	}

}