@charset "utf-8";

#seminar .mv_subpage{
	background: url("../img/seminar/mv_bg.jpg") no-repeat center center / cover;
}

#seminar .merit{
	padding: 9rem 0 12rem;
}
#seminar .merit .column2_470 li{
	background: #fff;
}

#seminar .program{
	padding: 10rem 0 12rem;
	background: url("../img/seminar/program_bg.jpg") no-repeat center top / cover;
}
#seminar .program .inner .program_wrap{
	margin-bottom: 8.5rem;
}
#seminar .program .inner .program_wrap .column2_470 li{
	padding: 2rem 3.5rem 1rem;
}
#seminar .program .inner .program_wrap .column2_470 li dl{
	margin-bottom: 0;
}
#seminar .program .inner .program_wrap .column2_470 li dl dt{
	font-size: 2.4rem;
	font-weight: bold;
	position: relative;
	padding-bottom: 0.5rem;
	margin-top: 2.5rem;
}
#seminar .program .inner .program_wrap .column2_470 li dl dt::after{
	display: block;
	content: "";
	width: 100%;
	height: 2px;
	background: linear-gradient(to right, #3fa9f5 0%, #afe6fa 100%);
	position: absolute;
	bottom: 0;
	left: 0;
}
#seminar .program .inner .program_wrap .column2_470 li dl dd{
	font-size: 1.6rem;
	line-height: 1.875;
}


@media screen and (min-width: 768px) and (max-width: 1024px){	
	#seminar .merit h3 + p{
		margin-bottom: 3rem;
	}
}


@media screen and (max-width:767px) {
	#seminar .mv_subpage{
		background: url("../img/seminar/sp/mv_bg.jpg") no-repeat center center / cover;
	}
	
	#seminar .merit{
		padding: 12.67vw 0 20.67vw;
	}
	#seminar .merit ul li{
		padding: 7.3vw;
		margin-top: 5.3vw;
	}
	#seminar .merit ul li:first-child{
		margin-top: 6.7vw;
	}
	#seminar .merit ul li dl dt img{
		width: 60px;
	}
	#seminar .merit ul li figure img{
		width: 100%;
	}
	
	
	#seminar .program{
		padding: 12vw 0 0;
		background: url("../img/seminar/sp/program_bg_sp.jpg") no-repeat center top / cover;
	}
	#seminar .program .inner .program_wrap{
		margin-bottom: 0;
		padding-bottom: 10.67vw;
	}
	#seminar .program .inner .program_wrap .column2_470  li{
		padding: 0;
	}
	#seminar .program .inner .program_wrap .column2_470 li figure img{
		width: 100%;
	}
	#seminar .program .inner .program_wrap .column2_470 li dl dt{
		font-size: 4.8vw;
		margin: 4vw 0;
	}
	#seminar .program .inner .program_wrap .column2_470 li dl dd{
		font-size: 3.73vw;
		line-height: 2;
	}
}