@charset "UTF-8";

.menu ul li:nth-child(6) {
	border-radius: 50px;
	background: #fff3c7;
}
.menu ul li:nth-child(6) a i {
	display: block;
}

/*--------------------------------
　資格
---------------------------------*/
.license {
	width: 1000px;
	margin: 50px auto;
}
.li-text {
	text-align: center;
}
.license section {
	width: 100%x;
	margin: 50px auto 100px;
}
.license .container {
	padding: 0 30px;
}
.license section h4 {
	margin-bottom: 50px;
}
@media only screen and (max-width: 499px) {
	.license {
		width: 100%;
		padding: 0 15px;
		margin: 30px auto;
	}
	.license section {
		margin: 30px auto;
	}
	.license .container {
		padding: 0;
	}
	.license section h4 {
		margin-bottom: 30px;
	}
}

/*--------------------------------
　説明
---------------------------------*/
.li-intro {
	width: 700px;
	margin: 50px auto;
	padding: 20px;
	background-color: #f2f2f2;
	position: relative;
}
.li-intro:after {
	position: absolute;
	content: "";
	right: 0px;
	top: 0px;
	border-width: 0 25px 25px 0;
	border-style: solid;
	border-color: #ccc #fff #ccc;
	box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15);
}
.li-intro div {
	background: #ffffff;
	border: 1px solid #cccccc;
	padding: 20px;
}
.li-intro p {
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 15px;
	background: #fff3c7;
	border: 1px solid #cccccc;
}
.li-intro ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 10px 20px;
}
.li-intro ul li {
	width: calc(50% - 15px);
	border-bottom: 1px solid #cccccc;
	text-align: left;
	padding-left: 15px;
}
@media only screen and (max-width: 499px) {
	.li-intro {
		width: 100%;
		padding: 15px;
	}
	.li-intro div {
		padding: 15px;
	}
	.li-intro p {
		font-size: 15px;
	}
	.li-intro ul li {
		width: 100%;
	}
}

/*--------------------------------
　フロー
---------------------------------*/
ul.flow li {
	margin-bottom: 20px;
	display: flex;
	justify-content: left;
	align-items: center;
	gap: 35px;
	padding: 15px 15px 15px 35px;
	border-radius: 20px;
}
ul.flow li i {
	font-size: 30px;
}
ul.flow li span {
	color: #121212;
}
@media only screen and (max-width: 499px) {
	ul.flow {
		margin-bottom: 70px;
	}
	ul.flow li {
		margin-left: 0;
		margin-bottom: 15px;
		padding: 10px 15px 10px 20px;
		gap: 15px;
	}
	ul.flow li i {
		font-size: 20px;
	}
}

/*--------------------------------
　申込方法
---------------------------------*/
section.moushikomi ul {
	color: #e6c220;
}
section.moushikomi ul li {
	background: #fff3c7;
	border-bottom: 1px dotted #e6c220;
}

/*--------------------------------
　提携資格学校
---------------------------------*/
.school-list ul {
	display: flex;
	flex-wrap: wrap;
}
.school-list ul li {
	width: 33.333%;
	background: #ffffff;
	border: 1px solid #cccccc;
	padding: 15px;
	margin-bottom: -1px;
	margin-right: -1px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
	text-align: center;
}
.school-list ul li img {
	max-width: 70%;
}
@media only screen and (max-width: 499px) {
	.school-list ul li {
		width: 50%;
	}
	.school-list ul li img {
		max-width: 90%;
	}
}

/*--------------------------------
　Wスクール
---------------------------------*/
section.w-school h4 {
	border-left: 7px solid #d63121;
	background: #feeae3;
}
section.w-school ul {
	margin: 50px auto;
	color: #d63121;
}
section.w-school ul li {
	background: #feeae3;
	border-bottom: 1px dotted #d63121;
}
@media only screen and (max-width: 499px) {
	section.w-school ul {
		margin: 30px auto 70px;
	}
}

/*--------------------------------
　学内講座
---------------------------------*/
.gakunai-table {
	margin: 50px auto 30px;
}
.gakunai-table table {
	width: 100%;
	font-size: 13px;
	border-collapse: collapse;
}
.gakunai-table table th,
.gakunai-table table td {
	border: 1px solid #cccccc;
	padding: 3px 10px;
}
.gakunai-table table th {
	background: #fff3c7;
}
.gakunai-table table tr td:nth-child(1),
.gakunai-table table tr td:nth-child(2),
.gakunai-table table tr td:nth-child(3),
.gakunai-table table tr td:nth-child(4) {
	white-space: nowrap;
}
section.gakunai p {
	text-align: center;
}
section.gakunai span {
	background: #fff3c7;
	padding: 5px 10px;
}
section.gakunai a {
	font-weight: 700;
	text-decoration: underline;
	margin: 0 10px;
}
section.gakunai a i {
	margin-left: 5px;
}
section.gakunai a:hover {
	opacity: 0.5;
}
@media only screen and (max-width: 499px) {
	.gakunai-table {
		margin: 30px auto;
	}
	.gakunai-table {
		width: 100%;
		display: block;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
	.gakunai-table table {
		width: 100%;
		min-width: 700px;
		font-size: 12px;
		white-space: nowrap;
	}
}