@charset "utf-8";

/* ---------------------------------------- 
 - courses_about
---------------------------------------- */
.courses_about {
	border-bottom: solid 1px #111;
}
.courses_about:last-child {
	border-bottom: none;
}
.courses_about .inner {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 75px 0;
	display: flex;
	justify-content: space-between;
}
/* courses_about_ttl */
.courses_about_ttl {
	font-size:3.2rem;
	line-height: 1.6;
	font-weight: bold;
	width: 30%;
}
.courses_about.is-junior .courses_about_ttl {
    color: #0b5c0b;
}
.courses_about.is-senior .courses_about_ttl {
	color: #122f65;
}
/* courses_about_list */
.courses_about_list {
	width: 66%;
	max-width: 790px;
}
body#page-senior .courses_about_list {
	width: 100%;
    max-width: 1000px;
    margin: auto;
}
.courses_about_list .courses_box {
	margin-bottom: 75px;
}
.courses_about_list .courses_box:last-child {
	margin-bottom: 0;
}
.courses_about_list .courses_box .ttl {
	font-size:2.4rem;
	line-height: 1.6;
	font-weight: bold;
	margin-top: 0.5em;
	margin-bottom: 1.0em;
	display: flex;
	align-items: center;
}
.courses_about.is-junior .courses_about_list .courses_box .ttl {
    color: #0b5c0b;
}
.courses_about.is-senior .courses_about_list .courses_box .ttl {
	color: #122f65;
}
.courses_about_list .courses_box .ttl:first-child {
	margin-top: 0;
}
.courses_about_list .courses_box .ttl > span {
	font-size:1.8rem;
	border: solid 1px #111;
	padding: 0.1em 0.3em;
	margin-right: 1.0em;
	white-space: nowrap;
}
.courses_about.is-junior .courses_about_list .courses_box .ttl > span {
    border-color: #0b5c0b;
}
.courses_about.is-senior .courses_about_list .courses_box .ttl > span {
	border-color: #122f65;
}
.courses_about_list .courses_box .point {
	background-color: #ececec;
	border-radius: 15px;
	padding: 20px 30px;
	margin: 1.0em 0;
}
.courses_about_list .courses_box .point:last-child {
	margin-bottom: 0;
}
.courses_about_list .courses_box .point .point_ttl {
	font-size:1.8rem;
	line-height: 1.6;
	font-weight: bold;
	margin-bottom: 0.5em;
}
.courses_about.is-junior .courses_about_list .courses_box .point .point_ttl {
    color: #0b5c0b;
}
.courses_about.is-senior .courses_about_list .courses_box .point .point_ttl {
	color: #122f65;
}
.courses_about_list .courses_box .point ul.list li {
	text-indent: -1.0em;
	margin-left: 1.0em;
}
.courses_about_list .courses_box .point ul.notice li {
	font-size:1.4rem;
	text-indent: -1.0em;
	margin-left: 1.0em;
}
@media screen and (max-width: 1024px) {
	.courses_about .inner {
		display: block;
		padding-top: 60px 0;
	}
	/* courses_about_ttl */
	.courses_about_ttl {
		width: 100%;
		margin-bottom: 1.0em;
	}
	/* courses_about_list */
	.courses_about_list {
		width: 100%;
		max-width: 100%;
	}
}
@media screen and (max-width: 768px) {
	.courses_about .inner {
		padding: 40px 0;
	}	
	/* courses_about_ttl */
	.courses_about_ttl {
		font-size:2.4rem;
	}	
	/* courses_about_list */
	.courses_about_list .courses_box {
		margin-bottom: 50px;
	}
	.courses_about_list .courses_box .ttl {
		font-size:2.0rem;
		line-height: 1.6;
		margin-bottom: 0.5em;
		display: block;
	}
	.courses_about_list .courses_box .ttl > span {
		font-size:1.6rem;
		display: inline-block;
        margin-bottom: 0.5em;
	}
	.courses_about_list .courses_box .point {
		border-radius: 10px;
		padding: 15px 5%;
		margin: 0.5em 0;
	}
	.courses_about_list .courses_box .point .point_ttl {
		font-size:1.6rem;
	}
}