@charset "UTF-8";
h1{
  font-family: 'Noto Sans JP', sans-serif;
  font-size:50px;
}
h2{
  font-family: 'Noto Sans JP', sans-serif;
}
h3{
	font-family:"Babylon5", sans-serif;
	font-size:50px;
	color:#fff;
}
html {
	text-size-adjust:90%;
	-webkit-text-size-adjust:90%;
}
@font-face {
	font-family:"Babylon5";
	src:url("fonts/babylon5/B5______.eot?") format("eot");
	src:url("fonts/babylon5/B5______.woff") format("woff");
	src:url("fonts/babylon5/B5______.ttf") format("truetype");
	src:url("fonts/babylon5/B5______.svg#Babylon5") format("svg");
	font-weight:normal;
	font-style:normal;
}
body{
  background-color:#111;
  font-family: 'Noto Sans JP', sans-serif;
}
.page-header{
	display: flex;
	justify-content: space-between;
}
.tit{
	border-bottom:1px solid #7ab6f3;
	display: inline-block;
}
.main-nav{
  font-family: 'Noto Sans JP', sans-serif;
  display: flex;
  font-size: 25px;
  text-transform: uppercase;
  list-style: none;
}
.main-nav li{
	margin-top:20px;
	margin-left:36px;
}
.nav{
  font-family: 'Noto Sans JP', sans-serif;
  list-style: none;
  font-size: 2rem;
  margin-left:15%;
}
.wrapper{
	max-width:1100px;
	margin:0 auto;
	padding: 0 4%;
}
a{
	color:#fff;
	text-decoration:none;
}

a:hover {/*マウスが上に乗っている状態*/
color:#e8204e;
text-decoration:underline;
}
#main {
  color:#fff;
  padding:0px 40px 40px 40px;
}
.img img{
  width: 600px;
  height: auto;
  width: 60%;
  margin: auto;
  display: block;
}
footer{
	text-align: center;
}
footer p{
	color:#fff;
	font-size:1.25rem;
}
@media screen and (max-width: 600px) {
	.wrapper{
		font-size:0.5rem;
	}
	.main{
		width:0.5rem;
	}
	/*header*/
	.main-nav{
		font-size:1rem;
		margin-top:10px;
	}
	.main-nav li{
		margin:0 20px;
	}
	table{
		width:100%;
	}
 }