@charset "utf-8";
/* CSS Document */

.SeminarDate table,
.SeminarDate table th,
.SeminarDate table td,{
	-moz-box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	box-sizing: border-box !important;
	}

.SeminarDate table {
  border-top: 1px solid #999 !important;
  border-right: 1px solid #999 !important;
  border-collapse: collapse !important;
  width: 100% !important;
  margin: 30px 0 !important;
}
.SeminarDate table td {
  border-left: 1px solid #999 !important;
  border-bottom: 1px solid #999 !important;
  padding: 10px !important;
  text-align: center !important;
}

.SeminarDate table thead {
	  background-color: #eee !important;
}

.SeminarDate table thead th {
  border-left: 1px solid #999 !important;
  border-bottom: 1px solid #999 !important;
  padding: 10px !important;
  text-align: center !important;
}

.seminar h4{display:block;font-weight: bold;font-size: 1.3em;margin-bottom: 1em;margin-top: 5em;color: #504f4f;}
.seminar h5{display:block;color: #dc6907;font-size: 1.5em;/* font-weight: bold; */margin-bottom: 0.5em;}



@media (min-width:320px) and (max-width:728px) {
.SeminarDate table {
    border: none !important;
  }
.SeminarDate table thead {
    display: none !important;
  }
.SeminarDate table tr {
    border-top: 1px solid #999 !important;
    display: block !important;
    margin-bottom: 20px !important;
  }
.SeminarDate table td {
    border-right: 1px solid #999 !important;
    border-bottom: 1px solid #999 !important;
    display: block !important;
    padding: 10px !important;
    text-align: right !important;
  }
.SeminarDate table td::before {
    content: attr(data-label) !important;
    float: left !important;
    font-weight: bold !important;
  }
  
.seminar  h4{display:block;font-weight: bold;font-size: 1.3em;margin-bottom: 1em;margin-top: 2em;}
.seminar h5{display:block;font-size: 1.5em;margin-bottom: 0.5em;}
}