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

/*body{
	width: 100%;
}
article{
}*/
.title{
	background-color:#999;
	font-size:20px;
	margin:0 auto;
	text-align:center;
	color:#FFF;
}
.box1 {
	display: flex;
	padding: 10px;
}
.p-image1{
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	width: 500px;
	margin-right: 10px;
}
.p-image1 img, .p-image2 img{
	width: 100%;
}
.p-image2{
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	width: 500px;
	margin-left: 10px;
}

table{ 
  box-sizing: border-box; 
  border-collapse:collapse; 
  margin: 0 auto; 
  text-align: center; 
  width: 100%; 
} 
table th{
  background: #82C0FF;
	border: 1px solid #ddd; 
	color: #FFFFFF;
	padding: .5em 1em; 
	width: 20%;
} 
table td{ 
  border: 1px solid #ddd; 
  padding: .5em 1em; 
} 
table td.midashi{
	background-color: #82C0FF;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	width: 20%;
}


/*.p-table{
	width: 100%;
}
.p-table2{
	width: 100%;

}
th,td{
	padding: 10px; border: 1px solid #ddd;
}

.p-table{
	display: flex;


.p-table th, .p-table td.midashi{
	background-color: #0F91E3;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	width: 20%;
}

table .p-table2{
	display: flex;
	flex-wrap: wrap;
}
.p-table2 th{
	background-color: #0F91E3;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
}
.p-table2 td{
	text-align: center;
}
}*/

@media screen and (max-width: 700px) {
.box1 {
	flex-direction: column;
}
.p-image1{
	width: 100%;
	margin: 10px 0;
	justify-content: center;}
.p-image2{
	width: 100%;
	margin: 10px 0;
	justify-content: center;
}

table{ 
  width: 100%; 
} 
table th, 
table td{ 
  display: block;
	width: 90%;
} 
table th, 
table td{ 
  border-top: none; /* 一旦、すべてのborder-topを削除 */ 

} 
table tr:first-child th{ 
  border-top: 1px solid #999; /* 一番上にあるthだけborder-topを追加 */ 
} 
table td.midashi{
  display: block;
	width: 90%;
}

}