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



/*------------------
   Table
------------------*/


.table_01{
width: 75%;
border-collapse: collapse;
margin: 0 auto;
margin-top: 20px;
margin-bottom: 20px;
}

.table_01 th{
width: 35%;
padding: 6px;
text-align: left;
vertical-align: top;
color: #333;
background-color: #eee;
border: 1px solid #b9b9b9;
}

.table_01 td{
padding: 6px;
background-color: #fff;
border: 1px solid #b9b9b9;
}

@media screen and (max-width:640px) {
.table_01{
width: 100%;
border-collapse: collapse;
margin: 0 auto;
margin-top: 20px;
margin-bottom: 20px;
}

.table_01 tr {
display: block;
margin-bottom: 10px;
}

.table_01 th{
display: block;
width: 100%;
padding: 10px;
text-align: left;
vertical-align: top;
color: #333;
background-color: #eee;
border: 1px solid #b9b9b9;
box-sizing: border-box;
}

.table_01 td{
display: block;
width: 100%;
padding: 10px;
background-color: #fff;
border: 1px solid #b9b9b9;
border-top: none;
box-sizing: border-box;
}
}