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

.tablearea {text-align: center; padding: 4em }
h1 { font-weight: 300; font-size: 5em; line-height: 1.35; margin: 0 0 .125em; }
h1 + p { font-size: 1.5em; color: #999; max-width: 30em; margin: 0 auto 3em; }
 
table { width: 92%; text-align: left; border-spacing: 0; border-collapse: collapse; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin:0 auto}

th, td { font-family: inherit; font-size: 13px; line-height: 1.45; color: #717171; vertical-align: middle; padding: 1em; }
th { display:fixed;font-weight: 500; color:#4E4E4E }
td {font-weight:300}

colgroup:nth-child(1) { width: 8%; border: 0 none; }
colgroup:nth-child(2) { width: 14%; border: 0 none; }
colgroup:nth-child(3) { width: 11%; border: 1px solid #ccc; }
colgroup:nth-child(4) { width: 11%; border: 1px solid #ccc; }
colgroup:nth-child(5) { width: 11%; border: 1px solid #ccc; }
colgroup:nth-child(6) { width: 11%; border: 1px solid #ccc; }



/* Tablehead */

thead th { text-align: center; position: relative; border-bottom: 1px solid #ccc; padding: 0.5em 0 0em; font-weight: 400; color: #353239; display:fixed }
thead th:nth-child(1) { background:#fff;}
thead th:nth-child(2) { background: #fff; }

thead th:nth-child{  padding: 2em 0 5em; }
thead th h2 { font-weight: 300; font-size: 16px; line-height: 1; color: #353239; }
thead th h2 + p { font-size: 1em; line-height: 1.4; }
thead th:nth-child h2 { font-size: 3em; color:#353239 }
thead th:nth-child h2 + p { font-size: 1.5em; }

thead {display:fixed}
/* Tablebody */

tbody th { background: #fff; border-left: 1px solid #ccc; }
tbody th span { font-weight: normal; font-size: 87.5%; color: #999; display: block; }

tbody td { background: #fff; text-align: center; }

tbody tr:nth-child(even) th,
tbody tr:nth-child(even) td { background: #f5f5f5; border: 1px solid #ccc; border-width: 1px 0 1px 1px; }
tbody tr:last-child td { border-bottom: 0 none; }





@media screen and (min-width:641px) and (max-width:802px){
	
.tablearea {text-align: center; padding: 4em }
h1 { font-weight: 300; font-size: 5em; line-height: 1.35; margin: 0 0 .125em; }
h1 + p { font-size: 1.5em; color: #999; max-width: 30em; margin: 0 auto 3em; }
 
table { width: 92%; text-align: left; border-spacing: 0; border-collapse: collapse; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin:0 auto}

th, td { font-family: inherit; font-size: 13px; line-height: 1.45; color: #717171; vertical-align: middle; padding: 1em; }
th { display:fixed;font-weight: 500; color:#4E4E4E }
td {font-weight:300}

	thead th h2 { font-weight: 300; font-size: 14px; line-height: 1; color: #353239;width:100% }
thead th h2 + p { font-size: 1em; line-height: 1.4; }
thead th:nth-child h2 { font-size: 3em; color:#353239 }

	
colgroup:nth-child(1) { width: 14%; border: 0 none; }
colgroup:nth-child(2) { width: 16%; border: 0 none; }
colgroup:nth-child(3) { width: 17%; border: 1px solid #ccc; }
colgroup:nth-child(4) { width: 17%; border: 1px solid #ccc; }
colgroup:nth-child(5) { width: 17%; border: 1px solid #ccc; }
colgroup:nth-child(6) { width: 17%; border: 1px solid #ccc; }

}

