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

.class_table {
  border-collapse: collapse;
  margin: 0px auto;
  padding: 0;
  width: 100%;
  /*box-shadow: 0 0 15px -6px #00000073;*/
  text-align: center;
  font-size: 15px;
}

.class_table tr {
  background-color: #fff;
}
.class_table th,
.class_table td {
  padding: 0px 5px 0px 5px;
  border-bottom: 1px solid #eee;
}
.class_table thead th {
  font-size: 18px;
  padding: 0px 5px 0px 5px;
}
.class_table thead tr{
  background-color: #28285E;
  color:#fff;
}
.class_table tbody th {
  text-align: left;
  font-size: 15px;
}

/*
tbody:hover td,tbody:hover th {
	color: transparent;
	text-shadow: 0 0 3px #aaa;
  background:#eee
}

tbody:hover tr:hover td,
tbody:hover tr:hover th{
	color: #444;
	text-shadow: 0 1px 0 #fff;
    background:#fff
}
*/

.flex_class-box {
	display: flex; 
    background-color: #eeeeee; 
    padding:  10px;
	align-items: center;
}
 
.flex_class-item {
    padding: 10px;
    color:  #000;
    margin:  10px;
    border-radius:  5px;  
}
 
.flex_class-item:nth-child(1) {
	min-width: 300px;
    background-color:  #28285E;
}
 
.flex_class-item:nth-child(2) {
	text-align: justify;
	line-height:175%;
	color: #000;
    background-color:  #fff;
}


/*Media Query スマホ用*/
@media screen and (max-width: 768px) {
	
    .flex_class-box {
	flex-wrap: wrap;
    justify-content: space-evenly;
    }

	.flex_class-item:nth-child(1) {
	/*min-width: 300px;*/
	width: 100%;
    background-color:  #28285E;
    }
}

/*Media Query タブレット用*/
@media (min-width: 768px){
}