main{max-width: 1200px; width: 95%; margin: 0 auto; padding: 100px 0; box-sizing: border-box; line-height: 1.6;}
			h1{font-size: calc(30/16*1em); font-weight: 700; text-align: center; margin-bottom: 0.5em;}
			h3{font-size: calc(20/16*1em); font-weight: 700; margin-top: 1em;}
			h4{font-size: calc(18/16*1em); font-weight: 700; margin-top: 1em;}
			h5{font-size: calc(30/16*1em); margin: 0 auto; font-weight: 700; text-align: center;}
			.tableBx{ margin: 30px 0;}
			.tableBx.overflow::before{
				content:'scroll ➞'; display: inline-block ; font-size: 14px; margin-bottom: 10px;
				animation: scroll forwards infinite 3s; background-color: #000; color: #fff;
				box-sizing: border-box; border-radius: 100px; padding: 0px 14px;
			}
			@keyframes scroll {
				0%{transform: translateX(0px);}
				50%{transform: translateX(30px);}
				100%{transform: translateX(0px);}
			}
			.table{
				overflow: auto;
			}
			.table table {
				width: 100%;
				border-collapse: collapse;
				min-width: 500px;
			}

			.table th,
			.table td {
				border: 1px solid #222;
				padding: 10px 12px;
				vertical-align: top;
				background: #fff;
				line-height: 1.6;
			}

			.table thead th {
				text-align: center;
				font-weight: 700;
				vertical-align: middle;
			}

			.table .row-group {
				text-align: center;
				font-weight: 700;
				vertical-align: middle;
				white-space: nowrap;
			}

			@media screen and (max-width:1600px) {}
			@media screen and (max-width:1440px) {}
			@media screen and (max-width:1280px) {}
			@media screen and (max-width:1024px) {
				main{font-size: 14px; }
			}
			@media screen and (max-width:820px) {}
			@media screen and (max-width:500px) {
				main{font-size: 12px; }
			}
			@media screen and (max-width:320px) {}