@charset "utf-8";

/*----------------------------------------------------------------
 /seminar/ under
----------------------------------------------------------------*/
/*----------------------------------------------------------------
 styles
----------------------------------------------------------------*/
/*-----------------------------------------------------
 seminar-list
-----------------------------------------------------*/
#seminar .seminar-list>li>dl{ margin: 0 0 40px 0; }
#seminar .seminar-list>li>dl>dt{
	border-top			: 5px solid var(--heading-color);
	padding				: 15px 0 0 0;
	font-size			: 1.8rem;
	font-weight			: 700;
	line-height			: 1.25;
	color				: var(--heading-color);
}
#seminar .seminar-list>li>dl>dd{ padding: 20px 0 15px 0; }
@media screen and (min-width: 769px) {
#seminar .seminar-list>li>dl{
	display				: flex;
	flex-direction		: row;
	justify-content		: space-between;
}
#seminar .seminar-list>li>dl>dt{
	flex				: 0 0 38%;
	font-size			: 2rem;
}
#seminar .seminar-list>li>dl>dd{ flex: 0 0 56.2%; }
}



#seminar .seminar-table:not(:first-child){
	margin: 20px 0;
}
@media screen and (max-width: 768px) {
#seminar .seminar-table,
#seminar .seminar-table tr,
#seminar .seminar-table th,
#seminar .seminar-table td,
#seminar .seminar-table thead,
#seminar .seminar-table tbody,
#seminar .seminar-table tfoot{
	display: block;
}
#seminar .seminar-table tr{
	border-bottom: 1px solid #FFF;
	padding: 5px 0;
}
#seminar .seminar-table tr:first-child{
	border-top: 1px solid #FFF;
}
}

@media screen and (min-width: 769px) {
#seminar .seminar-table th,
#seminar .seminar-table td{
	border-bottom: 1px solid #FFF;
	padding: 5px 0;
	vertical-align: top;
}
#seminar .seminar-table tr:first-child th,
#seminar .seminar-table tr:first-child td{
	border-top: 1px solid #FFF;
}
#seminar .seminar-table th{
	min-width: 90px;
}
}