@charset "utf-8";
/* CSS Document */
.merit {
  border-collapse: collapse;
  width: 90%;
  margin: 20px auto;
　text-align: center;
}
table.merit tr.main {
  background: #406CB4;
  color: white;
}
.main th, .main td {
  border: solid 1px white;
  padding: 10px;
}
.second th, .second td {
  padding: 10px;
  border: solid 1px #999;
}
 .second td {
  text-align: left !important;
}
.fulltxt{
	width: 100% !important;
}
.txtBox01 {
    width: 40%;
    float: left;
    text-align: left;
	padding: 20px;
}
.f-container {
    display: flex;
    margin-top: 3%;
    flex-wrap: wrap;
}
.item {
    width: 50%;
    justify-content: space-between;
    padding: 3%;
}
.headTxtBox01 .img1 {
    width: 33%;
    float: right;
}
@media screen and (max-width: 640px) {
.main th, .main td {
  padding: 10px 20px;
	}
	.merit_area{
		width: 100%;
		overflow: auto;
		white-space: nowrap;
	}
	.merit_area::-webkit-scrollbar{
		height: 5px;
	}
	.merit_area::-weblit-scrollbar-track{
		background: #F1F1F1;
	}
	.merit_area::-webkit-scrollbar-thumb{
		background: #BCBCBC;
	}
.txtBox01 {
    width: 100%;
    float: none;
	text-align: left;
}
.f-container {
    flex-wrap: wrap;
}	
.item {
    width: 100%;
    padding: 0;
    margin-bottom: 5%;
}	
.headTxtBox01 .img1 {
    width: 100%;
    float: none;
}	
}