@charset "utf-8";






.sec_course .list{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 2em;
}

.sec_course .list .img_area{
	width: 80%;
	max-width: 460px;
	margin: 0 auto 1em;
}


.sec_02 h3{
	text-align: left;
}
.sec_02 h3 .small{
	font-size: clamp(1rem, 0.909rem + 0.45vw, 1.25rem);
}


.sec_02 .list dl:not(:last-child){
	border-bottom: 4px dotted #ccc;
	padding-bottom: 1em;
	margin-bottom: 1em;
}
.sec_02 .list dt{
	width: 4em;
	font-weight: bold;
}
.sec_02 .list dd{width: calc(100% - 4em - .5em);}



@media (max-width: 799px){


.sec_course .list{
	grid-template-columns: repeat(1, 1fr);
	gap: 3em;
}



}


@media (max-width: 599px){


.sec_02 .list dt,.sec_02 .list dd{width: 100%;}
.sec_02 .list dt{margin-bottom: .25em;}


}