/* --------------------------------------------------- */
#area01 {
	max-width: 1200px;
	width: 90%;
	margin: 0 auto;
}
#area01 .block {
	margin-bottom: clamp(40px, 6vw, 70px);
}
#area01 .block .outer {
  width: 100%;
}
#area01 .block table {
  border-collapse: collapse;
  width: 100%;
}
#area01 .block table tbody tr:nth-child(even) {
	background-color: #eee;
}
#area01 .block table td,
#area01 .block table th {
    border: 1px solid #ccc;
	text-align: center;
	vertical-align: middle;
}
#area01 .block table th {
	background-color: #888;
	color: #fff;
	font-size: .9em;
	padding: 5px 0;
}
#area01 .block table td {
	letter-spacing: 1px;
	padding: 20px 5px;
}
#area01 .block table td:nth-child(1),
#area01 .block table td:nth-child(2) {
	text-align: left;
	padding: 20px 15px;
}
#area01 .block table td:nth-child(1) {
	width: 24%;
}
#area01 .block table td:nth-child(4) {
	width: 70px;
}
@media screen and (max-width: 1100px) {
	#area01 .block .outer {
		overflow-x:scroll;
	}
	#area01 .block table {
		width: 1000px;
	}
	#area01 .block table td {
        padding: 15px 5px;
    }
    #area01 .block table td:nth-child(1),
    #area01 .block table td:nth-child(2) {
        padding: 15px 15px;
    }
}
@media screen and (max-width: 680px) {
	#area01 .block table {
		width: 700px;
		font-size: 12px;
		letter-spacing: 0px;
	}
	#area01 .block table td {
        padding: 10px 5px;
    }
	#area01 .block table td:nth-child(1) {
		min-width: 190px;
	}
    #area01 .block table td:nth-child(1),
    #area01 .block table td:nth-child(2) {
        padding: 10px 10px;
    }
	#area01 .block table td:nth-child(4) {
        width: 50px;
    }
}
/* --------------------------------------------------- */

/* --------------------------------------------------- */

/* --------------------------------------------------- */

/* --------------------------------------------------- */