@charset "UTF-8";



/* ------------------------------
	.lecture
------------------------------ */
.lecture{
	position: relative;
	padding: 60px 0 50px;
}

.lecture .ttl_box{
	display: flex;
	align-items: center;
	margin-bottom: 45px;
}

.lecture .ttl_box .ttl{
	font-size: 5.0rem;
	font-weight: 500;
	line-height: 1.3;
}

.lecture .note_txt{
	margin-bottom: 25px;
}

.lecture .ttl_box .select_box{
	flex-shrink: 0;
	margin-left: 30px;
	background: #111 url(../img/lecture/select_ico01.svg) no-repeat;
	background-position: calc(100% - 15px) center;
}

.lecture .ttl_box .select_box select{
	padding: 10px 45px 10px 20px;
	background: transparent;
	color: #fff;
	font-weight: bold;
	line-height: 1;
}
.lecture .ttl_box .select_box select option{
	color: #111;
}

.table_box + .table_box{
	margin-top: 100px;
}

.table_box table{
	width: 100%;
}

.table_box th,
.table_box td{
	padding: 20px 20px;
	border-bottom: 1px solid #707070;
	line-height: 1.6;
}

.table_box th{
	padding: 24px 30px;
	font-weight: 500;
	font-size: 1.8rem;
}

.table_box tr > *:nth-child(odd){
	background: #E6E6E6;
}
.table_box tr > *:nth-child(even){
	background: #fff;
}

.table_box tr > *:nth-child(1){
	width: 33%;
}
.table_box tr > *:nth-child(2){
	width: 52%;
}
.table_box tr > *:nth-child(3){
	width: 15%;
}

.table_box tr:first-child th{
	padding: 8px 10px;
	background: #111;
	color: #fff;
	text-align: center;
	font-size: 1.6rem;
	font-weight: normal;
	border-bottom: 1px solid #fff;
}
.table_box tr:first-child th + th{
	border-left: 1px solid #fff;
}


@media screen and (max-width: 768px){
	.lecture{
		padding: 65px 0 60px;
	}

	.lecture .ttl_box{
		margin-bottom: 40px;
	}

	.lecture .ttl_box .ttl{
		font-size: 3.2rem;
	}

	.lecture .ttl_box .select_box{
		margin-left: 20px;
		background-position: calc(100% - 10px) center;
	}
	.lecture .ttl_box .select_box select{
		padding: 8px 40px 8px 10px;
	}

	.lecture .note_txt{
		margin-bottom: 10px;
		font-size: 1.2rem;
	}

	.table_box + .table_box{
		margin-top: 50px;
	}

	.table_box th,
	.table_box td{
		padding: 5px 8px;
		line-height: 1.5;
		font-size: 1.2rem;
	}

	.table_box th{
		padding: 5px 8px;
	}


	.table_box tr:first-child th{
		padding: 5px 8px;
		font-size: 1.2rem;
	}

	.table_box tr > *:nth-child(1){
		width: 32%;
	}
	.table_box tr > *:nth-child(2){
		width: 46%;
	}
	.table_box tr > *:nth-child(3){
		width: 22%;
	}
}