@charset "UTF-8";
/*----------------------------------------
-common
- SP
- PC

-----------------------------------------*/
.content_body{
	padding-top: 30px;
	background-color: #E4F4FD;
	padding-bottom: 30px;
}
.content_body h2 {
	text-align: center;
	margin-bottom: 20px;
	color: #036EB8;
	font-size: 2em;
	line-height: 1.5;
	margin: 15px;
}
.catch{
	display:block;
}
dl.f-item{
	position:relative;
	background-color:#036EB8;
}
dl.f-item dt{
	font-weight:bold;
}
dl.f-item dd{
	padding:8px 8px 0 8px;
	text-align:left;
	background-color:#036EB8;
}
.more_read {
	background-color :#036EB8;
}
.more_read a{
	margin: 0 -8px 0 -8px;
	display:block;
	padding: 8px 0;
	text-decoration:none;
	text-align:center;
}
.more_read a:link,.more_read a:visited{
	background:#fff;
}
.more_read a:hover,.more_read a:active{
	background:#e4f4fd;
}

/*----------------------------------------
- SP
-----------------------------------------*/
	@media screen and (max-width:786px){
	dl.f-item {
		margin-left: 5%;
		margin-right: 5%;
		background: #FFFFFF;
		margin-bottom: 25px;
		border: #036EB8 solid 1px;
		padding-top:30%;
	}
	dl.f-item dt{
		color: #036EB8;
		text-align: center;
		background: #FFFFFF;
		padding: 15px 6px;
		border-top: #036EB8 solid 1px;
	}
	dl.f-item dd{
		padding:8px 8px 0 8px;
		background: #E4F4FD;
		font-size: 12px;
		color: #036EB8;
	}
	.more_read a{
		margin: 4px -8px 0 -8px;
	}
	dl#online_eikaiwa{
		background: url("../../img/plan06_sp.jpg") top center no-repeat #EBEBEB;
		background-size: 118%;
	}
	dl#online_ryugaku{
		background: url("../../img/plan_ab_sp.jpg") top center no-repeat #EBEBEB;
		background-size: 118%;
	}
	dl#online_business{
		background: url("../../img/plan_biz_sp.jpg")top center no-repeat #EBEBEB;
		background-size: 118%;
	}
	dl#online_eiken{
		background: url("../../img/plan01_sp.jpg") top center no-repeat #EBEBEB;
		background-size: 118%;
	}
	dl#online_toeic{
		background: url("../../img/plan04_sp.jpg")top center no-repeat #EBEBEB;
		background-size: 118%;
	}
	dl#online_toefl{
		background: url("../../img/plan_toefl_sp.jpg")top center no-repeat #EBEBEB;
		background-size: 118%;
	}
	dl#online_ielts{
		background: url("../../img/plan_toefl_sp.jpg")top center no-repeat #EBEBEB;
		background-size: 118%;
	}
		dl#online_fromabroad{
		background: url("../../img/plan_fa_sp.jpg")top center no-repeat #EBEBEB;
		background-size: 118%;
	}
	dl#online_intensive{
		background: url("../../img/plan_onlineintensive_sp.jpg")top center no-repeat #EBEBEB;
		background-size: 118%;
	}
	dl#online_university{
		background: url("../../img/plan_university_sp.jpg")top center no-repeat #EBEBEB;
		background-size: 118%;
	}
	dl#online_high{
		background: url("../../img/plan01_2_sp.jpg")top center no-repeat #EBEBEB;
		background-size: 118%;
	}
	dl#online_jhigh{
		background: url("../../img/plan_jhigh_sp.jpg")top center no-repeat #EBEBEB;
		background-size: 118%;
	}
	dl#online_elementary{
		background: url("../../img/plan05_sp.jpg")top center no-repeat #EBEBEB;
		background-size: 118%;
	}
	dl#online_kyufukin{
		background: url("../../img/plan_kyufukin_sp.jpg")top center no-repeat #EBEBEB;
		background-size: 118%;
	}	
		.pcNone{
			display: inline;
		}
}
/*----------------------------------------
- PC
-----------------------------------------*/
	@media screen and (min-width:787px){
	div#online_lesson_course_list{
		display: flex;
		flex-wrap: wrap;
		width: 970px;
		margin: 0 auto;
		justify-content: space-between;
	}
	dl.f-item {
		padding-top:103px;
		width:230px;
		background: #EBEBEB;
		margin-bottom: 25px;
		border: #036EB8 solid 1px;
		height:180px;
	}
	div#online_lesson_course_list::before {
		display: block;
		content:"";
		width: 230px;
		order:1;
	}
	div#online_lesson_course_list::after {
		display: block;
		content:"";
		width: 230px;
	}
	dl.f-item dt {
		color: #036EB8;
		text-align: center;
		background: #FFFFFF;
		padding: 15px 6px;
		border-top: #036EB8 solid 1px;
	}
	dl.f-item dd{
		align-items: center;
		color: #595757;
		font-size: 12px;
		background: #EBEBEB;
		vertical-align: middle;
		max-height:120px;
	}
	.more_read a{
		width:100%;
		position:absolute;
		bottom:0;
	}
	dl#online_toeic dt, dl#online_toefl dt{
		letter-spacing: -0.08em;
	}
	dl#online_eikaiwa{
		background: url("../../img/plan06_pc.jpg") top center no-repeat #EBEBEB;
		background-size: auto 108px;
	}
	dl#online_ryugaku{
		background: url("../../img/plan_ab_pc.jpg") top center no-repeat #EBEBEB;
		background-size: auto 108px;
	}
	dl#online_business{
		background: url("../../img/plan_biz_pc.jpg")top center no-repeat #EBEBEB;
		background-size: auto 108px;
	}
	dl#online_eiken{
		background: url("../../img/plan01_pc.jpg") top center no-repeat #EBEBEB;
		background-size: auto 108px;
	}
	dl#online_toeic{
		background: url("../../img/plan04_pc.jpg")top center no-repeat #EBEBEB;
		background-size: auto 108px;
	}
	dl#online_toefl{
		background: url("../../img/plan_toefl_pc.jpg")top center no-repeat #EBEBEB;
		background-size: auto 108px;
	}
	dl#online_ielts{
		background: url("../../img/plan_toefl_pc.jpg")top center no-repeat #EBEBEB;
		background-size: auto 108px;
	}
		dl#online_fromabroad{
			background: url("../../img/plan_fa_pc.jpg")top center no-repeat #EBEBEB;
		background-size: auto 108px;
		}
	dl#online_intensive{
		background: url("../../img/plan_onlineintensive_pc.jpg")top center no-repeat #EBEBEB;
		background-size: auto 108px;
	}
	dl#online_university{
		background: url("../../img/plan_university_pc.jpg")top center no-repeat #EBEBEB;
		background-size: auto 108px;
	}
	dl#online_high{
		background: url("../../img/plan01_2_pc.jpg")top center no-repeat #EBEBEB;
		background-size: auto 108px;
	}
	dl#online_jhigh{
		background: url("../../img/plan_jhigh_pc.jpg")top center no-repeat #EBEBEB;
		background-size: auto 108px;
	}
	dl#online_elementary{
		background: url("../../img/plan05_pc.jpg")top center no-repeat #EBEBEB;
		background-size: auto 108px;
	}
	dl#online_kyufukin{
		background: url("../../img/plan_kyufukin_pc.jpg")top center no-repeat #EBEBEB;
		background-size: auto 108px;
	}
	.pcNone{
		display: none;
	}
}
/*20240220追加*/
.lessonstyle{
	text-align: center;
	margin-bottom: 2rem;
}
.online_grp,
.online_prvt{
	display: inline-block;
	padding: 5px 10px 3px;
	margin: 0 1rem 1rem 0;
	color: #fff;
}
.online_grp{
	background: #FF4C4F;
}
.online_prvt{
	background: #356FAC;
}