main {
}

body {
	color: #342020;
}
/* ------------------------------
    　  　　 Exhibition
------------------------------ */
.main-img img{
	width: 1080px;
	display: block;
	margin: auto;
	}

.exhibit {
	padding: 150px 0;
	width:100%;
	margin: auto;
	background-color: #000;
	}

.ev {
	background-color: #282828;
	}

h2 {
	color: #e574ab;
	text-align: center;
	font-size: 60px;
	line-height: 1.3;
	font-weight: 900;
	margin: 15px auto 30px;
	}

.sub-c{
	color: #fff;
	text-align: center;
	margin: 25px 0 50px;
	}

@media screen and (max-width: 768px) {
.main-img img{width: 100%;}
.exhibit {
	padding: 10vw 3vw;
	width:100%;
	margin: auto;
	}

h2 {
	text-align: center;
	font-size: 8.5vw;
	line-height: 1.4;
	font-weight: 900;
	margin: 15px auto;
	}
.sub-c{
	font-size: 3.8vw;
	margin: 8vw 0 15vw;
	}
}
/* ------------------------------
　　　　　　表組み
------------------------------ */

*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
table {
	border-collapse: collapse;
	width: 720px;
	margin: 10px auto 50px;
	font-size: 14px;
	}
table th,
table td {
	padding: 6px 10px;
	color: #fff;
	background-color: #000;
	border: 1px solid #555;
}
table th {
	text-align: center;
	background-color: #333;
	color: #888;
	font-weight: 600;
	width: 20%;
	}
@media screen and (max-width: 500px) {
	table {
	  border-top: 1px solid #555;
		font-size: 4vw;
		font-weight: 400;
	width: 98%;
  }
  table td {
    display: block;
	border: 1px solid #555;
  }
  table th {
	padding: 1vw 10px;
	  border: 1px solid #555;
    display: block;
    border-top: none;
    border-bottom: none;
    width: 100%;
  }
}