@charset "UTF-8";
/* CSS Document */
.flex-wrap{
  max-width: 1000px;
  margin: 20px auto 0 auto;
}
.mb_1em {
	margin-bottom: 1em;
}

.mb_40 {
	margin-bottom: 40px;
}

.right {
	text-align: right;
}
.column_table{
	margin: 30px auto;
	}
.column_table,
.column_table td,
.column_table th {
  border: 1px solid #C5CCD5;
  border-collapse: collapse;
  text-align: center;
}
.column_table thead th {
	padding: 5px;
	color: #0D264C;
}

.column_table tbody th {
  background: #0D264C;
  color: #fff;
  padding: 4px 12px;

}

.column_table td {
  background: #F5F8FD;
  padding: 4px 12px;
  text-align: left;
}

.br_none {
	display: none;
}

@media(max-width:999px){
  .flex-wrap{
    padding: 0 15px 0 15px;
  }
}
@media(max-width:767px){

	.br_none {
	display: block;
}

.column_table,
.column_table td,
.column_table th {
  border: 0.5px solid  #C5CCD5;
}
.column_table thead th {
  display: none;
}

.column_table tbody th {
  display: block;
  width: 100%;
}

.column_table td {
  display: block;
  width: 100%;
  padding: 10px;
}

/*	.column_table td[data-title]::before {
  color: #666;
  content: attr(data-title) " :";
  font-weight: bold;
  padding: 0 10px 0 0;
  display: inline;
}*/
}
@media(max-width:499px){
  .flex-wrap{
    padding: 0 15px;
  }
  .base h2{
    font-size: 2.2rem;
    padding-bottom: 10px;
  }
}