/*info_table*/
table.table01 {
margin: 0 auto;
font-weight: bold;
width: 98%;
word-break: break-all;
border-collapse: collapse;/*border-spacing: 0 10px;*//*間のうペース*/
}
table.table01 thead th {
color: #28A000;
padding: 10px;
background: #E7F2F9;
border:1px solid #28A000;
white-space: nowrap;
}
table.table01 tbody td {
padding: 10px;
vertical-align: middle;
text-align: center;
color: #28A000;
background: #FFFFFF;
border:1px solid #28A000;
font-size: 120%;
}
table.table01 tbody td:first-child {
font-size: 100%;
}
.ta_are{
line-height: 1;
}
table.table01 tbody td.ta_are02 {
padding: 0px;
line-height: 1;
}
.hosoku{
font-size: 100%;
line-height: 1.6;
margin: 0 auto;
width: 95%;
}
.ru_left{
border-top-left-radius: 5px;
}
.ru_right{
border-top-right-radius: 5px;
white-space: nowrap;
}
table.table02 {
margin: 0 auto;
font-size: 90%;
word-break: break-all;
border-collapse: separate;
/*border-spacing: 0 10px;*//*間のうペース*/
width: 95%;
}
table.table02 td,table.table02 th {
padding: 10px;
vertical-align: middle;
border: 1px solid #5DBB8C;   
background: #ffffff;
}
table.table02 td {
}
table.table02 th {
color: #5DBB8C; 
font-weight: bold;
}
table.table02 td img{
width: 50px;
height: 50px;
}
table.table02 td i{
margin-right: 0;
}
@media screen and (max-width: 1200px){
table.table01 tbody td {
font-size: 100%;
padding: 10px 5px;
}
table.table01 tbody td:first-child {
font-size: 85%;
padding: 10px 5px;
}
}
@media screen and (max-width: 900px){
table.table01 tbody td {
font-size: 90%;
padding: 10px 3px;
}
table.table01 tbody td:first-child {
font-size: 85%;
padding: 10px 3px;
}
}
@media screen and (max-width: 789px){

/*info_table*/
table.table01 {
width: 95%;
font-size: 85%;
font-weight: 500;
}
table.table01 thead th {
padding:5px;
}
table.table01 tbody td {
padding: 5px;
line-height: 1.2;
}
table.table01 tbody td:first-child {
font-size: 80%;
padding: 10px 1px;
}
table.table02 {
margin: 0 auto;
font-size: 90%;
width: 98%;
}
 table.table02 th {
font-size: 90%;
font-weight: inherit;
}
}
@media screen and (max-width: 600px) {
table.table01 {
width: 97%;
}
table.table01 thead th {
padding:3px;
}
table.table01 tbody td {
padding: 3px;
}
table.table02 td,table.table02 th {
padding: 8px 2px;
}
p.ta_are{
line-height: 1;
}
table.table01 tbody td.ta_are02 {
padding: 0px;
line-height: 1;
}
}