@charset "UTF-8";
main { display: block;}

article { background: #f5f5f5;}

.dib { display: inline-block;}

.section_inr { margin-bottom: 50px;}

.target_course { text-align: center;}

.work_ttl {
	font-weight: bold;
	line-height: 1;
	font-size: 24px;
	line-height: 1.4;
	text-align: center;
	border-top: solid 1px #999;
	border-bottom: solid 1px #999;
	padding: 10px 0;
}

.work_ttl span {
	display: inline-block;
	font-weight: inherit;
}

.work_ttl span.f_large { font-size: 30px;}

/*
.work_ttl span.f_small {
	font-size: 14px;
	color: #fff;
	background: #888;
	padding: 0.5em 3em;
	border-radius: 14px;
	margin-bottom: 15px;
	line-height: 1;
}
*/

.target_course dl {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin: 0 auto 20px;
}

.target_course dt {
	font-weight: bold;
}

.course_list li {
	display: inline-block;
	font-weight: bold;
}

.course_list li:before {
	content: "▶";
	color: #e30070;
	margin-right: 1em;
	font-size: 50%;
}

.course_list li:not(:last-child) {
	margin-right: 2em;
}

.target_course .btn {
	padding: 20px;
	width: 300px;
	max-width: 100%;
	display: block;
	margin: 20px auto;
}

.work_wrap {
	background: #fff;
	margin-bottom: 20px;
}

.work_wrap h4 {
	position: relative;
	font-weight: bold;
	font-size: 21px;
	padding-left: 1.3em;
}

.work_wrap h4:before {
	content: "";
	display: block;
	position: absolute;
	width: 1em;
	height: 1em;
	left: 0;
	top: 0.1em;
	border-radius: 50%;
}

h4.gold:before {
	background: rgb(207,185,84);
	background: linear-gradient(120deg, rgba(207,185,84,1) 0%, rgba(215,198,93,1) 50%, rgba(164,148,86,1) 100%);
}

h4.silver:before {
	background: rgb(196,196,196);
	background: linear-gradient(120deg, rgba(196,196,196,1) 0%, rgba(212,212,212,1) 50%, rgba(147,147,147,1) 100%);
}

.work_wrap dl { margin-bottom: 0;}

.work_wrap dt { font-weight: bold;}

.work_wrap dd {
	margin: 0;
	line-height: 1.8;
}

#article_ftr .section_inr {
	text-align: center;
	margin-bottom: 0;
}

.gaiyo {
	display: inline-block;
	text-align: left;
	border: solid 1px #999;
	padding: 20px 30px;
	font-size: 14px;
	line-height: 1.8;
	margin-top: 0;
}

.gaiyo dt {
	font-weight: bold;
}

.gaiyo dd {
	margin: 0;
}

#article_ftr .f_large {
	font-size: 120%;
	font-weight: bold;
	margin-top: 20px;
}

#article_ftr .btns { padding-bottom: 50px;}

@media(min-width:800px) {
	article > section:first-of-type { margin-top: 70px; padding: 60px 0 0;}
}

@media(min-width:900px) {
	.work_wrap { display: flex; flex-wrap: wrap; justify-content: space-between; flex-direction: row-reverse; padding: 50px;}
	.work_wrap .img_area { width: 300px;}
	.work_wrap .txt_area { width: calc( 100% - 300px - 40px );}


}

@media(max-width:899px) {
	.work_wrap { padding: 40px;}
	.work_wrap .img_area { width: 300px; max-width: 100%; margin: 0 auto 20px;}
}

@media(max-width:799px) {
	article > section:first-of-type { margin-top: 40px; padding: 3vw;}
	article > section:first-of-type .section_inr { margin-bottom: 0;}
	.section__heading { margin-bottom: 0;}
}

@media(max-width:768px) {
	.work_ttl { font-size: 18px;}
	.work_ttl span.f_large { font-size: 24px;}
	.target_course dd { line-height: 1.8;}
	#article_ftr .section_inr { text-align: left;}
	#article_ftr .f_large { font-size: 100%;}
	#article_ftr .f_large br { display: none;}
}

@media(max-width:599px) {
	.work_ttl span { width: 100%;}
}

@media(max-width:499px) {
	.work_wrap { padding: 4vw;}
	.work_ttl { font-size: 16px;}
	.work_ttl span.f_large { font-size: 21px;}
	.work_ttl span.f_small { padding: 0.5em 1em; font-size: 12px;}
	.target_course .btn { padding: 15px 10px;}
	.target_course dd { font-size: 14px;}
}

@media(max-width:399px) {
	section p { line-height: 1.8;}
	.section_inr { margin-bottom: 30px;}
	.work_wrap dl { margin: 0;}
	.work_wrap dd { font-size: 14px; line-height: 1.6;}
	.gaiyo { padding: 20px;}
}