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

.pc { 
  display:block;
}
.sp { display: none; }
.midashi { display: none; }
.midashi2 { display: none; }
/***テーブル１***/
table.table01 span {
  color:#0ca897;
  font-weight: 500;
}
table.table01 {
	width:100%;
	border-right:#fff solid 4px;
	border-collapse: collapse;
  font-family: sans-serif;
  text-align: center;
  font-size:0.8rem;
}
table.table01 thead th {
	background:#12c9b5;
	color:#FFF;
	padding:10px 8px;
	border-right:#FFF solid 4px;
	border-bottom:#FFF solid 4px;
 
}
table.table01 thead th:last-child {
	border-right:#fff solid 4px;
}
table.table01 tbody th {
	background:#12c9b5;
	color:#FFF;
	padding:10px 8px;
	border-bottom:#FFF solid 4px;
	vertical-align:middle;
 
}
table.table01 tbody tr:last-child th {
	border-bottom:#fff solid 4px;
}
table.table01 tbody td {
	background:#e8e8e8;
	padding:10px 15px;
	border-left:#fff solid 4px;
	border-bottom:#fff solid 4px;
  vertical-align: middle;
}
table.table01 tbody td p {
	padding:0 !important;
}

@media screen and (max-width: 750px) {
table.table01 thead {
	display:none;
  font-size:0.85rem!important;
}
table.table01 tbody th {
	display:block;
  font-size:0.85rem!important;
}
table.table01 tbody td {
	display:block;
  text-align: left;
  border-left:none;
}
table.table01 tbody td::before {
	content: attr(label);
	float: left;
	clear:both;
	font-weight:bold;
}
table.table01 tbody td p {
  font-size:0.9rem!important;
}
.midashi { display:inline-block;
  margin-right:10px;
  font-weight: 600;
  width:40%;
  vertical-align: top;
  } 
  .naiyou {
   display: inline-block;
    width:55%;
  }
.midashi2 { 
  display:inline-block;
  font-weight: 600;
  width:100%;
  vertical-align: top;
  } 
  .naiyou2 {
   display: inline-block;
    width:80%;
    margin-left:40px;
  }
.pc { display: none !important; }
.sp { display: block !important; }
}

/***テーブル２***/
table.table02 span {
  color:#0ca897;
  font-weight: 500;
}
table.table02 {
	width:100%;
	border:#e8e8e8 solid 8px;
	border-collapse: collapse;
  font-family: sans-serif;
  font-size:0.8rem;
}
table.table02 tbody th {
	background:#12c9b5;
	color:#FFF;
	padding:10px 14px;
  text-align: center;
	vertical-align:middle;
  width:30%;
}
table.table02 tbody td {
	background:#e8e8e8;
	padding:10px 10px;
  vertical-align: middle;
  text-align: left;
}
table.table02 tbody td p {
	padding:0 !important;
}

@media screen and (max-width: 750px) {
table.table02 {
  border:none;
  }
table.table02 thead {
	display:none;
}
table.table02 tbody th {
	display:block;
  width:auto;
}
table.table02 tbody td {
	display:block;
  text-align: left;
  margin-top:4px;
}
table.table02 tbody td p {
	padding:0 0 0 8em!important;
}
}
/***テーブル3***/
table.table03 span {
  color:#cd0000;
  font-weight: 500;
}
table.table03 {
	width:100%;
	border-right:#fff solid 4px;
	border-collapse: collapse;
  font-family: sans-serif;
  text-align: center;
  font-size:0.8rem;
}
table.table03 thead th {
	background:#12c9b5;
	color:#FFF;
	padding:10px 8px;
	border-right:#FFF solid 4px;
	border-bottom:#FFF solid 4px;
 
}
table.table03 tbody th {
	background:#12c9b5;
	color:#FFF;
	padding:10px 8px;
	border-bottom:#FFF solid 4px;
	vertical-align:middle;
}
table.table03 tbody tr:last-child th {
	border-bottom:#fff solid 4px;
}
table.table03 tbody td {
	background:#e8e8e8;
	padding:10px 15px;
	border-left:#fff solid 4px;
	border-bottom:#fff solid 4px;
  vertical-align: middle;
  text-align: left;
}
table.table03 tbody td p {
	padding:0 !important;
}

@media screen and (max-width: 750px) {
table.table03 thead {
	display:none;
}
table.table03 tbody th {
	display:block;
  font-size:0.85rem !important;
}
table.table03 tbody td {
	display:block;
  text-align: left;
  border-left:none;
}
table.table03 tbody td span {
  font-size:0.9rem !important;
  }
table.table03 tbody td::before {
	content: attr(label);
	float: left;
	clear:both;
	font-weight:bold;
}
table.table03 tbody td p {
	padding:0 0 0 8em!important;
}
.pc { display: none !important; }
.sp { display: block !important; }
}