#hall{display: none;}

#programIndex section{
	overflow: auto;
	position: relative;
	}
#programIndex section>div{
	overflow: auto;
	}

#programIndex h2{
	margin-top: clamp(64px, 14.4vw, 96px);
	}
#programIndex h3{
	margin-top: clamp(48px, 9.6vw, 64px);
	}

#programIndex table {
	width: 100%;
    margin-top: clamp(16px, 3.6vw, 24px);
	border-collapse: collapse;
	}

@media(min-width: 1000px){
#programIndex table .No {width: 5%;}
#programIndex table .Contents {width: 40%;}
#programIndex table .Company {width: 30%;}
#programIndex table .Notes {width: 25%;}
}

@media(max-width: 999.98px){
#programIndex table {
	white-space: nowrap;
	}
#programIndex tr{
    display: grid;
    grid-template-columns: 50px 300px 400px 200px;
	}
#programIndex #indexPark tr{
    display: grid;
    grid-template-columns: 50px 500px 400px 200px;
	}
}


#programIndex th,
#programIndex td {
	border: 1px solid #ccc;
	padding: 0.5em;
	text-align: left;
	}
#programIndex th {
	background: #f0f0f0;
	text-align: center;
	}
#programIndex td:nth-child(1) {
	text-align: center;
	}
	.swipeIcon {
		overflow: auto;
		position: relative;
		}
		@media (max-width: 991.98px) {
			.swipeIcon:before{
				content: "";
				display: block;
				aspect-ratio: 1;
				width: 6em;
				position: absolute;
				top: 50%;
				right: 0;
				background: url("/images/swipe.svg") right center no-repeat;
				background-size: contain;
				pointer-events: none;
				z-index: 1;
				transition: opacity 0.2s 0.4s ease-out;
				}
				.swipeIcon.scroll:before{
					opacity: 0;
					}
			}