@charset "utf-8";
/* CSS Document */
h1{
	color:#FFF;
	font-family: 'RocknRoll One', sans-serif;
	display:block;
	text-align:center;
	background:#EA5514;
}
h2{
	color:#EA5514;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	display:block;
	text-align:center;
}



#intro dl{
	max-width:960px;
	margin:0 auto;
	padding:25px;
}

#intro dd ul{
	display:block;
	width:480px;
	margin:0 auto;
}
#intro dd li{
	float:left;
}


#intro dt{
	background:rgba(255,255,255,0.6);
	margin-top:10px;
	padding:25px;
	border-radius:25px;
}
#identity {padding:30px 0}
#identity dl{
	max-width:960px;
	margin:0 auto;
	padding:25px;
}
#identity dt{
	display:block;
	text-align:center;
	font-weight:800;
	font-size:30px;
}
#identity dd{
	background:rgba(255,255,255,0.6);
	margin-top:10px;
	padding:25px;
	border-radius:25px;
}
#overview{
	padding:50px 0;
}
.overviewList {
	margin:0 auto;
	border-collapse: collapse;
}

.overviewList tr {
	border-bottom:3px dotted #E60012;
}
.overviewList th{
	color:#FFF;
	background-color:#EA5514;
}
.overviewList td{
	background:#FFF;
}
@media (min-width: 1024px){
	h1,h2{
		padding:10px 0;
		font-size:40px;
	}
.overviewList {
	width:1000px;
}
.overviewList th{
	width:160px;
	text-align:justify;
	padding:20px;
}
.overviewList td{
	padding:20px;
	width:760px;
}
}
@media (min-width: 480px) and (max-width: 1023px){
	h1,h2{
		padding:5px 0;
		font-size:30px;
	}
.overviewList{
	width:480px;
}	
.overviewList th,.overviewList td{
	display:block;
	width:100%;
	padding:15px 0px;
	font-size:15px;
}	
}
@media (max-width: 479px){
	h1,h2{
		padding:5px 0;
		font-size:25px;
	}

#intro dd ul{
	float:none;
	width:240px;
}
#intro dd li{
	float:none;
}

.overviewList{
	width:350px;
}	
.overviewList th,.overviewList td{
	display:block;
	width:100%;
	padding:10px 0px;
	font-size:12px;
}
}