@charset "utf-8";
@import url("font.css");


/* BASE */
* {
margin: 0;
padding: 0;
}
body {
margin: 0;
padding: 0;
box-sizing: border-box;
background-color: #000;
color: #eee;
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 500;
  font-style: normal;
}
table {
border-collapse: collapse;
}
ul, ol {
list-style: none;
}
a, a:hover, a:visited, a:active {
color: #ddd;
text-decoration: none;
}
a:hover {
opacity: 0.6;
}

/* animation */
div.animation_box {
	animation: fadeIn 3s ease 0.5s 1 normal backwards;
}
 
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-50px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/***********************/
.wrap {
position: relative;
height: 100%;
min-height: 100vh;
padding: 1em 0 0px;
box-sizing: border-box;
}

.title {
	text-align: center;
	width: 100%;
	margin: 0 auto;
	max-width: 1200px;
}
.contents {
	width: 100%;
	margin-top: 1rem;
}
.contents .con_T {
	font-family: "M PLUS Rounded 1c", sans-serif;
	font-weight: 700;
	font-style: normal;
	text-align: center;
	background-color: #DDD;
	padding: 0em 0;
	font-size: 150%;
	margin: 2em 0 1em;
	color: #000000;
}
.contents ul.link {
width: 96%;
margin: auto;
}
.contents ul.link li {
	text-align: center;
	font-size: 150%;
	font-family: "M PLUS Rounded 1c", sans-serif;
	font-weight: 700;
	font-style: normal;
	border-bottom: dashed 1px #CCC;
}
.t-b_space {
margin: 1em 0;
display: block;
}
footer {
width: 100%;
text-align: center;
position: absolute;
bottom: 0px;
margin-bottom: 20px;
}